Создание иконок: ошибкам тут не место

В наши дни практически невозможно представить себе графический интерфейс любого персонального компьютера без иконок (значков). Последние представляют собой небольшие картинки, щелчок мышкой по которым открывает окна, файлы, приложения; запускает компоненты операционной системы, отдельные устройства ПК и т.п.

История компьютерных иконок началась в 70-х годах прошлого столетия, когда в исследовательском центре всемирно известной компании “Xerox” впервые был изобретен новаторский компонент визуального интерфейса – миниатюрный значок. Главная цель его создания – максимальное облегчение взаимодействия новичков с компьютерной техникой. Вскоре перспективную идею подхватили другие гиганты: “Apple” и “Microsoft”, чьи операционные системы стали активно использовать иконки.

Интересно то, что спустя почти 40 лет чудо-значки в буквальном смысле слова поработили не только компьютерную отрасль, но и многие другие сферы общественной жизни. Возьмем, к примеру, связь. Вряд ли ваш мобильный телефон не располагает россыпью радующих глаз иконок – конверт (“Сообщения”), книга (“Список контактов”), гаечный ключ (“Настройки”) и т.д. Но все-таки лидирующее место по количеству используемых иконок удерживают за собой операционные системы ПК. Именно здесь можно встретить значки самых причудливых форм и размеров. К слову, самыми популярными размерами иконок являются значки со стороной 16, 32, а также 48 пикселей.

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

Вместе с тем, создание иконок – дело довольно сложное, требующее от дизайнера, не только художественного мастерства, но и знания определенных правил разработки такого рода значков. В случае если таких познаний у человека не окажется, то можно с уверенностью говорить о том, что процесс создания миниатюрных картинок обернется провалом. Дизайн иконок ошибок не приемлет! Учитывая это обстоятельство, предлагаем поговорить ниже о базовых правилах и самых распространенных просчетах, иной раз сопровождающих процесс разработки компьютерных иконок.

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

Правило №2 касается разработки тематической серии иконок. Бывают ситуации, когда такого рода серии состоят из значков, очень похожих друг на друга. Это, в свою очередь, затрудняет использование иконок без прочтения подписи. В противном случае иконки просто могут быть перепутаны, что, согласитесь, не есть хорошо. Именно поэтому правило предписывает – даже в рамках одной тематики иконки должны быть хорошо отличимые!

Правило №3 акцентирует внимание на факторах, которые объединяют иконки в тематический набор. К таким факторам принято относить размер значков, цветовую гамму и технику рисования. Другими словами, речь идет о едином стилевом решении. Если такое единство соблюдено, тогда можно утверждать о создании полноценного набора компьютерных иконок (под какой-то отдельный веб-сайт, программу и т.п.). Если нет, тогда ни о каком единстве стиля речи быть не может! Каждый значок будет выглядеть по-своему, что не придаст авторитетности ни его создателю, ни конечному продукту, где такая иконка используется.

Правило №4 фокусирует внимание на тексте, который используется внутри иконки. По возможности, такого текста там быть не должно! Почему, спросите вы? На наш взгляд, это связано с тем, что слова в иконке могут попросту остаться незамеченными из-за того, что размер значка слишком мал. Кроме того, даже если иконка имеет размер, позволяющий прочитать надпись в ней, то это вовсе не значит, что ее поймут. Всему виной языковая локализация. Предположим, создается иконка китайским дизайнером. Как вы думаете, сможет ли русский человек понять иероглиф в структуре такого значка?! Ответ очевиден. Вот почему понимание предназначения иконки должно происходить на интуитивном уровне, а не с помощью каких-то надписей.

Правило №5 говорит о том, что в ходе создания иконок всегда необходимо учитывать национальные особенности (культурные традиции) того региона, в котором они будут использоваться. Скажем, дизайнеру необходимо разработать значок приложения для работы с почтовым ящиком (e-mail). Традиционная метафора (идея образа), которая приходит на ум – почтовый ящик для бумажной почты. Однако вопрос в том, каким он должен быть? Если дизайнер за основу возьмет английский почтовый ящик (колоннообразное сооружение красного цвета с множеством отверстий для вбрасывания писем), то вряд ли такую иконку поймут на территории бывшего СССР. И, наоборот, значок в виде понятного всем и каждому почтового ящика отечественного образца может вызвать непонимание со стороны жителей Британских островов.

Правило №6 имеет тесную связь с предыдущим. Во избежания описанного выше казуса (если трудно учесть национальный колорит) в качестве метафоры для иконки дизайнеру необходимо использовать универсальные и легко узнаваемые изображения. Возможно, будет уместным посмотреть, что уже придумано другими художниками в разрабатываемой сфере. Нет, никто не говорит о полном копировании, а лишь о заимствовании универсальной идеи с использованием уникального дизайна иконки. В качестве примера приведем все тот же гаечный ключ. Все прекрасно понимают, что он используется для настройки (починки) чего-либо. Но ведь нарисовать инструмент можно совершенно по-разному…

Правило №7 напоминает о том, что использование векторных редакторов (пример – CorelDRAW) для рисования иконок может привести к тому, что значок будет иметь размытые границы (“непопадание” в пиксели). Именно поэтому отдельные дизайнеры отдают предпочтение растровым редакторам (пример – Photoshop) в ходе разработки иконок.

Подводя итог, хотелось бы выразить надежду, что наш материал непременно поможет вам в создании красивых компьютерных иконок!

http://www.4webmaster.ru/

Рекомендуем почитать:
Семь правил usability для начинающих
Каким должен быть дизайн сайта?
Мелочи интерфейса – большие проблемы Интернет-проекта?


Оставить комментарий: