Amiga 500 история компьютерных иконок

История иконок

Визуальный взгляд на историю иконок в графических интерфейсах пользователей разных операционных систем.

Вы когда-нибудь задумывались над тем, что компьютеры не были созданы сразу с графическим интерфейсом? Он появился после… 30 лет использования компьютеров.

Вместе с этой прекрасной идеей пришла и другая — использовать иконки в компьютерах. Ведь «картинка говорит больше тысячи слов».

Восьмидесятые принадлежали предкам

Они были черно-белыми, такими, какими должны быть настоящие «предки». Они были плоскими и сидели самоуверенно, каждый в своей ячейке модульной сетки (по крайней мере, большинство из них).

Идея «десктопных метафор» осталась с нами по сей день! Они уверенно взяли свое и удерживали позиции в течение 20-ти лет. Трудно поверить, но некоторые из этих значков сохранили свою первоначальную форму с первого дня своего существования…

Иконки Xerox Alto 1973
Иконки Xerox Alto 1973. Источник: currents.rosetta.com

1981 — математик, доктор Дэвид Смит (David Smith), и художник Норм Кокс (Norm Cox) объединили потенциал двух, казалось бы несвязанных, дисциплин. Изобретение Смита и дизайн Кокса — это квадратная модульная сетка, простой внешний вид и «твердость» стиля.

Иконки Xerox Star 1981
Иконки Xerox Star 1981. Источник: Interactiontechniques (Own work) [CC BY-SA 4.0], via Wikimedia Commons

1983 — Когда родились бабушки и дедушки, значки были пиксельными. Названный в честь дочери Стива Джобса компьютер «Лиза» был первым персональным компьютером с графическим интерфейсом, спроектированным для широкого круга пользователей — бизнесменов. «Лиза» был главным проектом того времени и почти сто человек работали над его дизайном.

Lisa 1
Lisa 1. Источник: historyoficons.com

Самый знаменитый «союз» искусства и программирования заключен в 1982-м. Для создания иконок компания Apple наняла Сьюзен Кэр — шаг, о котором никто и никогда не сожалел.   

Эмулятор Mac OS 1983 года
Эмулятор Mac OS 1983 года by MATTINS (Own work) [CC BY-SA 4.0], via Wikimedia Commons

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

1985 — что-то сошло с начального пути, когда делались эти иконки. Где, например, сетка? Она есть, но её трудно заметить. Еще иногда сложно понять, что они значат. Хотя не будем судить строго — начало пути никогда не бывает ровным.

Теперь твоя полка — в 3D! Шаг к иллюзии объема. Теперь иконки стали набирать вес. Офисные шкафчики выпрыгивают с экрана, папки множатся, а корзина раздувается от мусора. TOS задал новый тренд. Теперь у нас будет просторный, объемный рабочий стол!

Atari 1040STf
Atari 1040STf. Источник: upload.wikimedia.org

Компьютерная палитра: первый шаг к миллиону оттенков. Дамы и господа, позвольте представить: пользовательские настройки! В компьютерах Amiga есть функция настройки иконок (четыре цвета и несколько размеров на выбор).

Amiga 500 история компьютерных иконок
Amiga 500 by Bill Bertram (Own work) [CC BY-SA 2.5], via Wikimedia Commons

Все мы знаем, насколько весело персонализировать свои устройства, Но «свобода пользователя» не всегда приводит к хорошему дизайну.

1986 — даже во времена, когда стиль диктовался техническими возможностями, встречался сильный индивидуализм. Некоторые искали собственный, другой путь. Кстати, почему бы не раскрасить контуры?

GEOS 2 for Commodore 64
GEOS 2 for Commodore 64. Источник: https://historyoficons.com/

1988 — Apple не стали протягивать всей руки в помощь, пока всего один палец. Пользователи получили 15 цветов, но не более. На какое-то время этого было достаточно для жаждущих поиграть и раскрасить папки на рабочем столе.

Apple OS 1988
Apple OS 1988. Источник: www.newwwmedia.com

1989 — следующий шаг (neXTSTEP) сделал Стив Джобс. Это было нечто новое… Сильно детализированные иконки с тенями показали нам абсолютно новый подход к дизайну.

Компьютер NEXT 1989
Компьютер NEXT 1989. Источник: ru.pinterest.com

Иконки neXTSTEP были первыми иконками, которые можно назвать скевоморфными.  Очевидным стало наступление новой эры дизайна.

Девяностые: компьютерный мир «в цвету»

Первые уроки выучены, выводы сделаны. Цвета и три простых измерения — это хорошая основа. Поток постоянно развивающихся технологий поможет эволюционировать. Файлы, компьютеры, карандаши и корзины тряслись и поворачивались в разные стороны. Иконки начали свой подъём по длинной лестнице — к фантастическому миру реализма.

1990 — Пора лишений и ограничений: когда экран говорит «Нет». Компания Microsoft сделала работу над ошибками. Мы чувствуем сетку и видим, что иконки обладают единством. Возможно, благодаря все той же Сьюзен Кэй — иконе в мире дизайна иконок.

Microsoft Windows 3.0.
Microsoft Windows 3.0. Источник: toastytech.com

1991 — Начав с 16 цветов и Windows, и Mac OS демонстрируют медленную, но верную эволюцию. С помощью оттенков серого и мягких акцентов, им удалось добиться менее назойливой палитры. Благодаря этому, значки складывались в связную, единую линию.

mac os 7
Macintosh OS 7.0. Источник: lifehacker.ru

Mac потребовалось немало времени, чтобы показать иконки во всей красе. Но со временем они стали убедительными и большинство стало изометричными.

1993 — Пока все шли одной дорогой, Geoworks ушел от тренда и показал, что есть другие пути. Края его значков гордо сверкали цветом индиго. Остальные оттенки также сочетались с ним. Получился живой и уникальный эффект. К сожалению, такими были лишь несколько иконок. Целостность стиля пока оказалась не по зубам.    

Geoworks Ensemble 2.0
Geoworks Ensemble 2.0. Источник: www.hampa.ch

1997 — Сохраняя идею мейнстрима, иконки beOS имели некий отличавшийся от всех вид. Оказалось достаточно слегка изменить угол наклона и заключить каждую иконку в куб. И вуаля! Оригинальный стиль, несмотря на технические ограничения.

BeOS 1999
BeOS 1999. Источник: www.dobreprogramy.pl

1998 — Иконки взлетели ввысь. И все вокруг старались добавить иллюзию пространства. В попытках заставить значки плавать в пространстве, в IRIX забыли избавиться от точек… Но несмотря на суету, появилась еще одна важная черта: они были векторными.

Irix 5.3.
Irix 5.3. Источник: www.guidebookgallery.org

1999 — Лоскутный мост между столетиями: когда новое все еще не может прорваться. Назрели изменения… Что-то уже вырывалось наружу, но четкие, «железные» границы контуров не хотели уходить в историю. Новое изобретение — прозрачность — смешалось с изометрией и перспективой и получился салат с сотней вкусов.

Сложно быть иконкой во времена революций…

Apple Rhapsody dr2
Apple Rhapsody dr2. Источник: www.guidebookgallery.org

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

Amiga os 3.5
Amiga os 3.5. Фото: encanta.avalonsoftware.org

   

2000-е: Бум реализма в новом столетии

… и этот реализм достигает пика своей формы. В итоге это выглядит абсолютно реальным! Чего же еще нужно? Иконки настолько отполированы, безупречны и «причесаны», что дальше некуда. Они сияют, мигают, светятся. Прозрачные, многослойные, многоцветные. Их края размываются и смягчаются. Их много, и они все больше и лучше.

Дни изобилия. Да, мы можем позволить себе любые эффекты

2001 — Фото-иллюстративный стиль иконок разрушает идею о том, что это просто символ. А размытие дает возможности свободного растворения краев. Картинки становятся огромными, у них есть альфа-каналы и 8-битные прозрачные маски. Настоящая роскошь!

Mac OS X v10
Mac OS X v10. Источник: historyoficons.com

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

Windows XP Professional
Windows XP Professional. Источник: historyoficons.com

2007 — Возможно, это самый расцвет стиля Рококо в иконках. Они достигают невероятных размеров и заслуживают степени «мастер детализации». Теперь мы можем гордится целой коллекцией сверкающих элементов на наших сверкающих экранах.

Windows Vista 2007
Windows Vista 2007. Источник: historyoficons.com

И как только появился жучок, он распространился «на всю деревню». Весь мир бросился воспроизводить… весь мир.  Компания Apple со своей операционной системой IOS позволила нам носить маленькие осязаемые картинки с собой, куда бы мы ни пошли.

iPhone OS 3.0
iPhone OS 3.0. Источник: historyoficons.com

2008 — Google быстро собрал пару друзей (в том числе HTC, LG, Motorola и Samsung). Рождение альянса Open Handset Alliance началось с его главной операционной системы Android. С того момента, мы все проживали наши мобильные жизни вместе с иконками, имитирующими реальность.   

Android V 2.2
Android V 2.2. Источник: historyoficons.com

2010 — После безумной гонки уставшие, измотанные иконки стали вновь приходить в чувства. Они начали путешествие назад во времени к открытию собственных корней и своего реального предназначения. Медленно стали снимать сои костюмы и открывать естественные формы. Реалистичная эра закончилась. Еще один раз в истории

оказалось, что меньше — лучше.

2010 — смелый взгляд назад: новый плоский моноцвет

Выпустив Windows Phone 7, компания Microsoft совершила революционный скачок.  Совершенно неожиданно иконки стали плоскими в оттенках синего. Появился белый и единый стиль фона. Серьезные изменения открыли двери для новых трендов дизайна.

Windows Phone 7
Windows Phone 7. Источник: historyoficons.com

2013 — весеннее обновление и глобальное очищение

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

21-flat-1-1600
Источник: https://historyoficons.com/

 

Источник: historyoficons.com

Публикуется с согласия авторов проекта: futuramo.com

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

w

Connecting to %s