Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Icon Design
Webdesign

Плохой дизайн иконок: 3 ошибки и как их избежать

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Alex Bogdanov (you can also view the original English article)

Давайте взглянем на три типичные ошибки при разработке иконок. И на способы эти ошибки избежать!

Ошибка 1: слишком сложные иконки

Иконка может быть создана, чтобы описать какую-то сложную вещь, Но сама по себе она должна оставаться простой. Сложность тянет за собой масштабируемость и может привести к тому, что иконка будет нечитаема. Эффективная иконка должна быть сразу узнаваема.

Взгляните на эту упрощенную иконку "Lightly"; она масштабируется более эффективно и при этом несет в себе ту же идею.

iOS 6 vs iOS7 icon
Редизайн иконки Lightly для ios7 от Джэя Квонга

Решение: используйте простые, уникальные формы, которые наилучшим способом передают идею и ничего при этом не усложняют. Узнайте потребность в масштабируемости вашей иконки. Простые и легко различимые иконки могут быть крайне эффективными.

Ошибка 2: дизайн иконки создан отдельно

Если ваш иконки не сочетаются вместе друг рядом с другом, значит вы наверное разрабатывали их по отдельности. Иконки для диджитал продукта должны соответствовать общему визуальному стилю, и смотреться как одна семью. Это типичная ошибка, которая может случиться, если новые иконки были разработаны спустя время и при этом новыми дизайнерами.

Последний набор иконок в Facebook на мобильных устройствах отлично выглядит благодаря использованию круглых форм и простых линий.

Facebooks cohesive icons
Редизайн Facebook и Instagram ради удобства чтения на Techcrunch

Решение: создавать иконки в качестве сета. Используйте одинаковые перспективы, ширину линий, цветовые решения и стили. Подходите к разработке иконок, концентрируясь на контексте, в котором им придется существовать.

Ошибка 3: иконки разработанные с нуля

Библиотеки иконок существуют не просто так. Используйте отсылки, чтобы понять, какие визуальные метафоры существуют для вашей идеи. И не делайте предположений о том, что будет лучше работать для иконки, пока не изучите имеющийся бэкграунд. Иконка, разработанная с нуля, может ввести пользователя в замешательство, т.к. она будет сильно отличаться от всего его предыдущего опыта.

Иконка "Настройки" почти всегда обозначается шестеренкой, но всегда.

from icons8com
С icons8.com

Решение: используйте существующие библиотеки, когда вы только приступайте к работе над идеей. Остерегайтесь любых серьезных отклонений в смыслах символов в различных культурах, как и не забывайте про постоянство некоторых форм относительно некоторых привычных нам иконок.

Узнайте больше о дизайне иконок

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.