Перейти к содержанию
  • the.bunin
    the.bunin

    Лайфхаки в дизайне приложений

    На что же обратить внимание при разработке дизайна мобильного приложения? Все очень просто. Есть 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. В этих китах содержатся все основные элементы систем, а так же спецификации шрифтов и цвета.

    Конечно же есть и ещё много нюансов, о которых мы обязательно расскажем в следующих статьях.

    Если вам понравилась статья, ставьте лайки, делитесь в соц.сетях и пишите свои комментарии 😉

    Спасибо за внимание!

    Обратная связь

    Рекомендуемые комментарии

    Очень полезная статья, не общие слова, а четкие рекомендации! За названия шрифтов под ОС отдельное спасибо

    Ссылка на комментарий
    Поделиться на другие сайты



    Присоединяйтесь к обсуждению

    Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
    Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

    Гость
    Добавить комментарий...

    ×   Вставлено с форматированием.   Восстановить форматирование

      Разрешено использовать не более 75 эмодзи.

    ×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

    ×   Ваш предыдущий контент был восстановлен.   Очистить редактор

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


×
×
  • Создать...