2 заметки с тегом

ui

Дизайн на рендерах и в жизни

В последнее время в твиттере с каждым новым рендером от микрософта в ленту валится тонна твитов с восхищениями. Вроде выглядит красиво: анимации, блеск, текстуры, стекло. Рисуется интерфейс, появляется стеклянный шарик, который катится и создает волны, иконки выпрыгивают, надуваются с красивыми тканевыми текстурами и лопаются, появляются глянцевые листы и наверху объемные элементы управления.

@st8rmi: The new Office App

Комментарии под твитом
Комментарии под твитом

Через два месяца выходит приложение, но выглядит как-то обыденно. Аутлук и Офис используют стандартные элементы iOS UI Kit и не отличаются от стандартной почты на айфоне.

Проблема как раз в красоте на видео. Дизайнеры случайно или специально забывают, что на экранах нет эффекта стекла, тканевых текстур и многослойности, а анимации из видео неудобны и медленны:

В итоге мы любим новые продукты микрософта за скевоморфизм, от которого долго пытались избавиться и убегали к плоскому дизайну.

Ненастоящее окружение дополняет нереалистичные эффекты, у нас не белые пустые комнаты и рабочие столы: комнаты всегда чем-то заставлены, а на рабочих столах куча файлов, беспорядок и фотография гор вместо нежно-голубого фона. У нас всегда забит календарь (Джейсон Фрид исключение), открыто много программ, вокруг много влияющих на восприятие вещей, в голове много мыслей. Все не так, как в воображаемом вакууме.

Хочешь сделать лучшее АйОС приложение? Делай как они

Если твое приложение в этом списке, то время праздновать! Если нет — читай статью и делай, как эти разработчики.

Лучшие приложения

В АйОС 11 Эппл наконец выпустили новую дизайн систему, которую они до этого тестировали в Эппл Музыке. Я говорю про новые стандарты дизайна приложений с большими заголовками. Очень много людей, которые хейтят такой дизайн, но мне он очень нравится. Это заслуга хорошей типографики — шрифт Сан Франциско крут.

Memento, PDF Viewer и WhatsApp
Memento, PDF Viewer и WhatsApp

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

Memento

Очень хороший пример. Это приложение напоминаний, которое работает вместе со стандартным Айфоновским, короторое до сих пор ужасно. Различные темы оформления, кастомизации интерфейсся и многое другое. Это приложение платное, но того стоит.

Procreate

Procreate — приложение для креаторов (уау). У них есть и карманная версия для Айфона и обе версии соответствуют дизайн гайдлайнам. Я не использую это приложение, но я видел скриншоты, видео и много хороший отзывов — просто подпишитесь на них в Твиттере

PDF Viewer

Очень хорошее приложение от команды ПСПДФКит. Использую почти каждый день, потому что в школе удобнее открывать ПДФки, вместо таскания учебников. Я нашел это приложение у Федерико Витичи в Твиттере. У него очень много функций, возможно, даже больше, чем во многих десктопных приложениях, и есть кастомные темы. Есть платная версия, но мне и бесплатной достаточно. Также поддерживаются вкладки.

WhatsApp

Я не люблю Вотсап, потому что есть Телеграм, но они поддерживают этот дизайн, поэтому я не могу не упомянуть их тут.

Также много других приложений, как Scriptable — пожалуйста, почини поисковое меню, — Jayson, Pretext и много других, которые я не использую, как Timery и MindNode.

Если вы можете предложить еще, то напишите мне в Телеграм или Твиттер