7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Icon Design

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

Read Time: 2 mins

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

from icons8comfrom icons8comfrom icons8com
С icons8.com

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.