35 znaków · darmowe do skopiowania
Kształty geometryczne jako znaki
Blok Kształty Geometryczne pod U+25A0 do U+25FF to koń roboczy interfejsów tekstowych: koła, kwadraty, trójkąty i romby, niemal wszystkie dostarczone jako para wypełniona-konturowa w dwóch albo trzech rozmiarach. To właśnie to sparowanie pozwala pokazać dwa stany, dwóch graczy albo dwa priorytety bez polegania na kolorze. Skopiuj dowolny znak poniżej; każdy jest opisany swoją nazwą Unicode i punktem kodowym.
Koła
Wypełnione, puste w środku oraz częściowe wypełnienia używane do ocen, faz i stanów przełącznika.
Kwadraty
Trzy rozmiary w wersji wypełnionej i pustej. Mała para tworzy lepsze punktory niż zwykła kropka.
Trójkąty
Wszystkie cztery kierunki w dwóch rozmiarach. Duży wypełniony zestaw pełni też funkcję przycisków sterowania odtwarzaniem.
Romby i wrzeciona
Romby czytają się jako „specjalne”, nie krzycząc o tym — zwykły wybór na dekoracyjny separator.
Kliknij dowolny znak, aby go skopiować. Nic nie jest pobierane — to znaki tekstowe, a nie obrazki.
Bloki Unicode
- U+25A0–U+25FF Kształty Geometryczne
- U+2756 Dingbaty
Jak używać — Kształty Geometryczne
Zestawiaj wypełnione z pustymi, by pokazać stan
Niemal każdy kształt tutaj występuje jako para wypełniona-konturowa. Użycie ● przeciwko ○ dla włączone/wyłączone albo zrobione/oczekujące komunikuje różnicę kształtem — więc przetrwa druk w skali szarości i widzenie osoby z daltonizmem w sposób, w jaki nie przetrwa czerwony kontra zielony.
Używaj małych wariantów jako punktorów
Mały kwadrat ▪ i biały punktor ◦ lepiej komponują się z treścią akapitu niż pełnowymiarowy ■. Listy zagnieżdżone dobrze czytają się jako • potem ◦ potem ▪.
Używaj częściowych kół do pokazywania postępu
○ ◔ ◐ ◕ ● daje pięć czystych stopni ukończenia, każdy w jednym znaku — kompaktowy wskaźnik postępu do komórki tabeli albo linii logu.
Koloruj je z poziomu CSS
To tekst, więc `color` działa bezpośrednio. Rząd znaków ● w pięciu różnych kolorach nie potrzebuje ani obrazków, ani SVG, i pozostaje ostry przy każdym powiększeniu.
O Kształty Geometryczne
Blok Kształty Geometryczne to najciszej użyteczny zakres w Unicode. Jego organizującą ideą jest para: dla niemal każdego kształtu istnieje wersja wypełniona i konturowa, a często po dwa albo trzy rozmiary każdej z nich. Ta redundancja wygląda na marnotrawną, dopóki nie trzeba pokazać dwóch stanów w kontekście monochromatycznym — terminalu, wydruku, zwykłym tekstowym e-mailu — i nie odkryje się, że kontrast kształtu wciąż działa tam, gdzie kontrast koloru już nie.
Ta właściwość sprawia, że te znaki są wszędzie w projektowaniu interfejsów. Wypełnione i puste koła to przyciski radiowe i kropki karuzeli. Trójkąty to strzałki rozwijania i przyciski sterowania odtwarzaniem. Małe kwadraty to punktory. Ponieważ to tekst, każdy z nich przejmuje otaczający rozmiar czcionki i kolor, więc zestaw ikon z nich zbudowany nie potrzebuje ani arkusza grafik, ani czcionki ikon, ani SVG — i nigdy nie wczytuje się z opóźnieniem ani wcale.
Koła z częściowym wypełnieniem pod U+25D0 do U+25D3 oraz podobne im warianty ćwiartkowe to mały fragment słownika projektowego, którego większość ludzi nigdy nie odkrywa. Sekwencja od pustego do pełnego daje wskaźnik postępu albo oceny, który zajmuje dokładnie jedną komórkę znaku, dlatego pojawia się w panelach CLI i tabelach statusów, gdzie miejsca w poziomie jest mało.
Ta strona mocno opiera się na tym bloku. Czwórki i Reversi używają ● i ○ dla dwóch graczy; Simon używa dużych trójkątów dla swoich czterech pól; Lights Out i Memory używają kwadratów i rombów. Kolor jest nakładany na wierzch za pomocą CSS jako wzmocnienie, ale to kształty niosą znaczenie same z siebie — dlatego plansze są czytelne dla gracza z daltonizmem.
Gry narysowane tymi znakami
Każda plansza na tej stronie powstaje z Unicode, a nie z obrazków. Te poniżej korzystają ze znaków przedstawionych powyżej.
Najczęściej zadawane pytania
Jaka jest różnica między ● a ○?
To wypełniona i pusta wersja tego samego koła. Unicode nazywa je „black circle” i „white circle”, ale te nazwy opisują wypełnienie, a nie kolor — oba to tekst, więc możesz wyświetlić dowolny z nich w dowolnym kolorze. Zestawienie ich pokazuje dwa stany bez żadnej zależności od koloru.
Które symbole kształtów sprawdzają się jako punktory?
Punktor • (U+2022) to standard, a biały punktor ◦ i mały kwadrat ▪ nadają się do poziomów zagnieżdżonych. Pełnowymiarowe ■ i ● są zwykle zbyt ciężkie na tle treści akapitu. Typowe zagnieżdżenie to • potem ◦ potem ▪.
Czy mogę używać kształtów geometrycznych zamiast ikon?
Do prostych wskaźników — tak, i są z tego realne korzyści: bez arkusza grafik, bez czcionki ikon, bez dodatkowego zapytania, a do tego automatycznie przejmują kolor i rozmiar tekstu, więc nigdy nie wczytują się z opóźnieniem ani się nie rozjeżdżają. Trójkąty sprawdzają się jako strzałki rozwijania i przyciski odtwarzania, koła jako stany radiowe i kropki statusu.
Dlaczego niektóre kształty w tej samej czcionce wyglądają na większe od innych?
Unicode koduje kilka rozmiarów wprost — mały, średni i zwykły — a czcionki dodatkowo rysują ten sam punkt kodowy z różną wagą optyczną. Jeśli rząd kształtów wygląda nierówno, prawdopodobnie mieszasz warianty rozmiaru, na przykład ▪ U+25AA z ■ U+25A0. Trzymaj się jednej klasy rozmiaru w obrębie rzędu.
Czy te kształty działają jako emoji?
Kilka z nich ma prezentacje emoji i na niektórych platformach może przychodzić już pokolorowanych. Dodaj selektor wariantu tekstowego U+FE0E, by wymusić monochromatyczny glif tekstowy, który przejmie twój kolor z CSS. Większość bloku jest wyłącznie tekstowa i nie wymaga takiego zabiegu.
Support the arcade
Podobają Ci się gry?
UnicodeGames jest darmowy, nie ma reklam i nigdy nie będzie ich mieć. Jeśli umilił Ci przerwę na kawę, możesz się odwdzięczyć.
Postaw mi kawęOne-off · No account needed · Handled by Buy Me a Coffee