Вид, форма, цвет, размер.
Советы подбора иконок для интерфейса приложения
В 2022 году готовила этот пост для публикации в TenChat, думаю будет полезен для прочтения и сегодня.
Вид.
Иконки должны быть понятными для пользователя и помогать ему ориентироваться внутри интерфейса, поэтому их внешний вид должен быть простым и вызывать правильную ассоциацию.
В зависимости от общего дизайна приложения, можно выбрать из двух видов Outline (контур) или Filled (заливка), можно использовать сразу оба вида. Не выбирайте иконки с большим количеством элементов, поскольку их будет сложно воспринимать в навигационной роли.
Форма.
Выбирая форму иконок всегда обращайте внимание на шрифт, который вы будете использовать в дизайне приложения. Хорошее сочетание, когда иконки перекликаются с ним. Шрифт округлой формы и иконки округлые и мягкие. Шрифт с острыми углами и иконки так же должны это отражать.
Цвет.
Цвет иконок должен быть так же лаконичным и понятным, как и сами иконки. Не нужно перегружать их большим количеством эффектов и градиентов, не нужно забывать, что для пользователя это элемент навигации, который он должен быстро найти и подсознательно понять какое значение иконка несет в себе.
Добавляя эффекты вы делаете из иконки иллюстрацию. Иллюстрации в приложении тоже можно использовать, но скорее в рамках украшения (ui), а навигационные иконки про которые мы говорим для удобства ориентирования внутри мобильного приложения (ux).
Размер.
Для мобильных приложений есть свои гайдлайны: Material Design Guideline и Apple Human Interface Guidelines. Всегда нужно учитывать параметры сетки, обычно она кратна 8px, базовый размер иконки напрямую связан с этими условиями. Иконки навигации чаще всего имеют размер 24х24px, но так же могут быть размеры 16px, 32px и 48px.
❤️ — полезно
🔥 — знаком(а) с этими советами
Советы подбора иконок для интерфейса приложения
В 2022 году готовила этот пост для публикации в TenChat, думаю будет полезен для прочтения и сегодня.
Вид.
Иконки должны быть понятными для пользователя и помогать ему ориентироваться внутри интерфейса, поэтому их внешний вид должен быть простым и вызывать правильную ассоциацию.
В зависимости от общего дизайна приложения, можно выбрать из двух видов Outline (контур) или Filled (заливка), можно использовать сразу оба вида. Не выбирайте иконки с большим количеством элементов, поскольку их будет сложно воспринимать в навигационной роли.
Форма.
Выбирая форму иконок всегда обращайте внимание на шрифт, который вы будете использовать в дизайне приложения. Хорошее сочетание, когда иконки перекликаются с ним. Шрифт округлой формы и иконки округлые и мягкие. Шрифт с острыми углами и иконки так же должны это отражать.
Цвет.
Цвет иконок должен быть так же лаконичным и понятным, как и сами иконки. Не нужно перегружать их большим количеством эффектов и градиентов, не нужно забывать, что для пользователя это элемент навигации, который он должен быстро найти и подсознательно понять какое значение иконка несет в себе.
Добавляя эффекты вы делаете из иконки иллюстрацию. Иллюстрации в приложении тоже можно использовать, но скорее в рамках украшения (ui), а навигационные иконки про которые мы говорим для удобства ориентирования внутри мобильного приложения (ux).
Размер.
Для мобильных приложений есть свои гайдлайны: Material Design Guideline и Apple Human Interface Guidelines. Всегда нужно учитывать параметры сетки, обычно она кратна 8px, базовый размер иконки напрямую связан с этими условиями. Иконки навигации чаще всего имеют размер 24х24px, но так же могут быть размеры 16px, 32px и 48px.
❤️ — полезно
🔥 — знаком(а) с этими советами