Три Простых Совета По Улучшению Дизайна Иконок

Каждому приложению нужна красивая и запоминающаяся иконка, которая будет привлекать внимание как в магазине приложений, так и на главном экране.

В то же время значок приложения должен быть полезен вашим пользователям.



Три простых совета по улучшению дизайна иконок

Что нужно, чтобы создать качественную иконку с идеальной эстетикой? Это не так уж и сложно, вот три простых правила, которых следует придерживаться:



1. Дизайн иконки должен быть узнаваемым

Значок должен в первую очередь передавать смысл вашего приложения.

Людям не следует тратить время, пытаясь понять, что это за приложение.

Значок — это первая возможность общения с пользователем, чтобы вы с первого взгляда могли понять назначение вашего приложения.

При проектировании иконки учитывайте очень важный момент: иконки передают идеи посредством метафорических ассоциаций – у пользователя иконка ассоциируется с определенным объект или действие — и если этот объект или действие не сразу понятны пользователям, оно просто не работает. Таким образом, вам просто нужно сделать ваши иконки интуитивно понятными:

  • Не используйте абстрактные значки, поскольку абстрактные значки редко работают хорошо.

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

    Икона Игровой центр является отличным примером этой проблемы.

    Сама икона представляет собой группу разноцветных стеклянных кругов.

    Выглядит красиво, но люди обычно удивляются и не понимают, что означает этот значок.



    Три простых совета по улучшению дизайна иконок

  • Используйте значки, которые легко узнаваемы потребителями.

    Есть несколько значков, которые повсеместно узнаваемы пользователями, например «Домой», «Печать», «Лупа», «Конверт».

    Например, значок приложения Gmail использует конверт, который повсеместно ассоциируется с почтой.



    Три простых совета по улучшению дизайна иконок



2. Стремитесь к минимализму

Найдите элемент, который отражает суть вашего приложения, и сохраните его, удалив все ненужное.

Однажды великого итальянского скульптора Микеланджело Буонарроти спросили: «Как вы делаете свои скульптурыЭ» В ответ на это он сказал: «Я беру камень и отсекаю все ненужное».

То же самое происходит и с иконками.

Удалите все ненужные детали, которые не важны для вашей иконки, и она обретет смысл.

Большинство дизайнеров хотят, чтобы их иконки выглядели великолепно.

Но иногда они начинают переборщить и добавляют к своим иконкам слишком много конкретных деталей.

Такие детали могут вызывать визуальный шум, который будет мешать людям и влиять на удобство использования:

  • Не добавляйте к значку несущественные слова, которые повторяют название приложения или сообщают людям, что им делать с вашим приложением, например «смотреть» или «играть», а также не добавляйте информацию типа «бесплатно» во время рекламной акции.

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



    Три простых совета по улучшению дизайна иконок

  • Не добавляйте фотографические детали, потому что их трудно увидеть при небольших размерах.



    Три простых совета по улучшению дизайна иконок

  • Не используйте 3D-модели для иконок приложений.



    Три простых совета по улучшению дизайна иконок

Баланс в деталях более важен в дизайне вашей иконки и интуитивно понятен:
  • Когда вы используете определенный объект для своего значка, который выделяет несколько характеристик.

  • Дизайн иконок, который сразу привлекает внимание и передает суть приложения.



    Три простых совета по улучшению дизайна иконок



3. Проверьте свои значки на разных фонах.

Значки должны быть четкими на любом фоне.

Если вы спроектировали узнаваемый И минималистичный значок, это не означает, что процесс создания значка завершен.

Значок должен быть разборчивым на любом фоне.

Невозможно предсказать, какой фон человек выберет для своего экрана, поэтому вам придется самому увидеть, как он выглядит на разных фотографиях:

  • В примере ниже значок «Акции» едва заметен на темном фоне.



    Три простых совета по улучшению дизайна иконок

  • Убедитесь, что ваш значок непрозрачен.



    Три простых совета по улучшению дизайна иконок

  • Попробуйте свою иконку на реальном устройстве с динамическим фоном.



Заключение

Теперь потратьте время на создание красивой и привлекательной иконки, которая будет идеально представлять ваше приложение.

Теги: #дизайн #Дизайн мобильных приложений #UX #мобильное приложение #Работа с иконками

Вместе с данным постом часто просматривают: