От скевоморфизма до минимализма
Концепция
«Вы все равно увидите падение. … Мы еще не придумали, как обойти законы физики». — Стив Джобс
Я выбрал эту тему, потому что она была мне очень интересна. Как пользователь айфон, я наблюдал множественные изменения как в дизайне телефона, так и в его технологиях. Мне стало интересно узнать, какой же путь прошел дизайн телефона и его иконок до настоящего времени. Концепция моего визуального исследования «От скевоморфизма до минимализма» заключается в изучении эволюции дизайна иконок в операционной системе iOS, разработанной знаменитой компанией Apple. Это исследование предполагает анализ изменений в визуальном стиле иконок от начала создания платформы до настоящего времени, связанных с переходом от скевоморфизма к минимализму.
В первый период существования iOS Apple активно использовала скиоморфизные элементы в дизайне интерфейса, что означает имитацию реальных объектов и материалов. Это проявлялось в иконках, которые были выполнены с большим количеством деталей, теней и объемных элементов. Например, иконка книги имела изображение реальной книги, а иконка телефона — трубки телефона, и многие другие детали. С течением времени Apple стала постепенно отходить от скевоморфизма и переходить к минималистичному стилю дизайна. Это проявилось в упрощении форм иконок, отказе от излишних деталей и теней, а также использовании плоских элементов. Новый стиль придавал интерфейсу iOS более современный и аккуратный вид.
Поэтому, цель моего визуального исследования заключается в анализе изменений в дизайне иконок iOS и выявлении основных трендов развития визуального стиля. Это позволяет не только оценить эстетическое качество дизайна, но и понять, как компания Apple адаптируется к изменяющимся вкусам и потребностям пользователей. Кроме того, исследование может помочь предсказать будущие направления развития дизайна и влияние этих изменений на восприятие пользователей. Для визуального исследования будут собраны и проанализированы иконки различных версий iOS, начиная с первой и заканчивая последней доступной. Изучение будет проводиться с учетом изменений в форме, цвете, детализации и стиле иконок. Результаты исследования будут представлены в виде визуальных материалов моих пояснений, позволяющих наглядно продемонстрировать эволюцию дизайна иконок.
Таким образом, иконки ios» имеет не только практическую, но и теоретическую значимость. Оно позволяет лучше понять процесс развития дизайна интерфейсов и влияние технологических изменений на визуальное восприятие. Кроме того, результаты исследования могут быть использованы для разработки новых дизайнерских концепций и улучшения пользовательского опыта в мобильных приложениях. А также мое исследование поможет тем, кто хочет узнать больше про это направление и про само развитие иконок ios.
Лонгрид
1. Концепция 2. Немного истории 3. Скиоморфизм: начало эры ios 4. Переход к плоскому дизайну 5. Минимализм и его особенности 6. Чем вдохновлялись? 7. Заключение 8. Библиография 9. Источники изображений
Немного об истории…
9 января 2007 года прошла презентация первого смартфона Apple, который получил простое название — iPhone.
Американский предприниматель, изобретатель и промышленный дизайнер. Один из основателей корпорации Apple
Одна из самых значительных дизайнерских возможностей в новейшей истории была анонсирована на сайте Apple простым постом в блоге.
«Позвольте мне сказать: мы хотим, чтобы на iPhone были нативные сторонние приложения, и мы планируем в феврале передать SDK в руки разработчикам», — написал Стив Джобс.
Стив Джобс на первой презентации айфона
Тихим утром в четверг, менее чем через год, App Store открылся для пользователей iPhone, предоставив на выбор чуть более 500 приложений. Немногие современные инновации изменили нашу жизнь и взаимодействие с окружающим миром больше, чем iPhone. Создатели первых 500 приложений, доступных на старте, имели уникальную возможность сформировать направление дизайна и методы взаимодействия миллионов приложений, созданных с тех пор.
Скиоморфизм: начало эры iOS
Скевоморфи́зм — физический орнамент или элемент дизайна, который скопирован с формы другого объекта, но изготовлен из отличающихся материалов или иными методами.
Рассмотрим на примере иконок эпл, какими же были их иконки
2001: логотип в стиле скевоморфизм
Изначально стоит сказать о самом логотипе Apple, который начал всю историю скевоморфизма в дизайне интерфейса смартфонов. Это началось в начале 2000-х годов. Все элементы в нем имитируют предметы из реальной жизни, в том числе цвета и объемы. Новое оформление яблока с бликами, имитирующими стекло, было представлено вместе с интерфейсом Aqua для MacOS X.
иконки заметок ios 6 \ ios 17
Первым в этой категории выступают заметки, которые являются ярким примером скеоформизма.
Электронные заметки сделаны по подобию реальных бумажных заметок, с имитацией бумаги.
иконки часов нескольких обновлений ios
Часы стали таким же ярким примером скеоморфизма, мы можем увидеть связь с реальными часами. В новых обновлениях ios стрелочки часов двигаются в реальном времени.
иконка почты ios 6/ ios 17
Почта также была выполнена как реальная. Эффект бумаги, а также изгибы календаря, напоминают нам о реальном письме, что создает визуально понятный и приятный глазу дизайн.
иконка микрофона ios 6
Для создания иконки диктофона в iOS 4 использовался микрофон Shure MV88. Что визуально выглядит хорошо, так как человек сразу может понять, что это за приложение.
иконки камеры ios 6 и ios 17
Камера не стала исключением примера скеоморфизма. Дизайнеры, создавая иконку приложения «Камера» для iOS, вдохновлялись классической фотокамерой, напоминающей модель Leica. Однако точная модель не была официально названа. Иконка просто отражает обобщённый стиль традиционной камеры.
Переход к плоскому дизайну
ios 7
Компания Apple начала переход к плоскому дизайну в своих иконках в iOS 7, который был выпущен в сентябре 2013 года. Ранее иконки в операционной системе iOS были более реалистичными, с текстурой и объемом, но в iOS 7 они были переработаны в плоский стиль с яркими цветами, минималистичным дизайном и отсутствием тени. Этот шаг помог компании придать своим продуктам более современный и стильный внешний вид, а также сделать интерфейс более удобным и интуитивно понятным для пользователей.
ios 7
ios 7
Минимализм и его особенности
ios 9
Минимализм — это художественный стиль, который характеризуется упрощением форм и сокращением деталей до минимума. Основная идея минимализма заключается в создании простых, лаконичных и эмоционально заряженных произведений искусства.
Иконки Apple также отличаются минимализмом. Дизайнеры компании стремились к созданию простого, удобного и легко узнаваемого образа иконок. Они убирали все лишние детали, чтобы сделать интерфейс более понятным и удобным для пользователей. В итоге иконки Apple стали символом минимализма в дизайне, сочетая простоту форм и яркую узнаваемость.
переход обновлений айфона: ios 10, 9, 8, 7, 6
иконки камеры ios 9
На иконках ios 9 мы можем увидеть четкую параллель как изменился дизайн до более минималистичного вида, что придает больше лаконичности и стиля самим иконкам.
иконка диктофона ios
Как вы думаете, чем вдохновлялись дизайнеры Apple, создавая значок приложения «Диктофон»? Понятно, что это временная диаграмма. Вот только никто раньше не задумывался, какому звуку или слову он принадлежит. Ответ все это время лежал на поверхности, а нашел его некто Майк Рандл.
«Запустите диктофон, нажмите на запись и произнесите: „Apple“, после чего остановите запись. Сравните результат с иконкой данного приложения. Бинго.» — Майк Рандл.
ios 16
Чем вдохновлялись?
Японская культура
Японская культура сильно повлияла на визуальные решения Apple. Это произошло через элементы минимализма, внимание к деталям и эстетику «ваби-саби». Эти принципы отражают простоту и умиротворение, что можно заметить в шрифтах, цветовой палитре и в иконках Аpple. «Ваби-саби» используется во многих японских видов искусства, что может подчеркнуть то, что дизайнеры эппл вдохновлялись не просто культурой, а тонким и гармоничным искусством.
шрифт эппл
Ва́би-са́би (яп. 侘寂, «скромная простота»; ваби «непритязательная простота» + саби «налёт старины; умиротворение одиночества») — обширная часть японского мировоззрения: «ваби» ассоциируется со скромностью, одиночеством, не яркостью, однако внутренней силой; «саби» — с архаичностью, неподдельностью, подлинностью.
Многие продукты Apple, такие как MacBook Pro, iPad Pro и iPhone, имеют дизайн, который напоминает японские традиционные инструменты и предметы искусства. Кроме того, Apple активно сотрудничает с японскими компаниями и дизайнерами, чтобы создавать продукты, которые соответствуют японским традициям и культуре.
Влияние искусства
Иконки и интерфейсы также создавались с акцентом на эмоциональное восприятие. Это сопоставимо с тем, как художники стремятся передать эмоции через свою работу. Стив Джобс верил, что технологии могут вызывать эмоциональный отклик, и эта идея пронизывает дизайн Apple.
Дизайн — это душа творения человека, которая проявляет себя через последовательные внешние слои продукта или услуги. iMac — не просто цвет или форма корпуса. Суть iMac заключается в том, чтобы стать лучшим потребительским компьютером, в котором все элементы взаимодействуют друг с другом. — Стив Джобс
iMac и его интерфейс
Джобс также часто говорил о полезности его продукта, ведь он, словно художник, создавая стильный визуал своего творения, должен был не только донести до пользователя эмоциональную составляющую.
Заключение
В ходе данного визуального исследования была проанализирована эволюция дизайна иконок iOS от скевоморфизма к минимализму. Изучение изменений в дизайне иконок позволило мне понять, какие тенденции и принципы лежат в основе разработки интерфейсов для мобильных устройств. Благодаря этому исследованию мы можем лучше понимать влияние дизайна на пользовательский опыт и современные тенденции в мире мобильных технологий.
10 лет App Store: эволюция дизайна первых приложений, [Электронный ресурс]. Режим доступа: https://ux.pub/editorial/10-liet-app-store-evoliutsiia-dizaina-piervykh-prilozhienii-386o (дата обращения: 23.09.2024)
Эволюция фирменного стиля Apple и современные принципы дизайна, [Электронный ресурс]. Режим доступа: https://media.contented.ru/vdohnovenie/kejsy-legend/istoria-dizayna-apple/(дата обращения: 23.09.2024)
13 лет первому iPhone: как проходила его презентация, [Электронный ресурс]. Режим доступа: https://hi-tech.mail.ru/news/47240-13let_iphone/(дата обращения: 25.09.2024)
iPhone OS 1, [Электронный ресурс]. Режим доступа: https://en.wikipedia.org/wiki/IPhone_OS_1#Supported_devices (дата обращения: 25.09.2024)
Изменения иконок приложений в iOS за 11 лет! , [Электронный ресурс]. Режим доступа: https://dzen.ru/b/ZIqz6wRhyBCXAq5b(дата обращения: 26.09.2024)
Эволюция iOS от 1.0 до 8.0, [Электронный ресурс]. Режим доступа: https://www.coultury.com/faq/ios/(дата обращения: 26.09.2024)
Подробный обзор iOS 7. Совершенно новый дизайн и улучшенная функциональность, [Электронный ресурс]. Режим доступа: https://www.ferra.ru/review/games/Apple-iOS-7-review.htm(дата обращения: 27.09.2024)
Как придумывал главный дизайнер Apple, который создал все те устройства, которые вы любите, [Электронный ресурс]. Режим доступа: https://gol.ru/materials/19306-achievements-of-jony-ive-at-apple(дата обращения: 30.09.2024)
Apple и японская культура: японский стиль в продуктах Apple, [Электронный ресурс]. Режим доступа: https://shedevrum.ai/post/59060f2ba41511ee87ec36adaf03b217/(дата обращения: 02.10.2024)
Ваби-саби, [Электронный ресурс]. Режим доступа: https://ru.wikipedia.org/wiki/%D0%92%D0%B0%D0%B1%D0%B8-%D1%81%D0%B0%D0%B1%D0%B8(дата обращения: 02.10.2024)
10 высказываний Стива Джобса о дизайне, творчестве и маркетинге[Электронный ресурс]. Режим доступа: https://vk.com/wall-35145657_104807(дата обращения: 05.10.2024)
