Основное отличие плоских и объёмных значков в веб-дизайне заключается в способе создания изображений. 12
Плоские значки (flat design) — двухмерные, находятся в одной плоскости. 5 Для них характерны:
- Простые и узнаваемые очертания предметов. 5 Чтобы иконки были понятны пользователю, их стараются максимально упростить: убрать всё лишнее и оставить только характерную форму, по которой объект можно идентифицировать. 5
- Насыщенные цветовые контрасты. 5 Если нет текстур и теней, цвет становится единственным средством, позволяющим визуально отделить один объект от другого. 5
- Акцент на типографике. 5 Когда изображения плоские и лаконичные, текст выходит на первый план. 5
- Удобство для гаджетов. 5 Плоский дизайн одинаково хорошо читается и в крупном, и в мелком масштабе. 5
- Быстрая загрузка страниц. 5 Плоские векторные объекты весят мало, это ускоряет работу сайтов и приложений. 5
Объёмные значки (например, в стиле Material Design) создают иллюзию объёмности и глубины путём добавления теней, градиентов и других эффектов. 1 Такие иконки обычно имеют более сложный дизайн и могут быть более реалистичными. 2
Однако использование большого количества объёмных иконок может замедлять загрузку страницы и увеличивать объём используемой памяти. 2