Як ПРАВИЛЬНО малювати іконки: + 2 ЧУДОВІ рекомендації

DesignTalk.club продовжує розбиратися із тим – як правильно підходити до дизайну іконок. Сьогодні до вашої уваги 2-га частина корисних-прекорисних порад!

➡ Першу частину читайте ТУТ

Створення

У вас налаштований артборд та є ідея стилю, що ви хочете використовувати – ви можете почати створювати свої . Створювати їх досить просто, головне правило полягає в роботі з основними формами. І тим, щоб тримати ваші іконки на “цілих” пікселях.

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

Центрований штрих (centered stroke) на 3px ліворуч і внутрішній штрих (inside stroke) на 3px – праворуч.

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

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

Ще одна порада – спробуйте повторно використовувати певні форми протягом усього набору значків. Це допоможе зробити їх структурно схожими і послідовними, тому повторно використовуйте певні форми, якщо це можливо.

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

Ліва сторона показує великі розміри штриха і такі ж розміри для відстаней між штрихами. Праворуч те ж саме, але для менших деталей іконки.

Правила і міркування

Обов’язково враховуйте – де ваші іконки будуть використовуватися. Якщо ви розробляєте дизайн для мобільних пристроїв ви, мабуть, хочете мати досить витончений стиль (це не строге правило, ви можете створювати грубіший стиль, якщо він підходить до бренду). В той же час, для користувачів ТВ, які будуть сидіти далеко від телевізора, ви, напевне, захочете використовувати більш грубий стиль, який легше читається.

З точки зору семіотики (вивчення знаків і символів та їхнього використання або інтерпретації) є деякі значки, які мають стале значення, і тому просто адаптуйте їх до вашого стилю. Наприклад, такі іконки меню як “скачати” чи “поширити”, в основному мають стандартні символи. Однак іконки, такі як “каталог” або “рекомендоване” не так легко передати символом.

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

Також більше розбирайтеся у значенні слова, яке треба перетворити на іконку. Наприклад, “Каталог”, як правило, це книга, але його функція повинна містити багато контенту, так що це може бути щось більш абстрактне. Крім того, не забувайте заглянути у словник – ряд слів із аналогічним значенням може допомогти 😉

➡ Першу частину читайте ТУТ

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

Міні-словник недизайнерських термінів для дизайнерів: 80/20, клікстрім аналіз та інші

Що дизайнеру зробити аби його портфоліо ПОМІТИЛИ: 5 порад

40 речей, про які ЗАБУВАЮТЬ дизайнери: автозаповнення, нотифікації, обрізка фото + ще 7

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