6 советов по дизайну иконок, чтобы ваши иконки выделялись
Опубликовано: 2019-08-07Торговые площадки иконок разрабатывают недорогие векторные иконки, доступные дизайнерам печати и веб-разработчикам. Однако, если вы хотите, чтобы дизайн значка выделялся, вам следует создать уникальный значок, представляющий ваш бренд.
Есть три основных атрибута практичного дизайна, которые вы должны учитывать при разработке значка, а именно форма, узнаваемость и эстетическое единство. Когда вы эффективно используете эти три атрибута, вы можете создать значок, который привлечет больше людей и сделает его запоминающимся для них. Кроме того, если вы хотите сделать свою иконку визуально привлекательной, вы можете воспользоваться этими советами по дизайну.
1. Не воспринимайте иконку как изображение:
Вы можете добавить изображение к значку, но не считайте значок фотографией в рамке. Значок также может быть логотипом, текстовым представлением или сочетанием этих элементов. Значок должен быть наглядным и узнаваемым. В большинстве случаев логотипы не имеют реальной фотографии, а представляют собой графическое представление идеи. Основным недостатком использования изображения является то, что пользователям телефонов становится сложно читать текст небольшого размера. Кроме того, изображение снижает узнаваемость значка. С другой стороны, графическое представление может иметь больший визуальный вес. Например, универмаг Macy's использует значок звездочки, по которому его легко идентифицировать. Звезда меняет цвет в зависимости от фона (белая звезда на красном фоне, красная звезда на белом фоне), чтобы подчеркнуть значок.
2. Выбирайте яркие цвета:
Лучший способ выделить дизайн значков — использовать смелые цвета. Яркий цвет выделит ваше приложение на разных фонах и даже привлечет внимание пользователей. Вы, конечно, не хотите, чтобы ваша иконка сливалась с другими элементами на вашем сайте. Поэтому старайтесь избегать тусклых цветов, особенно темно-синих и небесно-голубых, потому что многие другие иконки уже использовали эти цвета. Однако, если цвет вашего бренда синий, вы можете комбинировать его с чем-то более ярким, чтобы усилить воздействие значка. Вы можете использовать новый нейтральный цвет, такой как зеленый лайм, или выбрать сезонные оттенки, такие как ярко-розовый весной или ярко-оранжевый осенью. Кроме того, убедитесь, что элементы вашего веб-сайта имеют одинаковую цветовую схему, чтобы веб-сайт выглядел цельным.
3. Оформите иконку в векторном формате:
При выборе формата следует подумать о размере и масштабе значка. Таким образом, использование векторного дизайна необходимо при создании значка. Создание векторного изображения позволит вам изменить дизайн и сохранить значок для различных размеров, видовых экранов и устройств без создания нескольких отдельных изображений. Это связано с тем, что на самом деле вам потребуется несколько версий значка для работы с различными проектами. У вас будут мобильные пользователи, а также пользователи планшетов, поэтому лучше учитывать это при разработке логотипа, а не изменять его позже. Следовательно, основным преимуществом векторного формата является гибкость. Однако для некоторых платформ или приложений вам придется сохранить копию не векторного формата.
4. Создайте символ:
У вас может быть логотип для вашей компании, но когда дело доходит до дизайна значка, символы необходимы для повышения узнаваемости значка. Символ может быть чем угодно: от фрагмента изображения или логотипа до простого графического представления. Тем не менее, он должен быть запоминающимся и острым. Большинство брендов разрабатывают знаковые символы для своего логотипа и брендинга, чтобы создать связь между более крупными дизайнерскими проектами и меньшими значками. Например, Snapchat (приложение для обмена сообщениями и фотографиями) использует символ призрака. Этот символ делает бренд узнаваемым и может отображаться в виде значка, знакомого пользователям. Даже если вы увидите символ другого цвета, пользователи сразу узнают ваш бренд. Именно так работает символ.
5. Избегайте сложных слов:
Одна вещь, которую дизайнеры иконок должны избегать, — это использование слов. Иконки маленькие, а значит, в них нет места для слов. Как правило, вам следует избегать любого текста, если он не является частью вашего логотипа. Даже если текст является частью вашего логотипа, вы должны тщательно взвесить сложность дизайна, прежде чем использовать его. Иконка должна быть создана таким образом, чтобы создать идентичность без использования слов. Кроме того, многие значки используются в контексте устройств, и, следовательно, становится сложно настроить текст в логотипе под разные размеры. Если вы все еще хотите добавить текст, вы можете добавить текст описания под значком, чтобы объяснить свой бренд. Например, дизайнерская хижина использует значок с буквой «d», который по цвету и типу соответствует веб-сайту. Такое легко читаемое письмо создает связь без слов.
6. Перейти в монохромный режим:
Есть забавный небольшой трюк, который все дизайнеры иконок использовали годами для проверки эффективности первоначальных дизайнов. Они делают иконку логотипа монохромной. По их словам, если логотип передает одно и то же сообщение без цвета или с цветом, он будет работать хорошо. Однако, если для чтения значку требуется цвет, вам следует поработать над пересмотром дизайна. Если вы считаете, что это много работы, вы можете начать свой дизайн-проект с белого и черного, а затем добавить к нему цвет. Это похоже на набросок компьютерной концепции. Если ваш эскиз работает на бумаге без добавления цвета, значок имеет прочную основу. Позже вам нужно будет только добавить цвет, который усилит сообщение значка вашего бренда.
Это может показаться сложным, но эти советы легко выучить и освоить при регулярной практике. Тем не менее, всегда помните о таких важных факторах, как цвета, визуальное распознавание и простота при разработке значка. Вы также должны учитывать последние тенденции, которые соответствуют вашим стандартам. Кроме того, следите за тем, чтобы ваши значки были одинаковыми во всем наборе, помня об эстетике дизайна. Это облегчает людям запоминание и идентификацию вашего бренда. Кроме того, никогда не копируйте другие иконки, старайтесь сделать иконку на основе своего уникального творческого видения.