История графического интерфейса в иконках
Очень часто в Сети можно найти обзоры в стиле «эволюция чего-либо последние 100 лет». Мы и сами такие галереи любим и уважаем, потому что они позволяют не только поностальгировать по временам, когда «трава была зеленее». Говорят, увидеть будущее можно в прошлом и в этом действительно есть смысл.
Сегодня мы попробуем понять как будут выглядеть операционные системы в будущем. Для этого давайте внимательнее взглянем на то, как происходила эволюция иконок файлов и программ разных систем в разные годы. Зрелище, надо сказать, увлекательное.
1981 Xerox 8010 Star — Первый массовый компьютер с графическим интерфейсом
![]()
В 1973 году появился первый компьютер, который управлялся системой с графическим интерфейсом. Он получил название Xerox Alto и широко применялся в разнообразных исследованиях, хотя в широкие массы так и не пошел. Всего их было выпущено около двух тысяч экземпляров. Именно посмотрев на Alto в Купертино решили создать нечто подобное свое — так появились Lisa (1983) и Macintosh (1984). В 1981 году был выпущен первый компьютер для широкого потребителя — Xerox Star. Он очень много унаследовал от Xerox Alto, а также первый предложил стандартный набор иконок файлов и программ, от которого отталкивались уже все остальные компании. Как мы видим, иконки Корзины, документа или папки с тех пор не менялись почти 30 лет.
1983 Apple Lisa — Популяризация графического интерфейса
![]()
Под впечатлением от Xerox Alto инженеры Apple в 1978 году начали работы над своим компьютером Lisa. Его операционная система унаследовала от Alto метафорическое отображение документов и программ в виде некоего офиса: тут была Корзина для удаления документов, конверт для хранения нужной информации и т.д. Кстати, одной из функций системы «Лизы» стали компактные приложения Desk Accessories, которые сегодня мы называем виджетами или гаджетами (в зависимости от того, к какой платформе принадлежим).
1984 Apple Macintosh 1.0 — Иконки впервые отрисовываются профессиональным дизайнером
![]()
![]()
Спустя год после появления «Лизы» мир познакомился с первым Макинтошем. С точки зрения операционной системы появился drag’n’drop, перемещаемые окна и очень симпатичные иконки. Их отрисовкой занималась Сьюзан Кэр, подход которой был прост: «Я считаю, что хорошие иконки имеют больше общего с дорожными знаками, чем к иллюстрациям. В идеале они должны запоминаемыми и ясно отображать суть».
1985 Atari TOS — Первые иконки в изометрической проекции
![]()
Важное примечание для юных читателей — графический интерфейс никогда не был прерогативой сугубо Apple. В начале 80-х годов активно экспериментировала с ним Atari, которая под свои компьютеры также написала «ось» под названием TOS. В ней также документы и файлы представлялись в виде виртуального офиса, вот только иконки впервые были отрисованы в изометрической проекции. Позднее этот подход возьмут на вооружение и в Microsoft.
1985 Amiga Workbench — Цвет!
![]()
Система Amiga Workbench была создана для компьютеров Amiga 1000 и является ярким примером того, как хорошие идеи разбиваются о посредственное воплощение. Система позволяла менять изображение курсора мышки, поддерживала 4-цветные иконки, которые могли менять свою картинку в зависимости от текущего статуса (например, полная корзина или нет). Но при этом графика была просто ужасна — своей Сьюзан Кэр у Amiga не нашлось.
1985 Windows 1.0x — Знакомьтесь, Windows!
![]()
В 1985 году мир познакомился с первой системой Microsoft Windows. Иконки были не менее ужасны, чем у Amiga, да еще и выполнены только в двух цветах...
1986 GEOS for Commodore 64 — Альтернативная система!
![]()
В свое время система GEOS занимала второе место по популярности среди систем с графическим интерфейсом (после Mac OS). Удивительная смесь иконок Windows с Mac OS.
1991 Macintosh System 7 — Первая система Mac OS с поддержкой цветов!
![]()
Первая система Apple с цветным интерфейсом. Детализация для того времени была просто невероятной — конкуренты еще долго не могли создать нечто подобное. Для того, чтобы создать эффект нажатия, иконки были как-бы приподняты вверх.
1992 Windows 3.1 — Microsoft нанимает дизайнера
![]()
В 1990 году в Microsoft осознали, что им нужен дизайнер иконок и наняли... Сьюзан Кэр. Как результат, выглядеть система Windows 3.0, а затем 3.1, стала куда приятнее. Кстати, версия 3.1 изначально комплектовалась шрифтами TrueType.
1995 Windows 95 — Появление кнопки «Пуск»
![]()
Windows 95 была перерисована с нуля и заложила ряд стандартов, которые до сих пор применяются Microsoft в своих системах: панель задач, систему меню и, конечно же, кнопку «Пуск». Что же касается иконок, то они получили больше цветов и стали чуть более изометрическими.
1997 Macintosh OS 8 — Мак получает более яркие иконки
![]()
Вот и Apple перешла на изометрические иконки, которые стали значительно ярче и получили сильную тень.
2001 Mac OS X v10.0 — Apple снова делает переворот
![]()
Представляя Mac OS X Стив Джобс особо отметил интерфейс этой системы, который настолько хорош и притягателен, что «его хочется лизнуть». Иконки перерисовываются заново, но теперь проекция меняет угол обзора — из-за Дока, по умолчанию размещенного внизу экрана, на все иконки мы теперь смотрим как бы свысока.
2001 Windows XP — Сглаживание углов
![]()
В этом же году концепция поменялась и в Microsoft. С выходом Windows XP интерфейс стал мягче, активно используется сглаживание. Иконки сохранили изометрию, тень стала полупрозрачной.
2007 Mac OS X Leopard — Док с отражением
![]()
И хотя сами иконки стандартных файлов и программ Mac OS X особо не менялись со времен 2001 года, в Mac OS X 10.5 впервые появился трехмерный Док с поддержкой отражения. Эта тема активно используется и поныне.
2009 Windows 7 — Последний писк моды
![]()
Иконки вновь меняют поворачиваются к пользователю другим боком, становятся немного мягче. Как и в случае с Mac OS X, размер иконок значительно увеличивается и теперь их можно безболезненно увеличивать для просмотра мельчайших деталей. Apple умудряется даже писать тексты на своих иконках (обратите внимание на текстовый редактор TextEdit).
2010... — Вектор?
С появлением iPhone 4 и его дисплея высочайшего разрешения, становится понятным, что дальше иконки будут отрисовываться только в векторе. Только так разработчики смогут угнаться за развитием «железа» и не тратить много ресурсов на постоянную перерисовку интерфейса.
И это превращает процедуру рисования иконок в настоящее творчество, что мы вам скоро наглядно и покажем...
