Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>9 авг 2022</li>

3 <li>0</li>

4 </ul><h2>Что такое скевоморфизм</h2>

5 И почему он не устареет в ближайшее время.

6 Иллюстрация: Polina Vari для Skillbox Media

7 Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.

8 Считается, что скевоморфизм - это устаревшая тенденция в дизайне, в основе которой лежит реалистичное изображение объектов. Поэтому обычно под этим определением понимают элементы интерфейса с имитацией объёма предметов: свет, тени, блики и текстуры.

9 Изображение: alexdrim / ShutterstockНа самом деле скевоморфизм - гораздо шире, и так просто дизайнеры от него не откажутся. Рассказываем, что это такое и почему его до сих пор используют.

10 Скевоморфизм - не просто стилизация под реальные объекты, а способ объяснить что-то новое через старое. Он появился вместе с первыми графическими системами, чтобы кто угодно мог разобраться, как работает компьютер. Вот как выглядел первый графический интерфейс компьютера, который разработала Xerox в 1973-м:

11 Изображение: XeroxЭтот интерфейс не сильно отличается от того, что вы видите на своём рабочем столе в Windows или macOS, потому что с тех пор метафоры и образы для работы с системой не изменились. У вас есть всё те же папки, файлы, окна, страницы и корзина:

12 Скриншот: Skillbox MediaСкриншот: Skillbox MediaА это - старые и новые приложения в iPhone. Если не обращать внимание на графическое исполнение, то глобально они не поменялись. В iBooks все ваши книжки стоят на тех же полках, а компас он и есть компас:

13 Приложения iOS в старых версиях и в новыхИзображения: iBooks /<a>MacRumors</a>, Compass /<a>Dummies</a>Объёмные изображения практически исчезли из современных интерфейсов, так как пользователи давно научились отличать кнопку от иконки без лишних теней и бликов. Смартфоны и интернет стали нормой жизни - перегруженные интерфейсы будут только раздражать. Поэтому скевоморфизм как стиль действительно устарел.

14 Скевоморфизм как метафора будет актуален ещё очень долго - другого способа понятно объяснить то, как работает система, пока не придумали. Посмотрите, какие слова пришлось бы учить пользователям без метафор:

15 СкевоморфизмТехническая реальностьУдалитьОграничить доступ и продолжать хранить объект на жёстком диске без прямого доступа к немуФайлОбласть данныхПапкаОбъект с вложенными областями данныхНа языке системы все привычные элементы называются по-другому. Никто не будет менять привычки только ради того, чтобы полностью отказаться от скевоморфизма.

16 Преемником скевоморфизма как стиля стал плоский дизайн - когда каждый элемент помогает пользователю понять, как работает система, и при этом не содержит лишней графики. Все дизайнеры уже много лет используют именно этот подход, а крупные корпорации строят на нём свои экосистемы продуктов.

17 Наиболее популярная система плоского дизайна - Material Design от Google. Каждая цветная плашка в ней - это листок бумаги, который отбрасывает тень на предыдущий. Так пользователь понимает иерархию приложения, и ему не приходится вникать в технические особенности системы.

18 Изображение:<a>Google</a>Считается, что ещё одна альтернатива скевоморфизму как стилю - неоморфизм. Но использовать его в чистом виде невозможно, потому что тогда пользователю будет сложно понять состояние элементов интерфейса из-за одинаковых по тону цветов.

19 Концепт приложения в стиле неоморфизмаИзображение: Александр Плюто /<a>Dribbble</a>Больше о дизайне интерфейсов

20 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>