Pull to refresh

Комфортная работа с Юникодом

TypographyInterfacesUsability
Цель заметки — показать один онлайновый сервис просмотра символов Юникода, поскольку в нём их удобно искать, и сравнить его с множеством похожих. Периодически бывает нужно найти среди множества текстовых символов, поддерживаемых некоторым шрифтом, те, которые наиболее точно передают мысль или отражают суть высказывания. Этим давно пользуются посетители различных соцсетей, где выразительные способности символов давно оценены и существуют руководства с перечислением сотни-другой интересных символов. Каких? Самых оригинальных, и, казалось бы, не нужных серьёзным разработчикам, для которых адресована данная статья: звёзды разных очертаний, стрелки, снеговики, часы, эмоции.

Разработчикам фронтенда бывают нужны символы для быстрого прототипирования страниц. Вместо того, чтобы потратить время на поиск или отрисовку символа, его возможно найти в шрифте, например, Arial или Helvetica и создать временный элемент интерфейса. Иногда нужно посмотреть и использовать символы редкого языка, иероглифы. Многообразие символов уже имеется в некоторых шрифтах некоторых ОС, остаётся «лишь» выбрать. В программах и самой ОС есть средства просмотра и выбора символов любого шрифта системы (пример). Но не всегда эти средства удобны и не всегда предоставляют нужную информацию. Становится нужен хотя бы один онлайновый сервис, чтобы взять, и быстро (попытаться) найти подходящее. Раньше помогал поиск таблиц юникода в интернете, но удручал их вид, редкость и слабая оформленность. И тут недавно появляется сервис, в котором создатели решили исправить ряд досадных интерфейсных недостатков поиска.

… До идеала, как известно, дорога долгая, но то, что сделано за несколько месяцев, заставляет задуматься и внести сайт в закладки. Потенциал развития есть. (В конце приведено много ссылок на похожие ресурсы для сравнения. Если осмотреть всё придирчивым взглядом, можно сделать ряд замечаний, сказать, что есть, куда расти. Но нужно учесть, что даже в этом виде сайт обходит аналоги по удобству интерфейса и количеству возможностей.)

Предоставим слово создателям сайта, взяв несколько строк из их страницы «О проекте»:
Этот проект ставил своей целью красиво и максимально удобно показать таблицу символов Юникода. Собрать в одном месте всё, что известно о каждом символе, каждом диапазоне. Показать какие символы используются в письменностях каких стран мира. Мы постоянно работаем над совершенствованием сайта и точностью переводов на другие языки. Ускоряем загрузку страниц. У нас большие планы по развитию.

Как видно в сравнении с разнообразными сайтами, в данном ресурсе применён ряд интерфейсных решений, которых в полном объёме не хватает в аналогах.

1*. Символы, представляемые в общем потоке, достаточно крупные (18px).
2. Поля символов заполняют всё окно, не заставляя видеть перепады информативности.
3*. Клик мышью — видим особо крупный символ с описанием на русском и английском.
4. Справа в сайдбаре — подсказка, какая группа символов наблюдается на экране.
5. Там же — карта мира с указанием стран, где применяются или применялись символы, аннотация к группе.
6*. Из сайдбара — список с переходом к различным группам символов по названиям групп.
7. Автодополнение страницы при скроллинге.
8*. Вверху — поле поиска, где можно найти символы по словам из их описаний.
9*. Рай для символоблудов.
*) пункты со скриншотами;

Из обещаемого в будущем:
* облегчение копирования символов;
* улучшение поиска по символам;
* использовать веб-шрифты, подгружаемые динамически, для однозначного показа символов на любой ОС (сейчас всё наблюдается только через стиль font-family: Arial,Helvetica,sans-serif;)

* Сообщение из блога об unicode-table.com

Другие сайты, представляющие символы Юникода.

* List of Unicode characters (Wikipedia — en), просматриваются символы через шрифт браузера по умолчанию.
* Символы, представленные в Юникоде (Wikipedia — ru), ссылки на наборы символов Юникода, размещённые на разных страницах.
* Unicode Symbol Map от panmental.de, через шрифт браузера по умолчанию (разделы переключаются выбором в спадающем списке справа).
* http://copypastecharacter.com/symbols. Символы на флеше, помогающем копировать в буфер обмена кликом.
* http://ivanov.in/upbar/symbols8.php. Хардкорный HTML4 :).
* http://www.ssec.wisc.edu/~tomw/java/unicode.html. Ещё один хардкор.
* http://www.tamasoft.co.jp/en/general-info/unicode.html. В виде таблиц.
* Таблица символов Юникод (Unicode) от 1 до 10 000.

(Возможно, есть лучшие варианты работы с символами. Приветствуются ссылки на такие сайты или программы в комментариях.)
Tags:unicodeюникодсимволышрифт
Hubs: Typography Interfaces Usability
Total votes 24: ↑24 and ↓0 +24
Views8.7K

Comments 6

Only those users with full accounts are able to leave comments. Log in, please.
UX Designer
from 2,000 to 2,600 $Integrated Computer SolutionsRemote job
UI/UX дизайнер
from 60,000 to 120,000 ₽ООО "БИСПЕЙС"МоскваRemote job
Middle PHP разработчик (Symfony) Рига
from 1,700 to 2,500 €Digital LineРигаRemote job
Middle front-end (или full-stack) веб разработчик
from 80,000 to 120,000 ₽ТраекторияМосква
Senior Angular Developer
from 2,500 to 4,000 $TutorpeersRemote job