Сравниваем прошлое и настоящее.
На прошлой неделе Instagram представил новую иконку и новый дизайн приложения. И пока мы рассказывали что это совсем не то, что ждали пользователи, в интернете поднялась волна негодования с требованием дуроввернистену вернуть прежнюю привычную иконку приложения. Очевидно, что обратной дороги нет, хотя решение по возвращению старой иконки уже есть и мы о нем также рассказывали.
Скевоморфизм — подход к дизайну, в котором элементы интерфейса имитируют предметы из реального мира.
Мы же предлагаем вспомнить, какие еще крутые и харизматичные иконки в скевоморфи́зм-стиле мы потеряли за последние несколько лет с приходом iOS7.
1. Приложение для похода в магазин «Купи Батон»
[Скачать с App Store (классическая версия)]
(1 890 р.)
[Скачать с App Store (в новом дизайне)]
(1 890 р.)
Одно из самых удобных приложений, позволяющее легко и быстро составлять списки необходимых продуктов в магазине, и делиться ими с близкими. Изначально нарисованная иконка поражала своей детализацией и вкусным дизайном. Тоже самое можно сказать и про внутренний интерфейс приложения.
С приходом iOS от Джони Айва, разработчики решили поступить мудро – оставили старую версию для тех, кому дизайн пришелся по душе, для любителей новизны дизайн был переработан под плоскую цветастую стилистику. Другими словами, тот случай, когда мы ничего не потеряли.
2. Приложение для хранения документов и личных данных «ВКармане»
[Скачать с App Store]
(Бесплатно, есть встроенные покупки)
Еще одна изумительно нарисованная иконка, полностью отражающая суть приложения. Программа представляет из себя надёжный менеджер для документов, банковских карт, паролей и личных данных, в котором представлена огромная база шаблонов для удобного заполнения.
Самое интересное, что иконка была несколько раз перерисована после революционного редизайна iOS. С каждой версией она становится все проще и проще.
Но, как нам кажется, оригинал остается несравненной классикой.
3. Текстовый редактор «Pages»
[Скачать с App Store]
(749 р.)
Удобный текстовый редактор от Apple, пришедший из операционной системы MacOs. Огромное количество разнообразных шаблонов, форматирование документов, стили, облачная синхронизация – все на месте, чтобы стать незаменимым помощником офисного работника.
Изначальная «3D-версия» иконки представляла реалистичный рисунок ручки с чернилами, обновление сделало иконку плоской во всех смыслах. Скучно.
4. Приложение для рисования «Bamboo Paper»
[Скачать с App Store]
(Бесплатно, есть встроенные покупки)
Отличная программа для рисования и скетчей от мирового производителя графических планшетов компании Wacom. Пожалуй, одна из самых удачных идей по превращению достаточно стандартной иконки приложения-блокнотов в плоское, но стильное изображение.
5. Приложение для съемки и просмотра панорам «Dermandar Panorama»
[Скачать с App Store]
(149 р.)
Определенный панорамный аналог Instagram. Фотографируешь, делишься, смотришь что фотографировали другие пользователи. Основное отличие – весь фотоконтент это панорамные снимки.
Изначально приложение называлось «Dermandar Panorama», сейчас название сократилось до «DMD Panorama». И если здесь потеря букв не настолько критична, то вот с точки зрения потери детализации иконки все грустно. Шикарно отрисованную иконку упростили до невнятного бело-голубого знака инь и ян. Дизайнер явно психанул после анонса новой версии iOS в 2013 году.
6. Простое приложение-фонарик iHandy Flashlight Pro
[Скачать с App Store]
(75 р.)
В это уже сложно поверить, но были времена, когда в iPhone не было встроенного фонарика. Сейчас мы одним простым свайпом вверх можно открыть шторку с дополнительным меню и включить на постоянной основе вспышку. А вот раньше, для этого требовалась установка дополнительных программ, как например iHandy Flashlight Pro.
Кто-то спросит, ну, и где же их новая иконка? Вместо новой иконки приложения теперь банально есть стандартная альтернатива в фирменном плоском дизайне встроенная в саму систему. Зачем что-то качать?
7. Приложение-календарь «Мой День – отсчет дней до события»
[Скачать с App Store]
(Бесплатно, есть встроенные покупки)
Простое по своему смыслу и функциональности приложение, позволяющее отсчитывать дни до важного в жизни события могло похвастаться реалистично нарисованной иконкой блокнота.
Ну разве может идти в сравнение современная невзрачная и унылая иконка приложения?
8. Менеджер кулинарных рецептов «Paprika Recipe Manager»
[Скачать с App Store]
(379 р.)
Приложение позволяет сохранять и редактировать собственные рецепты, и те, которые пользователь может найти в Интернете. Здесь же облачная синхронизация, таймеры для приготовления, данные по калорийности блюд и многое другое.
Приложение не переведено на русский язык и не пользуется популярностью в российском App Store. Но, наверняка, наши соотечественники видели великолепную иконку к нему. Но после дизайнерской революции имени Джони Айва разработчики студии Hindsight Labs упростили дизайн лого, сделав ее убогой упрощенной.
9. Библиотека «iBooks»
[Скачать с App Store]
(Бесплатно)
После анонса iPad фирменное приложение для чтения книг, журналов и pdf-файлов стало очень популярным среди фанатов техники Apple.
Стив Джобс, который изначально даже отказывался от идеи электронного книжного магазина, в дальнейшем особо отмечал удобство пользования iBooks и дизайн приложения, который был выполнен в виде книжных полок.
Обновление же убило роскошный дизайн. Стив бы уволил не одобрил.
10. Тестировщик скорости Интернета «Speed Test»
[Скачать с App Store]
(Бесплатно, есть встроенные покупки)
Одно из немногих по-настоящему полезных приложений из раздела Утилиты. Все рано или поздно задавались вопросом по скорости домашнего Wifi или мобильного интернета.
И снова дизайнеры пошли на излишнее упрощение, потеряв яркость от оригинальной иконки. Вроде все на месте, а смотрится на порядок скучнее.
В наше время переизбытка информации общество стремится к упрощению того, что его окружает. Но упрощая некоторые вещи, в частности, иконки приложений дизайнеры теряют вместе с детализацией и красоту. Чем меньше элементов в дизайне, тем сложней их скомпоновать и сделать иконку информативной.
Кому-то это удается, кто-то убивает весь лоск прошлого дизайна.
За три года App Store капитально преобразился, Instagram был одним из последних приложений, чей дизайн выделялся на фоне плоского мира иконок. Мы будем скучать.
(2 голосов, общий рейтинг: 5.00 из 5)
84 комментариев
Форум →Потеря полок iBooks и текстур в Заметках были самыми болезненными при обновлении до iOS7…
@vs40, кстати, забавно, что текстуру они там сделали но другую.
При Джобсе такого не было…
@Semand, при Джобсе батарейка держала больше суток!
@ieatbooks, нет.
@iWolf, ты много смотрел порнухи через телефон
@ieatbooks, когда в моей жизни появились девушки, надобность в порнухе отпала. А появилась девушка оч давно.
@iWolf, порнуха снова стала актуальна когда Стиви представил iPad.
@vadimi76, когда то был iPad Mini, но за неимением задач для сего устройства, он был благополучно продан.
@iWolf, не знаю, но мне лежа на диване удобней юзать ipad чем Air 13 если речь идет о веб-серфинге, чтении и просмотра роликов. Ну и конечно в качестве навигатора в машине.
@vadimi76, если честно, когда я лежу на диване (/кровати/др) я сплю, или не один. В другое время, я стою (хожу) или сижу. Мне норм)
@iWolf, один или не один, не про это речь совсем. Я говорю о сценариях применения и usability.
@vadimi76, дык и я к тому, что когда я лежу на диване, мне пед не нужен совсем.
@iWolf, не вижу связи в появлении девушки и порнухи. еще скажите, что дрочить вредно
@iWolf, что нет? Держала сама видела. 3GS, полтора дня хватало. Сейчас конечно уже за 5 лет износилась видимо батарея. Ipad 2, который день железно держит.
@DarkGothicLady, синдром утенка в действии.
2G на прошивке 1.1.4 мог проработать 2 дня, но это не значит, что все было круче, чем сейчас.
PS до сих имею этот самый 2G, но с последней прошивкой 3.1.1
@DarkGothicLady, я думаю дело не в батарее. у меня тоже был 3гс, хотя не помню сколько он держался. просто мне кажется сейчас телефоны выполняют намного больше задач чем даже три четыре года назад.
@iWolf, вообще это шутка везде про батарейку если что)
Заголовок и текст. Как вы оказались вместе?
инстаграм забыли.
А вообще, современное искусство, всё такое, каля-маля – это модно.
@pioklo, Мы же как раз с этого и начали разговор, нет?)
@Юрий Андреев, читать лень было )
@pioklo, причем тут искусство? Дизайн – это сугубо прикладная вещь. Если украшательства ухудшают навигацию и считывание информации, то надо упрощать. Ничего личного.
@Garry Golden, я не против, но не до каляки 2ых летних детей. До сих тошнит от этих убогих иконок. Внутри приложений ещё ничего.
@Garry Golden, еще раз прочитайте, что написали. Даже странно немного, что люди могут так думать.
@Mad user, как “так” думать? Вы хотите сказать, что если интерфейс красивый, но перегруженный, то это лучше чем простой чистый интерфейс, который не мешает считыванию контента программы? Вы собрались меня учить профессии, в которой я проработал более 10 лет? Может не надо?
@Garry Golden, упрощать? Тут упрощение такое же декоративное. И это упрощение визуальное усложняет восприятие интуитивное.
По старому дизайну вам трудно было отличить блокнот от магнитной плёнки? Как раз по моему пользователь стереотипно уже знает как этим пользоваться из жизни.
@Garry Golden, по примеру 5. Dermandar Panorama – По новой иконке проще понять что это про фото? :-)
@dimsonclear, речь идёт о скевоморфизме как таковом. Если конкретную иконку нарисовали неудачно, то это проблема конкретной иконки. Точно так же и в скевоморфизме были примеры иконок, которые непонятно что значат. Опять же, вы говорите исключительно про иконки программ, а я про интерфейсы в целом. А они движутся в сторону некого иероглифического письма. Если на каждой кнопке рисовать подробное фотореалистичное изображение того, что кнопка делает, интерфейс превратится в винегрет. Это всё проходили уже лет 10 назад. Сейчас на первое место для юзера выходит контент, а не программа вокруг него.
@Garry Golden, непонятных иконок гораздо больше. Гейм Центр тот же.
Ну сколько кнопок на вашей клавиатуре? там и лампочки есть, (не говорим про макроцарапины, следы от пальцев и д.) но тем не менее, это пластик, алюминий или что-то ещё. Он отражает, имеет зернистую текстуру. Да бог с ним, просто хотя бы тень есть. Когда есть тень – это уже глубина.
А на тему письма – потому что промышленный дизайнер пришел в мир цифрового дизайна и сделал из оси, виртуального микро-мира, так назовем, сделал книгу. Где всё: типографика. В книге да, текст и фото/иллюстрации — главное. Конечно, содержание важнее чем из чего состоит эта книга и какая закладка, обложка у неё.
Но айфон/айпад это же не только “книга”, но и “музыкальный плеер”, но и “фотокамера”, но и “интернет”, но и многое другое.
Много разговоров что читать прям тяжелее кнопку. Люди играют в WOW, Workld of Tanks, Battlefield, в играх там кнопки вообще все толстые, металические, в царапинах, крови и говне) Слева ещё горит костер и от проводов искры время от времени летят, эффект помех экрана.
Особенно яркий пример музыкального софта – где есть мимтация реальной колонки Marshall или чего то подобного, где куча проводов, тумблеров и штекеров. Музыкант занят музыкой, он хочет видеть знакомые разъемы, которые помечены цветом, чтобы просто настроиться. Воткгул гитару, настроился как с реальным комбиком и поехали.
Это мы дизайнеры, ещё можем понимать дизайн и его философию, даже если он слишком специфичный, а как быть остальным?
а “родное” приложение Подкасты? какие реально клевые магнито-бобины вращались перематывая ленту.. было продумано все до системы натяжения той же самой ленты ) по толщине ленты на бобинах было видно сколько прошло времени подкаста. Лично мне – жаль.
@Игорь Шмаров, Почти все стандартные приложения потеряли свой шик. Я решил лишь одно выделить.
@Юрий Андреев, это был не упрек! Это был ностальгический вздох
@Игорь Шмаров, спасибо) я так и понял. Я тоже решил просто пояснить свою подборку.
@Игорь Шмаров, мне тоже нравилось старое, но когда оно обновилось навигация и управление стало лучше и быстрее.
1890 рублей за список покупок? Лолшто?)
@KissMeFast, Есть бесплатная версия, https://itunes.apple.com/ru/app/spisok-pokupok-kupi-baton!/id757682453?mt=8
Но с встроенными покупками.
Цена и впрямь удивляет.
@KissMeFast, как себя позиционирует сам купибатон “это удобный и элегантный список покупок премиум класса”.
Список премиум-класса :))))
По началу они так себя не ценили.
А вообще, думаю, что эта статья ради их упоминания :)
@AppleStyle, забавно, что везде чудится реклама. Не думаю, что с таким конским ценником я своей статьей им продажи увеличил)
Приложения из прошлого выбирались по принципу красиво и узнаваемо, не более.
@Юрий Андреев, ну, с учётом того что они рекламировались на этом сайте раз 5 – почему и нет.
Правда тогда они не были “премиальным списком” и стоили в разы дешевле :))
Купи батон стоит 1890??? Охренели чтоле?
Почти 2 тыщи за купи батон? Этот электронный блокнотик с двумя строчками кода слеплен на золотом суперкомпьютере? Интересно, сколько людей готовых выложить 2 тыщи за очень сомнительную функциональность, которую очень легко заменить встроенными заметками.
@mlserg, не я. Есть не хуже Avocado и по-моему бесплатный. Куда удобнее.
@mlserg, думаю, что немного. Те, кто мог бы выложить 2к за “это”, закупаются в Азбуке и имеют их приложение, куда автоматом заносятся все покупки по чеку, а на ДР всякие плюшки :D
П.С. не реклама, просто я других аналогов от сетевых магазинов продуктов не встречал :)
@mlserg, когда я его покпал он стоил совсем немного. Сейчас разрабы совсем опухли. Цена ничем не обоснована.
@mlserg, лучший КУПИБАТОН есть Заметки, установлены по умолчанию) входят в стоимость телефона ))
@mlserg, это пожизненная про версия. у купи батона есть бесплатная версия с ограничениями и рекламой
Сравнив наскальную живопись с современными китайскими иероглифами, можно считать, что человечество — на очередном витке повторения своего развития. И никуда от этого не деться.
Айв везде свою лапу положил. Меня баги визуальные бесят которые до сих пор есть в iOS 9.x
@Varian, например?
@wmaybach, не обращай внимания на дату, это моя фотка, давно сделал.
глюк то приходит то уходит:
http://i.imgur.com/PRQ1ExL.jpg
@wmaybach, ещё пример:
http://i.imgur.com/O5UXs9P.png
P.S. это всё на новом чистом телефоне…то есть не бэкап с какого нибудь iphone 4 =)
@wmaybach, да там полно говна. Например вот тут, снизу справа есть иконка Backspace (ну, так её назовем). Чтобы удалить последнюю цифру.
http://cdn.arstechnica.net/wp-content/uploads/2013/09/phone-980×711.png
с iOS 7 и выше иконка сместилась наверх, к номеру телефона. Окей, нагляднее. Но если я пользуюсь правой рукой, то пальцу слишком “высоко” дотягиваться.
У меня длинные пальцы и iPhone 5. А как быть тем у кого 6 (или 6s) со средними пальцами? там вообще не дотянуться.
– –
У Музыки раньше кнопки управления были удобно расставлены. Перемотка, громкость и тд. В iOS 7 и 8 – собрали всё в кучу. а сверху много пустого места. Зачем? iOS 9 они переделали более удобно. Дальше больше воздуха.
Так же они сделали «вернём как было» – музыку, поиск слева от домашнего экрана, и последний апдейт iTunes.
Новые фишки Эппл это типа “купи квартиру а мы тебе за это футболку в подарок с твоим именем подарим”. Дали фонарик, можно больше уместить иконок в папку, на экран, пароль из 6 символов вместо 4-х, бесконечное количество вкладок в браузере, выключалку 3G, эконом режим и другое. Потом дадут возможность шрифтики менять и цвет у интерфейса и всё счастливы. Расширение “лимита” да, удобно. Но инновации, что они придумали уже без Джобса – жыжа. Что часы, что Здоровье, что Музыка – просто этим трудно пользоваться. Я сто раз стал Хром на айфон и сто раз удалял. Искал кучу раз альтернативный музыкальный плеер. А раньше встроенные приложения были круче чем внешняя фигота.
@dimsonclear, не бесконечное количество вкладок в браузере. Довольно быстро лимит исчерпывается, но конечно не 6ть как раньше.
Да уж жаль что дизайн пошёл в сторону детскости исполнения.
Какие же унылые стали иконки. Кук и Айв, go to hell! Стиви, come back and fuck them all!
@vadimi76, +1
Потом спустя годы выходит Айв (из руин) и показывает объемную иконку с, мать её, тенью и все говорят «вау! как они это сделали? я хочу такую же!»
Не исключаю реинкорнацию скевоморфизма через несколько лет – людям нравятся ремейки.
На сегодняшний день считаю упрощенные иконки более актуальными.
Респектую автору за статью! Ностальгия, прослезился. Спасибо Айв, что навязал свой дерьмовый дизайн
@Edwin, ага. Пипл схавал, ну а что ещё остаётся)
скверный морфизм был красив в 2008 году, пусть он там и остается
Печально вспоминать, как убивали систему… Начали с дизайна, закончили убитой стабильностью, плавностью и отзывчивостью… Сейчас ходят слухи, что выгнанная из Гугла команда индусских разработчиков Андроид 1.6 устроилась на работу в Эппл, и пишет код ядра на джаваскриптах, начиная с iOS8. :)
Да, особенно топорно убить качество вышло у SpeedTest, хотя и другие не намного лучше.
Очень хорошая подборочка, спасибо автору!
Странно но у меня иконка iBooks по другому выглядит. Или это только на айфоне?
@lohmatij, у меня тоже (iOS 9.3.2). Как в статье она выглядела на iOS 7, кажется.
@wmaybach, это в одной из версий было такая. Потом быстро обновили.
@lohmatij, она так на маке выглядит
@franczech, неправда, на маке иконка вообще круглая и в ней несколько страниц.
У меня иконка на айфоне такая же как в статье, но страницы загнуты а не прямые.
2000 за купи батон? Серьезно? Что эио за приложение такое?
Помер тот, помрет и этот. Дизайн надо менять в соответствии со временем. Скевоморфизм свою актуальность потерял, забудьте уже про него, про третьих героев, “при джобсе такого не было”, “разработчики хотят бабла”.
Это же просто нытье и попытки оправдать джейлбрейк. Андроид для вас, пожалуйста, настройте как хотите.
и отлично. скевоморфизм был убог до ужаса.
не знаю, я к плоскому дизайну привык быстро, и сейчас мне он скорее нравится чем нет.
Плоский дизайн какой то легкий, более современный, чем скевоморфизм, напоминающий бабушкины рюшечки накидки на телевизоре. Хотя ностальгия есть.
@anji70, да можно было и его сделать модным. Магазин Apple Store красивый, минималистичный и элегантный. Но он же объемный и настоящий. Там есть деревья, текстуры дерева. Сделать более элегантнее просто. Не этот ужасный аля «пергамент и папирус» как наши разработчики любили везде пихать.
Сделать стекло. Более чистый док. На ретина-экране такие детали кайф рассматривать.
Луче было бы сделать что-то среднее. Я ждал от iOS дизайн как в 2012-2013 на дрибббле. Полу-плоский. Для простоты понимания, типа Гугл Материал только покрасивее.
Ну или по крайней мере больше живого интерфейса. А то чёрт его поймет, кнопка это или что. Вгинается и расстягивается всё то что осталось от Форсталла. Списки и экраны на айпаде остались резиновыми. Новая анимация вся топорная и резкая.
Современный он потому, что он пришел после скева. Плоский тоже надоест. Просто все насмотрелись на пестроту.
А потом всех будет воротить от ядовитого цвета типа как у Инстраграмма. Придут тени, и изгибы, толщина. И так больше больше.
@dimsonclear, я тут скинул двум дизайнерам итерации одного интерфейса, над которым работаю в разном порядке: одному самый первый, потом после его комментариев второй и тд до последнего; а другом самый новый, и обратно. И оба мне говорили на каждой итерации «стало намного лучше»
Поэтому да, согласен, все дело в порядке, минимализм пришёл после реалистичных интерфейсов, поэтому нам и кажется, что он современнее.
В мире, где через человека за день проходит огромное количество информации пиктограммы должны быть простыми.
@AppleStyle, иначе мозг лопнет :-)
Оба Speedtest крутые.
иконки пэинтом вырезали?
Больше всего опечалил iBooks, поэтому перешел на i2Reader Cloud
@Роман Юрьев, по мне так внутри книги ничего не поменялось, а когда читаешь, в основном и видишь этот интерфейс. Мне нравится минимализм. Такое наследие Дитера Рамса облечённое в цифровую форму :-)
@i.band, В общем-то, я тоже за минимализм в UI операционной системы, но вот старый «ламповый» iBooks, когда вроде настоящую книгу читаешь, вот он мне больше нравился, чем новый минималистичный :).
@Роман Юрьев, да) помнб сколько было смешных коментов в АппСторе про айбукс) потом запретили постить и вовсе комменты убрали. «Мы знаем что ты оценили новый айБукс, поэтому зачем писать про это лишний раз»
@Роман Юрьев, в последней версии iBooks добавили полноценную синхронизацию по iCloud
На телефоне ещё куда ни шло. Я считаю, что начиная с пятёрки ios 7-9 лучше смотрятся, а вот на планшете у меня как стояла ios 6 так и стоит и менять не собираюсь ибо всё устраивает и смотрится уютнее)
Нашли орфографическую ошибку в новости?
Выделите ее мышью и нажмите Ctrl+Enter.Как отключить всплывающее меню скриншотов в macOS Mojave
Как просматривать две страницы в браузере одновременно на iPhone и iPad
Как исправить ошибку «Требуется подтверждение оплаты» при загрузке приложений из App Store
Батарея iPhone странно себя ведет. Что делать?
Как полностью отключить Touch Bar в MacBook
Что делать, если завис виджет приложения Музыка
Как снимать в формате RAW на iPhone?
Почему iTunes на Windows-компьютере не видит iPhone