ui

Когда разрабатываете дизайн, сперва сделайте его полностью текстом. Забудьте на время про фотографии, откройте редактор текста, напишите всё. Сперва можно использовать однострочный отсутуп между всеми элементами.

Потом добавьте другие отступы, подвигайте текст пробелами, сделайте иконки текстом (←→×).

После можно приступать к излишествам: заменить тектовые элементы на настоящие иконки, изменить размер шрифта, цвет текста, сам шрифт. Но и здесь не стоит заигрываться.

Простой текст
↓
Текст с отступами
↓
Красивые разные шрифты и иконки

Зачем это всё?

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

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

Получается, сперва собираем ёлку, а потом вешаем украшения.

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

@st8rmi: The new Office App

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

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

• Windows Terminal
• Мобильный Офис
• Темная тема Офиса

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

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

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

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

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

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

Memento

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

Procreate

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

PDF Viewer

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

WhatsApp

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

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

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