Как оформить иконку приложения и его скриншоты в сторе

Фёдор Миронов, дизайнер интерфейсов студии CleverPumpkin, написал статью о дизайне иконки приложения и его скриншотов в App Store и Google Play

В первой части автор объяснил, почему иконка — это не всегда логотип. Он рассказал обо всех нюансах её проектирования и исследованиях, которые помогают проверить, хорошо ли она работает

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

🙂 awdee.ru/how-to-design-the-application-icon-and-screenshots-of-the-application-in-the-store

#awd_article #awd_ui #awd_mobile

Как избежать типичных ошибок в дизайне кнопок

Перевод статьи Адхама Даннавея, в которой он сначала разбирает 9 распространённых ошибок при проектировании кнопок, а затем показывает пример группы кнопок, которые отвечают требованиям доступности и удобства использования. В заключение автор даёт 6 советов, которые помогут создать правильную визуальную иерархию кнопок, сделать их контрастными, удобными для попадания по ним и расположить их на достаточном расстоянии друг от друга

🙂 awdee.ru/button-design-tips-to-avoid-common-mistakes

#awd_article #awd_ui

Термин: «Понимание задачи»

Сегодня в рубрике «Термины дизайна» мы расскажем о подходе, необходимом специалистам в любой сфере, — «Понимание задачи»

В статье мы собрали материалы, которые помогут получить ответ на главный вопрос: «Как убедиться в том, что исполнитель и заказчик одинаково понимают суть поставленной задачи и то, каким должен быть результат?»

🙂 awdee.ru/term-understanding-the-task

#awd_article #awd_edu #awd_terms

Шпаргалка по доступным областям нажатия

Перевод статьи Виталия Фридмана о размерах интерактивных элементов в мобильных интерфейсах

В статье автор рассказал:
— Об общепринятых рекомендациях в отношении областей нажатия. Они должны быть не менее 44×44 px, а в случаях кликабельных элементов в тексте — не менее 27×27 px

— О том, что кликабельные элементы по краям экрана должны быть больше по размеру, чем элементы, расположенные в центре

— О случаях, когда в нижней навигации количество пунктов меню превышает 5. Здесь стоит создать нижний оверлей, который будет скользить вверх/вниз вдоль основного экрана, а не стараться втиснуть все пункты в нижнюю панель навигации

— Об альтернативе всплывающим при наведении иконкам в строке сложных таблиц в виде кнопки «Действия» («Actions»)

— О помощнике, который необходим пользователю для выполнения сложных действий в интерфейсе

— О случаях, когда покупатель хочет выбрать цвет в интернет-магазине, а колорпикер слишком маленький. Тогда уместно добавить дополнительное касание, которое увеличит колорпикер, чтобы человек точно попал по цвету, который ему нравится

— О том, что всегда следует делать всю ширину или высоту элемента кликабельной, а также добавлять в область нажатия достаточные по размеру внутренние отступы

Эти практические приёмы помогут дизайнерам интерфейсов избежать «кликов ярости» со стороны пользователей

🙂️️️️ awdee.ru/accessible-target-sizes-cheatsheet

#awd_article #awd_ui

Краткая история композиции

Перевод главы из онлайн-книги «Programming Design Systems» об истории появления и развития композиции в дизайне

Из неё вы узнаете, как и почему появились принципы той вёрстки, которые дизайнеры используют сейчас, и чем они обусловлены

Краткое содержание статьи:
— Как христиане оформляли ранние старинные рукописи
— Как писцы использовали сетки в Средние века
— Каким образом появление первых печатных станков повлияло на развитие сеток
— Какие эксперименты с сеткой ставили итальянские футуристы
— Какие подходы к композиции применяли Сол Басс и Пол Рэнд в рекламных продуктах
— Какое влияние швейцарские дизайнеры оказали на развитие системы сеток
— Как с позиции вёрстки эволюционировал сайт газеты The New York Times

Эта история поможет разобраться в том, как дизайнеры на протяжении веков использовали приёмы композиции для создания гармоничных дизайн-проектов в печати и в Интернете

🙂 awdee.ru/a-short-history-of-geometric-composition-2

#awd_article #awd_retro