Localization Designdi Owl-Listener

Localization Design Skill.

Prepara l'interfaccia alle differenze linguistiche, non solo alle stringhe tradotte.

Design system
Localizzazione

Scarica OpenDesign Vedi la guida all'uso

Revisione della fonte · Localization DesignSKILL.md

Attività Design system Produce • Un audit dei componenti per espansione, troncamento e dimensionamento flessibile. • Una specifica RTL che distingue gli elementi specchiati da quelli mantenuti. • Una checklist per formati locali e test delle scritture. Prima di iniziare Servono testi nelle lingue di destinazione, font e una revisione linguistica o culturale adeguata; non è inclusa alcuna piattaforma di localizzazione automatica.

Sintesi editoriale · fonte esaminata il 2026-10-07 · non è un esempio generato

01 Funzionalità

Progettare interfacce oltre una sola lingua

Una guida UI attenta alla localizzazione, che copre layout di testo flessibili, direzionalità, scritture non latine e convenzioni locali.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Localization Design affronta ciò che si rompe quando un layout esce dalla lingua originale: etichette più lunghe, diversa direzione di scrittura, tipografia specifica delle scritture e formati locali per date, numeri, valute o indirizzi. Consiglia contenitori flessibili, proprietà CSS logiche e test sia con testi lunghi sia con una lingua RTL.

Distingue inoltre la traduzione dalla revisione culturale. Un layout specchiato tecnicamente corretto può comunque usare simboli o presupposti inadatti. La fonte include generalizzazioni culturali illustrative e intervalli di espansione; servono a stimolare una revisione sul mercato, non a diventare regole universali su ogni utente di un paese.

Risultati attesi

Un audit dei componenti per espansione, troncamento e dimensionamento flessibile.
Una specifica RTL che distingue gli elementi specchiati da quelli mantenuti.
Una checklist per formati locali e test delle scritture.

Vedi il brief di esempio

Dal brief alla revisione

01
Testa l'espansione del testo
Usa stringhe espanse o pseudo-localizzate per far emergere larghezze fisse ed etichette di navigazione tagliate prima che esistano le traduzioni finali.
02
Mappa il comportamento direzionale
Sostituisci i presupposti fisici su sinistra/destra con la semantica di inizio/fine. Decidi quali icone vanno specchiate e quali marchi, numeri o contenuti multimediali restano invariati.
03
Verifica il significato locale
Controlla font, formati, struttura degli indirizzi e immagini culturalmente sensibili con competenze linguistiche o di mercato adeguate.

02 Quando usarlo

Quando usarla

Servono testi nelle lingue di destinazione, font e una revisione linguistica o culturale adeguata; non è inclusa alcuna piattaforma di localizzazione automatica.

Adatta se

Prima del lancio multilingueUtile per individuare problemi di layout quando i componenti possono ancora essere modificati in modo coerente.
Maturità del design systemAggiunge requisiti di localizzazione alle indicazioni sui componenti, invece di correggere ogni schermata tradotta separatamente.

Limiti da verificare

Non è un servizio di traduzioneNon produce né certifica testi localizzati definitivi.
Nessuna certificazione culturaleEsempi generici non sostituiscono la revisione di persone che conoscono lo specifico mercato e pubblico.

Materiali da fornire

Lingue di destinazioneElenca scritture, direzioni di scrittura e convenzioni di formattazione richieste.
Campioni di componentiFornisci navigazione, moduli, card, pulsanti e viste dati dense.
Font e contenutiIncludi stringhe reali o pseudo-localizzate e font di riserva approvati.

03 Decisioni importanti

Decisioni importanti

Specchia in modo selettivo
Frecce direzionali e flusso del layout possono invertirsi; marchi e notazione matematica non vanno capovolti alla cieca.
Localizza il sistema
Nomi di token semantici e dimensionamento flessibile dei componenti rendono le localizzazioni future meno dipendenti da override ad hoc.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Controlla la configurazione

Usa la procedura di installazione documentata nel repository e conserva gli eventuali file complementari richiamati. Questa scheda descrive un metodo di progettazione mirato, non un'applicazione eseguibile.

File sorgente originale

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/localization-design/SKILL.md

Servono testi nelle lingue di destinazione, font e una revisione linguistica o culturale adeguata; non è inclusa alcuna piattaforma di localizzazione automatica.

Parti da un solo risultato

Adatta ambito, materiali di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio

Usa localization-design per verificare le nostre impostazioni account in tedesco e arabo. Controlla espansione delle etichette, spaziatura logica, icone direzionali, numeri di conto a direzione mista e formati di data. Produci modifiche a livello di componente e una matrice di test. Segnala i presupposti culturali per la revisione umana invece di trattare gli stereotipi sui paesi come regole.

Esamina il risultato

Confronta l'output effettivo con questi criteri osservabili.

Le etichette lunghe restano leggibili senza tagli dovuti a larghezze fisse.
Il comportamento RTL distingue i controlli direzionali dagli asset non direzionali.
Date e numeri usano una formattazione sensibile alla lingua, non il riordino delle stringhe.

OpenDesign offre uno spazio di lavoro locale per agenti di programmazione. Questo elenco non significa che la skill sia inclusa o che strumenti esterni, credenziali e dipendenze software siano compresi.

Scarica OpenDesign Leggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata e collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Proprietario della fonte: Owl-Listener
Repository: Owl-Listener/designer-skills
File della skill: design-systems/skills/localization-design/SKILL.md
Licenza: MIT
Snapshot esaminato: 2026-10-07 · 9a6930cf84a8

Sintesi editoriale della fonte

Una guida UI attenta alla localizzazione, che copre layout di testo flessibili, direzionalità, scritture non latine e convenzioni locali.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un segnale di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

RTL significa capovolgere ogni immagine?

No. La fonte indica eccezioni come loghi, numeri e molte immagini. Valuta il significato prima di specchiare.

La pseudo-localizzazione può sostituire il controllo qualità delle traduzioni?

No. Può rivelare debolezze di layout e gestione dei caratteri prima che arrivino le traduzioni reali, ma non può valutare naturalezza o adeguatezza culturale.

Le percentuali di espansione vanno considerate esatte?

No. Sono indicazioni approssimative per gli stress test. Test su testi e layout reali sono più affidabili.

OpenDesign

Fai spazio alla prossima iterazione di design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesign Sfoglia le skill di design