Як малювати іконки ПРАВИЛЬНО: корисні рекомендації

DesignTalk.club пропонує до вашої уваги невеликі але корисні рекомендації зі створення цифрової “іконографії”.

Вступ

– це універсальна мова, вони мають просту мету, яка повинна бути зрозуміла для всіх. У підсумку, люди повинні легко сприймати цю мову замість того, щоб плутатися. Хоча можуть виглядати дуже простими і банальними, насправді в них закладено багато змісту: стиль, семіотика і контекст, у якому вони будуть використовуватися. Ми розглянемо ключові моменти, які необхідно знати для того, щоб почати створювати власні .

Чому створювати іконки так важливо? Іконки – найпростіша форма діалогу між користувачем і продуктом. Він показує їм, як безтурботно переміщатися і взаємодіяти з продуктом. Ви можете мати дивовижний продукт, але якщо люди плутаютимуться в тому, як його використовувати, він розчарує користувачів. Завдання полягає у створенні простого виду спілкування, який доповнює бренд/продукт і скеровує користувача.

Очевидно, що це дуже важлива частина дизайну, тож, давайте почнемо:

Налаштування

При створенні сітки старайтеся не перестаратися з її ускладненням. Складна сітка дасть вам занадто багато обмежень для роботи, тому робіть її якомога простішою. Одне основне правило, якого треба дотримуватися – не ставитися до неї з фанатизмом. Вона для допомоги, ви не повинні змушувати іконки точно їй відповідати. Для простішої роботи, основна структура іконок повинна відповідати сітці, якщо це можливо, але деталізація може бути більш відкритою.

Дізнайтеся про те, який розмір(и) вам треба створити. Переконайтеся, що ваші артборди мають парні виміри, які повинні потім масштабироваться кратно (наприклад, кратні 6, отже: 24px, 30px, 36px і т.д.). Завжди починайте з найменших або одиних із найменших розмірів, так буде простіше створити правильні значки для будь-яких масштабів. Робота від великого до малого може бути складною, деякі деталі можуть бути непридатними для використання на малих розмірах і це одразу не помітно.

Приклад простих сіток в залежності від того, яку іконку ви будете робити. Ви можете розсташувати їх усі разом і мати докладну сітку, але тоді ви ризикуєте накласти занадто багато обмежень для себе.

Стиль

Є багато стилів іконок, але вони основою є: чи вони залиті чи це лише контури. Далі можна додати дрібні деталі, такі як закруглені кути або прогалини, потім шари кольору і т.д. Дуже важливо отримати гарне уявлення про те, що ви хочете з самого початку, інакше ви будете змінювати свій стиль і це може його “забруднити” і створює неузгодженість. Штрихи, як правило, кращі, бо вони відкривають негативний простір для використання і відчуваються трохи легше, хоча це залежить від бренду.

Є кілька основних аспектів, які ви хочете мати на увазі при прийнятті рішення про стиль. Бренд і продукт, для якого ви збираєтеся робити ваші ікоки:

– Який тон розповіді?
– Який у них логотип?
– Який буде використовуватися поруч із вашими іконками?

Важливі деталі про шрифт бренду:

– Чи шрифт має криві на його краях?
– Чи він тонкий чи жирний?
– Чи він закруглений?
– Чи є у нього якісь інші особливості?

Шрифт тут досить товстий і має заокруглені краї на внутрішній стороні. Беремо їх і застосувуємо до стилю іконок, так щоб була схожість.

Ви також маєте розуміти подальше застосування цих іконок? Наприклад, зробіть їх спрощеними – бо вони вони повинні спрямовувати користувача, а не відволікати.

Вони будуть використовуватися в більш художньому підході для того аби зробити деякі пункти меню живішими? В цьому випадку додайте ще деталей або кольору, оскільки вони тепер служать більш художній меті. Ну і звичайно, ви повинні думати про свою аудиторію, що для них буде кращим. Якщо ваші іконки занадто складні або прості, вони не будуть працювати добре.

Продовження читайте ТУТ

ДУЖЕ РАДИМО ПОЧИТАТИ:

5 КОРОТКИХ але КОРИСНИХ порад для дизайнерів – від автора Behance
 
Де знайти БЕЗКОШТОВНІ ФОТО та картинки: 6 ЧУДОВИХ сайтів
 
Як стати дизайнером без академічної освіти: перші 2 кроки

Залишити відповідь