На что же обратить внимание при разработке дизайна мобильного приложения? Все очень просто. Есть 5 основных моментов, на которые стоит сделать акцент:
- Светлый фон
- Сетка
- Нативный шрифт
- Размер шрифта
- UI kits
Светлый фон
Если провести анализ топовых приложений, то в тех, которые используют светлую цветовую схему, чаще используется белый, либо светло-голубой/серый цвет.
Светлый фон в любом случае воспринимается как чистый, он не отвлекает внимание пользователя от функционала. Необходимо избегать светло-зеленого/желтого цвета, чтобы ваш дизайн не выглядел как обои.
Сетка в 4/8px
Если использовать сетку и выставлять все элементы по левому и нижнему краю, то можно сделать довольно не плохой структурированный дизайн. Для приложений на Android идеально подходит сетка в 8px, а для приложений на iOS — 4px.
Нативный шрифт
У всех операционных систем есть свои нативные шрифты. На Android — это Roboto, а на iOS — это New York и San Francisco. Если вы только начинаете работать с дизайном мобильных приложений, то, использовав эти шрифты, вы сможете добиться хорошей типографики.
В скором времени мы так же опубликуем статью по типографике, в которой расскажем о рекомендациях по использованию межбуквенного и межстрочного расстояния.
Размер основного текста
Читабельный текст — это основное и обязательно правило. Не нужно делать шрифты слишком мелкими и наоборот, слишком крупными. Используйте рекомендуемые размеры шрифтов для основного текста — 15-17pt.
11-13pt отлично подойдет для использования в подписях.
UI киты
На официальных сайтах систем, а также на нашем сайте в файловом архиве, вы сможете найти UI киты для Material и iOS 13,14. В этих китах содержатся все основные элементы систем, а так же спецификации шрифтов и цвета.
Конечно же есть и ещё много нюансов, о которых мы обязательно расскажем в следующих статьях.
Если вам понравилась статья, ставьте лайки, делитесь в соц.сетях и пишите свои комментарии
Спасибо за внимание!
Рекомендуемые комментарии
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.