35 karakter · bebas disalin
Bentuk geometris sebagai karakter
Blok Geometric Shapes di U+25A0 sampai U+25FF adalah kuda beban antarmuka berbasis teks: lingkaran, persegi, segitiga, dan belah ketupat, hampir semuanya tersedia sebagai pasangan terisi-dan-garis-luar dalam dua atau tiga ukuran. Pasangan itulah yang memungkinkan Anda menunjukkan dua status, dua pemain, atau dua prioritas tanpa bergantung pada warna. Salin karakter mana pun di bawah; masing-masing terdaftar dengan nama Unicode dan titik kodenya.
Lingkaran
Terisi, berongga, dan isian parsial yang dipakai untuk rating, fase, dan status toggle.
Persegi
Tiga ukuran dalam versi terisi dan berongga. Pasangan kecilnya menjadi bullet yang lebih baik daripada titik polos.
Segitiga
Keempat arah dalam dua ukuran. Set besar yang terisi juga berfungsi ganda sebagai kontrol media.
Belah ketupat dan lozenge
Belah ketupat terbaca sebagai "istimewa" tanpa berlebihan — pilihan umum untuk pembatas dekoratif.
Klik karakter mana pun untuk menyalinnya. Tidak ada yang diunduh — ini karakter teks, bukan gambar.
Blok Unicode
- U+25A0–U+25FF Bentuk Geometris
- U+2756 Dingbats
Cara menggunakan Bentuk Geometris
Pasangkan terisi dengan berongga untuk menunjukkan status
Hampir setiap bentuk di sini tersedia sebagai pasangan terisi-dan-garis-luar. Memakai ● melawan ○ untuk nyala dan mati, atau selesai dan tertunda, mengomunikasikan perbedaan lewat bentuk — sehingga tetap terlihat dalam cetakan grayscale dan bagi penglihatan buta warna, tidak seperti merah-lawan-hijau.
Gunakan varian kecil sebagai bullet
Persegi kecil ▪ dan bullet putih ◦ lebih pas berdampingan dengan teks isi dibanding ■ berukuran penuh. Daftar bertingkat terbaca baik sebagai • lalu ◦ lalu ▪.
Gunakan lingkaran parsial untuk progres
○ ◔ ◐ ◕ ● memberi lima langkah penyelesaian yang bersih, masing-masing satu karakter — indikator progres ringkas untuk sel tabel atau baris log.
Warnai lewat CSS
Ini adalah teks, jadi `color` berlaku langsung. Satu baris ● dalam lima warna berbeda tidak butuh gambar maupun SVG, dan tetap tajam di zoom berapa pun.
Tentang Bentuk Geometris
Blok Geometric Shapes adalah rentang paling berguna secara diam-diam di Unicode. Ide pengorganisasiannya adalah pasangan: untuk hampir setiap bentuk ada versi terisi dan versi garis luar, dan sering kali dua atau tiga ukuran masing-masing. Duplikasi itu terlihat sia-sia sampai Anda butuh menunjukkan dua status dalam konteks monokrom — sebuah terminal, sebuah cetakan, sebuah email teks polos — dan menyadari kontras bentuk tetap berfungsi di tempat kontras warna tidak berfungsi.
Sifat itulah yang membuat karakter ini ada di mana-mana dalam desain antarmuka. Lingkaran terisi dan berongga menjadi radio button dan titik carousel. Segitiga menjadi panah disclosure dan kontrol transport media. Persegi kecil menjadi bullet. Karena teks, masing-masing mewarisi ukuran font dan warna sekitarnya, sehingga sebuah set ikon yang dibangun darinya tidak butuh sprite sheet, tidak butuh icon font, dan tidak butuh SVG — serta tidak pernah telat dimuat atau gagal dimuat sama sekali.
Lingkaran isian-parsial di U+25D0 sampai U+25D3, dan varian seperempat-isian di dekatnya, adalah sepotong kosakata desain kecil yang jarang ditemukan orang. Rangkaian dari kosong sampai penuh memberi Anda indikator progres atau rating yang hanya menempati satu sel karakter, itulah sebabnya sering muncul di dashboard CLI dan tabel status di mana ruang horizontal terbatas.
Situs ini sangat mengandalkan blok ini. Connect Four dan Othello memakai ● dan ○ untuk kedua pemain; Simon memakai segitiga besar untuk keempat panelnya; Lights Out dan Ingatan memakai persegi dan belah ketupat. Warna ditumpuk di atasnya lewat CSS sebagai penguat, tapi bentuknya sendiri yang membawa makna — itulah yang membuat papan-papan ini tetap terbaca bagi pemain buta warna.
Game yang dibuat dari karakter ini
Setiap papan di situs ini dibuat dari Unicode, bukan sprite. Game-game berikut memakai karakter di atas.
Pertanyaan yang sering diajukan
Apa bedanya ● dan ○?
Keduanya adalah versi terisi dan versi berongga dari lingkaran yang sama. Unicode menamainya "black circle" dan "white circle", tapi nama itu menjelaskan isian, bukan warna — keduanya teks, jadi Anda bisa menampilkan keduanya dalam warna apa pun yang Anda suka. Memasangkan keduanya menunjukkan dua status tanpa bergantung pada warna sama sekali.
Simbol bentuk apa yang cocok sebagai bullet point?
Bullet • (U+2022) adalah standarnya, dengan bullet putih ◦ dan persegi kecil ▪ untuk tingkat bertingkat. ■ dan ● berukuran penuh biasanya terlalu berat berdampingan dengan teks isi. Tingkatan umum adalah • lalu ◦ lalu ▪.
Bisakah saya memakai bentuk geometris sebagai pengganti ikon?
Untuk indikator sederhana, bisa, dan ada keuntungan nyata: tidak butuh sprite sheet, tidak butuh icon font, tidak ada request tambahan, dan otomatis mewarisi warna serta ukuran teks sehingga tidak pernah telat dimuat atau salah posisi. Segitiga berfungsi sebagai panah disclosure dan tombol putar, lingkaran sebagai status radio dan titik status.
Mengapa beberapa bentuk terlihat lebih besar dari yang lain dalam font yang sama?
Unicode mengkodekan beberapa ukuran secara eksplisit — kecil, sedang, dan reguler — dan font juga menggambar titik kode yang sama dengan bobot optik berbeda. Jika satu baris bentuk terlihat tidak rata, kemungkinan Anda mencampur varian ukuran seperti ▪ U+25AA dengan ■ U+25A0. Pakailah satu kelas ukuran saja dalam satu baris.
Apakah bentuk-bentuk ini berfungsi sebagai emoji?
Beberapa punya presentasi emoji dan mungkin muncul sudah berwarna di sejumlah platform. Tambahkan pemilih variasi teks U+FE0E untuk memaksa glyph teks monokrom agar mengikuti warna CSS Anda. Sebagian besar bloknya murni teks dan tidak butuh perlakuan itu.
Support the arcade
Menikmati game-nya?
UnicodeGames gratis, tanpa iklan, dan akan selalu begitu. Jika ini membuat waktu istirahat kopi Anda lebih menyenangkan, Anda bisa membalas budi.
Traktir saya kopiOne-off · No account needed · Handled by Buy Me a Coffee