Блог: статьи

10 необычных метафор в дизайне иконок

Денис КортуновАвтор: Денис Кортунов
22 января 2009

10 необычных метафор в дизайне иконокДля одного и того же действия или объекта можно нарисовать совершенно разные иконки. Варьировать можно всё: стиль, цвет, перспективу и даже метафору. На мой взгляд, последнее — самое ценное в дизайне иконок — концентрированный смысл. А если метафора оригинальная и с юмором, то получается не иконка, а настоящий бриллиант! Предлагаю вашему вниманию мою личную подборку иконок, основанных на необычных и ярких метафорах.

#1 Windows 3.11

Начнем с далекого 93 года, когда появилась Windows 3.11, которая имела один из самых красивых интерфейсов за всю историю этой операционной системы. Видно, что дизайнеры работали с большой любовью и старанием. Они уделили много внимания деталям и нюансам.

Windows 3.11
  1. Desktop — Как только не рисовали рабочий стол в разных ОС! На мой взгляд, это самая забавная и трогательная. А эти блики на очках!
  2. Sound — В иконочном деле очень часто используются изображения рук. А вот уши — большая редкость.
  3. Hearts — Как мило: пики с глазками! Сейчас так не делают.

#2 OS/2 Warp 4

В OS/2 Warp 4 выпуска 1996 года появляются трехмерные иконки, которые постепенно входят в моду. Но основа все та же — пиксельные иконки в 16-цветной палитре.

OS/2
  1. Desktop — Зеленая лампа «Ленин стайл» покорила мое сердце. Но вообще, раз уж сделали иконку рабочего стола псевдотрехмерной, то и сам рабочий стол надо было делать таким. :)
  2. Applications — Папка с приложениями — очень сложная иконка и общеупотребимой метафоры для неё не придумано до сих пор. Дизайнеры интерфейса OS/2 решили, что полочка с коробками/книжками и колодой карт — то что нужно!
  3. Trash Can — Внимательные читатели помнят, как я ругал эту иконку в статье «10 ошибок в дизайне иконок». Но метафора действительно необычная, да и сам шредер симпатичный.

#3 BeOS R5

Когда появилась эта мультимедийная ОС нового поколения, многие возлагали на неё большие надежды. В итоге, правда, ничего не получилось, но это не важно. Итак, в 2000 году выходит BeOS R5, которая была украшена одними из самых необычных иконок.

BeOS R5
  1. Desktop — опять зеленая лампа! С таким основательным и реалистичным «столом» интерфейс можно было уже делать полностью трехмерным!
  2. Browser — Выражение «веб-серфинг» прижилось, а вот иконка с такой метафорой так и осталась экзотикой. А жаль!
  3. File Manager — Они как бы говорят нам: «Он помогает искать файлы!» Очень веселая метафора. Правда я не хотел бы, чтобы пес-менеджер наводил порядок в моих документах — собакам это редко удается.

#4 Mac OS X Automator

Наши дни. Ну почти. 2005 год. Роботы! Роботы! Роботы!

Automator

Программа Automator позволяет создавать скрипты для автоматического выполнения действий. Впервые этот помощник появился в Mac OS X Tiger. Редкая удача, если по иконке можно понять что именно делает программа. Сравните с другими околоскриптовыми программами — свитки и кнопочки со стрелочками. (фу!)

#5 VLC Media Player

До этого мы рассматривали «родные» иконки операционных систем. Этот видео-плеер не является частью операционной системы, но учитывая распространенность VLC Media Player, его можно тоже считать «стандартным».

VLC Media Player

По иконке очень сложно догадаться что именно делает программа. Но метафора-то необычная! Я попытался выяснить почему разработчики VLC остановили свой выбор именно на дорожном конусе. История довольно странная. Оказалось, что у разработчиков (студенты École Centrale Paris) есть коллекция таких конусов. В честь этого и иконка.

#6 Mac OS X Front Row

Front Row родной медиа-проигрыватель из Mac OS X в стиле Apple TV. Это уже даже не наши дни, а будущее.

Front Row

Тоже интересный случай. Почему кресло? По иконке совершенно непонятно что именно делает программа, но она отражает суть процесса: «Усаживайся поудобнее и смотри фильм!» Вообще у иконок разных медиа-плееров проблема с единой метафорой. Не думаю, что в ближайшее время что-то изменится.

#7 Roxio Toast

Roxio Toast — фактически стандартная программа для «прожигания» дисков под Mac OS X. К счастью, в отличие от настоящего тостера, диски не подгорают!

Roxio Toast

Одна из самых гениальных метафор за всю историю иконкостроения. Тостер намного более понятная и подходящая метафора, чем стандартный значок радиации. На картике представлена иконка Roxio Toast 7, внешний вид тостера менялся от версии к версии.

#8 Transmit

Transmit — ftp-клиент для Mac OS X. Иконка напоминает мне о гиковской задачке: «Грузовик из Пункта А в Пункт Б перевез пять тонн dvd-дисков. Какова будет в этом случае скорость передачи данных?»

Transmit

Для этой программы есть виджет, если перетащить на него файл, то он сам его «отвозит» по мнимой дороге в заранее оговоренное место. Так мило!

#9 Twitterrific

Twitterrific — программа-клиент для регулярных занятий микроблоггиногом через Twitter.

Twitterrific

Я плохо разбираюсь в птицах, но позволю себе предположить, что на иконке нарисован воробей. Дело в том, что по-английски «tweet» означает «птичий щебет» или «чириканье». Вот эта птичка и чирикает. Так просто, но оригинально.

#10 Иконка компьютера с ОС Windows в сетевом окружении Mac OS X

Если вы пользуетесь маком, а в локальной сети есть PC — вы можете обмениваться файлами и использовать общие принтеры. Это хорошая новость. Но есть один нюанс.

Windows PC

Именно так выглядит иконка компьютера с ОС Windows в сетевом окружении мака. Гусары Дизайнеры Apple пошутили тонко, но немного грубовато.

На этом я заканчиваю свой обзор. Я этого не хотел, но у меня получился перекос в сторону программ для Mac OS X. К сожалению, я так и не нашел каких-то интересных иконок в Windows Vista. Плюс, я исключил иконки малоизвестных программ. Буду очень благодарен, если вы пришлете мне (или напишите в комментарии) примеры других иконок с необычными метафорами.

Связанные записи

Условия использования

Данные материалы можно использовать в некоммерческих целях, с обязательным указанием автора.

Комментарии

Сюда еще можно включить иконку программы Nero — виндового записывателя дисков.

Сама метафора охватывает и название программы — Nero Burning ROM. Мол, ROM — не только диск, но и искаженное от «Рим», а Рим — это Колизей. Который и горит на иконке. Остроумно, я считаю!

Ответить Кукалякин, 22 января 2009

Более того, программа называется «Нерон, сжигающий Рим». Правда, во время сожжения Колизея еще не было (по-моему), но более устойчивой ассоциации с Римом дизайнеры не нашли, наверное.

Ответить niker, 22 января 2009

даже если был, по крайней мере он не должен был быть еще разрушен по «современному образцу» :-)

Ответить sigizmund.info, 22 января 2009

Да! Клевая штука. А вы не могли бы сюда повесить картику с этой иконкой? Тег IMG должен работать.

Ответить Denis Kortunov, 22 января 2009

>>File Manager — Они как бы говорят нам: «Он помогает искать файлы!»
>>Очень веселая метафора. Правда я не хотел бы, чтобы пес-менеджер
>>наводил порядок в моих документах — собакам это редко удается.
это собака? я думал, это слоник…

Ответить Lithium, 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

Напишите комментарий

Вы можете использовать ваш twitter или facebook. Для этого вам нужно будет авторизоваться на одном из этих сайтов, после чего вы сможете оставлять комментарии.

Connect with Facebook

Если у вас есть OpenID (например, myopenid.com), воспользуйтесь им для авторизации.

Авторизуйтесь при помощи аккаунта Турбомилк. Вы также можете зарегистрироваться на нашем сайте.

Закрыть