ТИХИЕ ИКОНКИ

14 традиций до компьютеров · наведите или нажмите

• Пиктографиядо н. э.

  Силуэт равен смыслу, ноль декора

• ГеральдикаСредние века

  Контур, заливка, строгие правила цвета

• ИконописьВизантия

  Византийский «флэт», обратная перспектива, золотой фон

• ЭмблематикаXVI век

  Символ, девиз и пояснение

• Гравюраофорт

  Штриховка как тон, линия как объём

• Супрематизм1915

  Примитивы Малевича, форма как чистое ощущение

• Конструктивизм1920-е

  Родченко: функция через структуру

• Bauhaus1919

  Круг, квадрат и треугольник как алфавит

• Ар-деко1920-е

  Геометрический орнамент и симметрия

• Isotype1936

  Отто Нейрат: язык картинок без слов на модульной сетке

• Швейцарский стиль1950-е

  Хельветика, сетка, нейтральность

• Отль АйхерМюнхен-1972

  Пиктограммы Олимпиады на сетке 45° и 90° — предок UI-иконок

• Поп-арт1960-е

  Яркий цвет, ирония, массовая культура как материал

• Психоделика1960-е

  Кислотный цвет, органические формы

15 цифровых стилей = их предки

• Гравюра+Геральдика=
  Pixel Art / 8-bit1981

  Чёткий контур, плоский силуэт, без градиентов. Сьюзан Кэр рисовала иконки Macintosh как гравёр.

• Pixel Art+Isotype=
  16-bit / Amiga / Atari1980-е

  Палитра шире, появляется дизеринг — аналог штриховки у гравёров.

• Гравюра+Живопись+Тромплёй=
  Скевоморфизм1990-е — 2013

  Иллюзия объёма — продолжение живописной обманки XVII века. Джобс просил, «чтобы хотелось лизнуть».

• Скевоморфизм+Ар-деко=
  Glossy Aqua2000-е

  Глянец, хром, пузыри — скевоморфизм с декоративным избытком.

• Bauhaus+Swiss+Конструктивизм=
  Flat Design 1.02010–2013

  Metro прямо ссылался на Bauhaus и Хельветику. Ноль теней — Баухаус 1923 года в телефоне.

• Isotype+Bauhaus+Физика бумаги=
  Material Design2014

  Google добавил к флэту слои бумаги и высоту над поверхностью.

• Swiss+Material=
  Flat 2.0 / Semi-flat

  Нейтральность плюс чуть физики, чтобы иконка читалась.

• Чертёж+Фариш, 1822=
  Изометрия

  Инженерная проекция: её взяли геймдизайнеры Atari, потом иллюстративный UI.

• Скевоморфизм+Flat 1.0=
  Neumorphism2019

  Форма плоская, материал физический. Визуально — мыло или тестопластик.

• Скевоморфизм+Ар-деко+Bauhaus=
  Glassmorphism2020-е

  Стекло тянет к реальности, сетка и форма — строгий Bauhaus. Матовое стекло было ещё в Mac OS X 2001 года.

• Скевоморфизм+Pixel Art=
  Claymorphism2020-е

  Пухлые формы отсылают к игрушкам и детской книжной иллюстрации 1970-х.

• Скевоморфизм+Кино и CGI=
  3D-иконки2020 →

  Объём больше не рисуют, его рендерят. Точка перехода — macOS Big Sur.

• Гравюра+Чертёж=
  Line / Outline

  Только контур без заливки — прямой наследник офорта.

• Поп-арт+Ризография=
  Duotone

  Два цвета и один силуэт: Уорхол и Лихтенштейн на экране.

• Поп-арт+Психоделика=
  Gradient / Aurora

  Кислотные переходы цвета из постеров Уэса Уилсона и Виктора Москосо.