А. Г. |
Галочка — мощнейший культурный и бытовой символ. Галочка универсальна — в мире её понимают одинаково. Каждый знает, как нарисовать Однако мало кто из дизайнеров понимает, как изобразить графичную галочку, которой не будет стыдно в окружении типографиики, пиктограмм и элементов интерфейса. Даже в профессиональных шрифтах с галочками творится По моей просьбе дизайнер бюро Михаил Нозик подробно исследовал вопрос. Предоставим ему слово: М. Н.: Отвечу рассказом о том, как создавалась галочка для интерфейса отправки бухгалтерских отчётов.
Установка приложения на маке. Галочке тесно в кружке, оптический центр не совпадает с центром круга: |
Из этого исследования родился проект |
![]() |
При этом на сайте Эпла галочки стоят хорошо: У галочки узнаваемая форма, но при этом разнятся начертания. Чтобы понять устройство галочки, рисуем скелеты: Галочку начинают рисовать с левого верхнего кончика, затем вниз и потом быстрым движением вверх. Хорошая галочка нарисована с учётом этого знания, поэтому её левый штрих толще правого. Как и в каллиграфии, это связано с наклоном пера: левый штрих при движении руки слева сверху вниз получается толще, чем правый. Правый же кончик будет тоньше сверху Как и в разных шрифтах, разница между толщиной может быть незаметной, но толстый и тонкий штрихи не могут поменяться местами: |
![]() |
Классифицируем галочки:
|
![]() |
Почти все готовые галочки из шрифтов противоречат принципам: Бесконечно ужасная галочка из фотостоков: |
|
|
Пробуем нарисовать галочку каждого типа. Шрифтовая галочкаНачинаем с любимой шрифтовой галочки Артёма: Галочка крутая, но не дружит с надписью: наклон, скругления не отсюда. Смотрим другие готовые галочки из шрифтов: Очень длинный левый хвостик и слабое тоненькое окончание у правого. Примечательно, что именно Дином набрана надпись У галочки приятная форма, но непропорциональный дубинкообразный правый хвостик. Геометрическая галочкаНачинаем с прямоугольных форм: Получился слишком длинный левый хвостик, слишком правильная прямоугольная форма. Скругления и наклон не дружат с шрифтом. Убираем прямоугольность, исправляем наклон: Каллиграфические галочкиИсправляем все ошибки предыдущих версий и совершаем новые: Левый хвостик длинноват, к тому же непонятно истоньшается кверху. Маркерные прожилки нарисованы неправильно: на левом хвостике маркер идёт вниз с сильным нажатием — прожилки внизу быть не может. Исправляем прожилки, но галочка выглядит так, будто её рисовали три часа, а не быстрым движением. Смотрим фотографии нарисованных галочек и перерисовываем форму, усиливаем разницу между толщиной правого и левого хвостика, детализируем прожилки: Завершающим штрихом сжимаем галочку по горизонтали, чтобы она подружилась с диагональным штрихом |