35 caratteri · da copiare gratis
Forme geometriche come caratteri
Il blocco Forme Geometriche da U+25A0 a U+25FF è il cavallo di battaglia delle interfacce testuali: cerchi, quadrati, triangoli e rombi, quasi tutti disponibili in coppia piena e delineata, in due o tre dimensioni. Questo abbinamento è ciò che ti permette di mostrare due stati, due giocatori o due priorità senza fare affidamento sul colore. Copia un carattere qualsiasi qui sotto; ognuno è elencato con il proprio nome Unicode e code point.
Cerchi
Pieni, vuoti, e i riempimenti parziali usati per valutazioni, fasi e stati di attivazione.
Quadrati
Tre dimensioni, pieni e vuoti. La coppia piccola fa punti elenco migliori di un semplice puntino.
Triangoli
Tutte e quattro le direzioni in due dimensioni. Il set grande pieno funge anche da comandi di riproduzione multimediale.
Rombi e losanghe
I rombi comunicano "speciale" senza gridarlo — la scelta abituale per un separatore decorativo.
Clicca su un carattere per copiarlo. Non scarichi nulla: sono caratteri di testo, non immagini.
Blocchi Unicode
- U+25A0–U+25FF Forme Geometriche
- U+2756 Dingbats
Come usare Forme Geometriche
Abbina pieno e vuoto per mostrare lo stato
Quasi ogni forma qui è disponibile come coppia piena e delineata. Usare ● contro ○ per acceso e spento, o completato e in sospeso, comunica la differenza tramite la forma — così sopravvive alla stampa in scala di grigi e alla vista daltonica in un modo che rosso contro verde non fa.
Usa le varianti piccole come punti elenco
Il piccolo quadrato ▪ e il punto elenco bianco ◦ si abbinano meglio al testo del corpo rispetto a un ■ a grandezza piena. Gli elenchi annidati si leggono bene come • poi ◦ poi ▪.
Usa i cerchi parziali per il progresso
○ ◔ ◐ ◕ ● offre cinque livelli puliti di completamento, ciascuno in un solo carattere — un indicatore di progresso compatto per una cella di tabella o una riga di log.
Colorali da CSS
Sono testo, quindi il `color` si applica direttamente. Una riga di ● in cinque colori diversi non richiede immagini né SVG, e resta nitida a qualsiasi zoom.
Informazioni su Forme Geometriche
Il blocco Forme Geometriche è l'intervallo silenziosamente più utile di Unicode. La sua idea organizzativa è la coppia: per quasi ogni forma esiste una versione piena e una delineata, e spesso due o tre dimensioni di ciascuna. Questa ridondanza sembra superflua finché non devi mostrare due stati in un contesto monocromatico — un terminale, una stampa, un'email di solo testo — e scopri che il contrasto di forma continua a funzionare dove quello di colore non funziona.
Questa proprietà è il motivo per cui questi caratteri sono ovunque nel design delle interfacce. I cerchi pieni e vuoti sono pulsanti di opzione e puntini dei caroselli. I triangoli sono frecce di espansione e comandi di riproduzione multimediale. I quadrati piccoli sono punti elenco. Dato che sono testo, ognuno di essi eredita la dimensione e il colore del font circostante, quindi un set di icone costruito con essi non richiede sprite sheet, font di icone o SVG — e non carica mai in ritardo né fallisce del tutto il caricamento.
I cerchi a riempimento parziale da U+25D0 a U+25D3, e le varianti a quarto di riempimento vicine, sono un piccolo pezzo di vocabolario di design che quasi nessuno trova mai. Una sequenza dal vuoto al pieno offre un indicatore di progresso o valutazione che occupa esattamente una cella di carattere, motivo per cui compare nelle dashboard da riga di comando e nelle tabelle di stato dove lo spazio orizzontale scarseggia.
Questo sito si appoggia pesantemente a questo blocco. Forza 4 e Reversi usano ● e ○ per i due giocatori; Simon usa i triangoli grandi per i suoi quattro pulsanti; Lights Out e Memory usano quadrati e rombi. Il colore viene aggiunto sopra con CSS come rinforzo, ma sono le forme a portare il significato da sole — ed è ciò che rende i tabelloni leggibili anche a un giocatore daltonico.
Giochi disegnati con questi caratteri
Ogni tabellone di questo sito è costruito con caratteri Unicode, non sprite. Questi giochi usano i caratteri qui sopra.
Domande frequenti
Qual è la differenza tra ● e ○?
Sono le versioni piena e vuota dello stesso cerchio. Unicode li chiama "black circle" e "white circle", ma quei nomi descrivono il riempimento, non il colore — sono entrambi testo, quindi puoi renderli in qualsiasi colore tu voglia. Abbinarli mostra due stati senza dipendere affatto dal colore.
Quali simboli di forma fanno buoni punti elenco?
Il punto elenco • (U+2022) è lo standard, con il punto elenco bianco ◦ e il piccolo quadrato ▪ per i livelli annidati. ■ e ● a grandezza piena sono di solito troppo pesanti contro il testo del corpo. Un annidamento comune è • poi ◦ poi ▪.
Posso usare forme geometriche al posto delle icone?
Per indicatori semplici, sì, e ci sono vantaggi reali: nessuno sprite sheet, nessun font di icone, nessuna richiesta extra, ed ereditano automaticamente colore e dimensione del testo, quindi non caricano mai in ritardo né si disallineano. I triangoli funzionano come frecce di espansione e pulsanti play, i cerchi come stati di opzione e puntini di stato.
Perché alcune forme sembrano più grandi di altre nello stesso font?
Unicode codifica esplicitamente diverse dimensioni — piccola, media e normale — e i font disegnano anche lo stesso code point con pesi ottici diversi. Se una riga di forme appare irregolare, probabilmente stai mescolando varianti di dimensione come ▪ U+25AA con ■ U+25A0. Attieniti a un'unica classe di dimensione all'interno di una riga.
Queste forme funzionano come emoji?
Alcune hanno presentazioni emoji e possono arrivare già colorate su certe piattaforme. Aggiungi il selettore di variazione testuale U+FE0E per forzare il glifo di testo monocromatico così assume il tuo colore CSS. La maggior parte del blocco è solo testo e non richiede questo trattamento.
Support the arcade
Ti piacciono i giochi?
UnicodeGames è gratis, senza pubblicità, e lo sarà sempre. Se ha reso più piacevole una pausa caffè, puoi ricambiare il favore.
Offrimi un caffèOne-off · No account needed · Handled by Buy Me a Coffee