Як намалювати правильну галочку
Галочка - найпотужніший культурний і побутової символ. Галочка універсальна - в світі її розуміють однаково. Кожен знає, як намалювати «пташку» від руки.
Однак мало хто з дизайнерів розуміє, як зобразити графічність галочку, якої не буде соромно в оточенні тіпографіікі, піктограм і елементів інтерфейсу. Навіть в професійних шрифтах з галочками твориться якесь розпуста.
На моє прохання дизайнер бюро Михайло Нозік докладно дослідив питання. Надамо йому слово:
М. Н .: Відповім розповіддю про те, як створювалася галочка для інтерфейсу відправки бухгалтерських звітів.
- Озброюємося знанням у арт-директора. Виводимо загальні принципи:
- Щоб галочка була енергійною і збалансованою, лівий хвостик повинен бути в 2-2, 5 рази коротше правого.
- Якщо галочка розташовується поруч з рядком тексту, її треба опустити трохи нижче базової лінії рядка. Нахил хвостиків повинен дружити з нахилом діагональних штрихів букв.
- Оптичний центр галочки знаходиться не в середині, а на нижньому кінчику. Це особливо важливо враховувати, якщо галочка розташовується всередині будь-якої форми, наприклад гуртка.
Щоб встановити програму на маці. Галочці тісно в гуртку, оптичний центр не збігається з центром кола:
З цього дослідження народився проект «Галочки для шрифтів»
У галочки впізнавана форма, але при цьому відрізняються накреслення. Щоб зрозуміти пристрій галочки, малюємо скелети:
Галочку починають малювати з лівого верхнього кінчика, потім вниз і потім швидким рухом вгору. Хороша галочка намальована з урахуванням цього знання, тому її лівий штрих товщі правого. Як і в каліграфії, це пов'язано з нахилом пера: лівий штрих при русі руки зліва зверху вниз виходить товщі, ніж правий. Правий же кінчик буде тонше зверху через те, що при русі по дузі вгору вправо нахил пера не змінюється - штрих сходить нанівець:
Як і в різних шрифтах, різниця між товщиною може бути непомітною, але товстий і тонкий штрихи не можуть помінятися місцями:
шрифтовая галочка
Починаємо з коханою шрифтової галочки Артема:
Галочка крута, але не дружить з написом: нахил, заокруглення чи не звідси.
Дивимося інші готові галочки з шрифтів:
Дуже довгий лівий хвостик і слабке тоненьке закінчення у правого. Примітно, що саме Діном набрана напис «Прийнято». Наскільки непоєднуване галочка і шрифт!
У галочки приємна форма, але непропорційний дубінкообразний правий хвостик.
Через надто сильного нахилу лівого хвостика галочка завалюється наліво, на нижньому і правому кінчику повисли сумнівні краплі.
геометрична галочка
Починаємо з прямокутних форм:
Вийшов дуже довгий лівий хвостик, занадто правильна прямокутна форма. Заокруглення і нахил не дружать з шрифтом. Прибираємо прямоугольность, виправляємо нахил:
каліграфічні галочки
Виправляємо всі помилки попередніх версій і здійснюємо нові:
Лівий хвостик задовгий, до того ж незрозуміло істоньшается догори. Маркерні прожилки намальовані неправильно: на лівому хвостику маркер йде вниз з сильним натисканням - прожилки внизу бути не може.
Виправляємо прожилки, але галочка виглядає так, ніби її малювали три години, а не швидким рухом.
Дивимося фотографії намальованих галочок і перемальовували форму, підсилюємо різницю між товщиною правого і лівого хвостика, деталізуємо прожилки:
Завершальним штрихом стискаємо галочку по горизонталі, щоб вона подружилася з діагональним штрихом в «І»: