Блог: статьи
10 необычных метафор в дизайне иконок
Для одного и того же действия или объекта можно нарисовать совершенно разные иконки. Варьировать можно всё: стиль, цвет, перспективу и даже метафору. На мой взгляд, последнее — самое ценное в дизайне иконок — концентрированный смысл. А если метафора оригинальная и с юмором, то получается не иконка, а настоящий бриллиант! Предлагаю вашему вниманию мою личную подборку иконок, основанных на необычных и ярких метафорах.
#1 Windows 3.11
Начнем с далекого 93 года, когда появилась Windows 3.11, которая имела один из самых красивых интерфейсов за всю историю этой операционной системы. Видно, что дизайнеры работали с большой любовью и старанием. Они уделили много внимания деталям и нюансам.
- Desktop — Как только не рисовали рабочий стол в разных ОС! На мой взгляд, это самая забавная и трогательная. А эти блики на очках!
- Sound — В иконочном деле очень часто используются изображения рук. А вот уши — большая редкость.
- Hearts — Как мило: пики с глазками! Сейчас так не делают.
#2 OS/2 Warp 4
В OS/2 Warp 4 выпуска 1996 года появляются трехмерные иконки, которые постепенно входят в моду. Но основа все та же — пиксельные иконки в 16-цветной палитре.
- Desktop — Зеленая лампа «Ленин стайл» покорила мое сердце. Но вообще, раз уж сделали иконку рабочего стола псевдотрехмерной, то и сам рабочий стол надо было делать таким. :)
- Applications — Папка с приложениями — очень сложная иконка и общеупотребимой метафоры для неё не придумано до сих пор. Дизайнеры интерфейса OS/2 решили, что полочка с коробками/книжками и колодой карт — то что нужно!
- Trash Can — Внимательные читатели помнят, как я ругал эту иконку в статье «10 ошибок в дизайне иконок». Но метафора действительно необычная, да и сам шредер симпатичный.
#3 BeOS R5
Когда появилась эта мультимедийная ОС нового поколения, многие возлагали на неё большие надежды. В итоге, правда, ничего не получилось, но это не важно. Итак, в 2000 году выходит BeOS R5, которая была украшена одними из самых необычных иконок.
- Desktop — опять зеленая лампа! С таким основательным и реалистичным «столом» интерфейс можно было уже делать полностью трехмерным!
- Browser — Выражение «веб-серфинг» прижилось, а вот иконка с такой метафорой так и осталась экзотикой. А жаль!
- File Manager — Они как бы говорят нам: «Он помогает искать файлы!» Очень веселая метафора. Правда я не хотел бы, чтобы пес-менеджер наводил порядок в моих документах — собакам это редко удается.
#4 Mac OS X Automator
Наши дни. Ну почти. 2005 год. Роботы! Роботы! Роботы!
Программа Automator позволяет создавать скрипты для автоматического выполнения действий. Впервые этот помощник появился в Mac OS X Tiger. Редкая удача, если по иконке можно понять что именно делает программа. Сравните с другими околоскриптовыми программами — свитки и кнопочки со стрелочками. (фу!)
#5 VLC Media Player
До этого мы рассматривали «родные» иконки операционных систем. Этот видео-плеер не является частью операционной системы, но учитывая распространенность VLC Media Player, его можно тоже считать «стандартным».
По иконке очень сложно догадаться что именно делает программа. Но метафора-то необычная! Я попытался выяснить почему разработчики VLC остановили свой выбор именно на дорожном конусе. История довольно странная. Оказалось, что у разработчиков (студенты École Centrale Paris) есть коллекция таких конусов. В честь этого и иконка.
#6 Mac OS X Front Row
Front Row родной медиа-проигрыватель из Mac OS X в стиле Apple TV. Это уже даже не наши дни, а будущее.
Тоже интересный случай. Почему кресло? По иконке совершенно непонятно что именно делает программа, но она отражает суть процесса: «Усаживайся поудобнее и смотри фильм!» Вообще у иконок разных медиа-плееров проблема с единой метафорой. Не думаю, что в ближайшее время что-то изменится.
#7 Roxio Toast
Roxio Toast — фактически стандартная программа для «прожигания» дисков под Mac OS X. К счастью, в отличие от настоящего тостера, диски не подгорают!
Одна из самых гениальных метафор за всю историю иконкостроения. Тостер намного более понятная и подходящая метафора, чем стандартный значок радиации. На картике представлена иконка Roxio Toast 7, внешний вид тостера менялся от версии к версии.
#8 Transmit
Transmit — ftp-клиент для Mac OS X. Иконка напоминает мне о гиковской задачке: «Грузовик из Пункта А в Пункт Б перевез пять тонн dvd-дисков. Какова будет в этом случае скорость передачи данных?»
Для этой программы есть виджет, если перетащить на него файл, то он сам его «отвозит» по мнимой дороге в заранее оговоренное место. Так мило!
#9 Twitterrific
Twitterrific — программа-клиент для регулярных занятий микроблоггиногом через Twitter.
Я плохо разбираюсь в птицах, но позволю себе предположить, что на иконке нарисован воробей. Дело в том, что по-английски «tweet» означает «птичий щебет» или «чириканье». Вот эта птичка и чирикает. Так просто, но оригинально.
#10 Иконка компьютера с ОС Windows в сетевом окружении Mac OS X
Если вы пользуетесь маком, а в локальной сети есть PC — вы можете обмениваться файлами и использовать общие принтеры. Это хорошая новость. Но есть один нюанс.
Именно так выглядит иконка компьютера с ОС Windows в сетевом окружении мака. Гусары Дизайнеры Apple пошутили тонко, но немного грубовато.
На этом я заканчиваю свой обзор. Я этого не хотел, но у меня получился перекос в сторону программ для Mac OS X. К сожалению, я так и не нашел каких-то интересных иконок в Windows Vista. Плюс, я исключил иконки малоизвестных программ. Буду очень благодарен, если вы пришлете мне (или напишите в комментарии) примеры других иконок с необычными метафорами.
Связанные записи
Категории
- Adobe Illustrator (12)
- Adobe Photoshop (4)
- Basecamp (3)
- iPhone (2)
- Будущее (2)
- Визуальный стиль (4)
- Десктоп (2)
- Дизайн иконок (24)
- Инструментарий (14)
- Книги (3)
- Критика (6)
- Маркетинг (2)
- Мастер-класс (19)
- Обзоры (12)
- Организация работы (3)
- Основы (8)
- Проекты (8)
- Скринкасты (7)
- Турбомилк (3)
- Юзабилити (7)
- Юмор (1)


Комментарии
Сюда еще можно включить иконку программы Nero — виндового записывателя дисков.
Сама метафора охватывает и название программы — Nero Burning ROM. Мол, ROM — не только диск, но и искаженное от «Рим», а Рим — это Колизей. Который и горит на иконке. Остроумно, я считаю!
Ответить Кукалякин, 22 января 2009
Более того, программа называется «Нерон, сжигающий Рим». Правда, во время сожжения Колизея еще не было (по-моему), но более устойчивой ассоциации с Римом дизайнеры не нашли, наверное.
Ответить niker, 22 января 2009
даже если был, по крайней мере он не должен был быть еще разрушен по «современному образцу» :-)
Ответить sigizmund.info, 22 января 2009
Да! Клевая штука. А вы не могли бы сюда повесить картику с этой иконкой? Тег IMG должен работать.
Ответить Denis Kortunov, 22 января 2009
>>File Manager — Они как бы говорят нам: «Он помогает искать файлы!»
>>Очень веселая метафора. Правда я не хотел бы, чтобы пес-менеджер
>>наводил порядок в моих документах — собакам это редко удается.
это собака? я думал, это слоник…
Ответить Lithium, 22 января 2009
хм, я тоже.
Ответить ignore_you, 22 января 2009
И правда, больше на слона похож.
Ответить aivean.com, 22 января 2009
Очень хороший обзор, Денис, спасибо! Иконка для виндового компьютера на Маке — это просто супер.
Ответить arturi, 22 января 2009
Отличный обзор. Метафора для браузера с серфингистом запала в душу.
Ответить untrue, 22 января 2009
Собака в BeOS похожа на фидонетовскую.
Ответить Sir Sashimanu-san, 22 января 2009
Хорошая статья, только эта… еще надо! Сравнительный анализ иконок Windows 7 и Mac OS X 10.6 Snow Leopard? Или хотя бы висты и Леопольда?
Ответить sigizmund.info, 22 января 2009
О, эйпл в своем репертуаре. Ах моська, знать она сильна…
Ответить убийца полосатых комаров, 22 января 2009
Денис, лови иконку Nero:
http://rwbn.deviantart.com/art/Nero-Burning-Rom-Dock-Icon-103482834
Ответить dezmaster.myopenid.com, 22 января 2009
Спасибо большое! Но мы уже починили тег IMG в комментах и картинка чудесным образом уже появилась наверху. Иконка у Nero очень клевая и заняла заслуженное место в этой подборке.
Ответить kortunov, 22 января 2009
Дениска! Отличный обзор :)
Я тут сразу вспомнил, как когда-то кто-то давно выкладывал иконки для сайта туалетной бумаги. Там были просто гениальные метафоры :)
Ответить Тело не найдено, 22 января 2009
«тонко, но грубо» — это жесть, конечно :D
Ответить alexey_nov, 22 января 2009
Спасибо, посмеялся над #10 :)
Ответить luckyicon_art, 22 января 2009
У эпла есть еще один прикол. Если при загрузке хочешь выбрать систему, то под иконкой диска, Mac OS X пишется нормальным шрифтом, а Windows отстойным пиксельным
Ответить buzuk, 22 января 2009
Разве дорожный знак — это метафора? Должна же быть связь символа с жизнью, а там её принципиально нет.
Нижний конец трубы у Automator’а какой-то неправильный :-| необъёмный. А так красивейшая иконка, хоть и не считаю что по ней можно что-то понять.
Ответить Лондон как столица Парижа, 22 января 2009
файлмэнеджер в беосе называется tracker тоесть следопыт/ищейка
файлменеджер там ничо сам не организовывает но зато поиск по файлам очень интересный
Ответить ai-ai-ai.ya.ru, 22 января 2009
согласен на счёт иконки VLC. спасибо, кстати, большое, самому интересно было откуда конус. но метафоры тут не при чём.
Ответить http://kuzmin.ca/blog/, 22 января 2009
Метафора иконки плеера songbird меня пугает:
http://www.tuxwatch.com/wp-content/uploads/2006/12/songbird.png
Ответить TermiT, 23 января 2009
Вы еще забыли прекрасную индустриальную мусорку из IRIX. Между прочим у них еще тогда иконки были в нескольких размерах и с недискретным скейлингом (может быть и в векторе)
Ответить julik.nl, 25 января 2009
Может это не совсем относится к иконкам, но мне нравится вот такая использованная метафора – http://img54.imageshack.us/img54/8185/47159590.png
Можно наблюдать в iMovie в окне инспектора.
Ответить Takohashi, 27 февраля 2009
#10 – это сильно =))
Ответить ivanzoid, 12 марта 2009
По поводу иконки Нерона…
Красивая. Только исторический казус. Нерон не мог сжечь Колизей, т.к. тот был построен при его преемнике Веспасиане.
Ответить mercury13_kiev, 10 августа 2009
Напишите комментарий