10 наборов цветных иконок в стиле Material Design
Не так давно Google представила свою новую концепцию пользовательских интерфейсов под названием Material Design. Это настолько масштабная идея, что рассказать о ней в рамках одной статьи просто невозможно. Мы не будем пытаться объять необъятное, а попробуем рассмотреть ее с точки зрения очень важной ее составляющей — графических объектов, часто для краткости и по традиции называемых иконками.
В концепции Google Material Design они являются неотъемлемой и очень важной частью взаимодействия с пользователем, будь то веб-страница или десктопное приложение. Согласно этой концепции у пользователя должно быть интуитивное ощущение работы с реальными физическими объектами в рамках цифровой среды. При относительно небольших размерах они должны быть ясные и четкие, обладать гармоничной цветовой гаммой и соблюдать определенный баланс между количеством свободного пространства и мелких деталей. Кроме того, необходимо учитывать, что веб-изображения должны одинаково привлекательно смотреться на разных устройствах и операционных системах.
Сегодня мы рассмотрим некоторые, удачные на наш взгляд, попытки следовать концепции Material Design как раз в области создания таких элементов интерфейса как иконки.
Web Material Icons Designs
Это набор из шести иконок, в которых достаточно удачно выбран баланс между небольшим размером и мелкими деталями. Каждая иконка имеет броскую основную деталь, соответствующий ей цветовой фон и небольшое количество второстепенных деталей. При этом изображения выглядят достаточно объемными.
Иконки услуг веб-студии в стиле Flat
Весьма оригинальные и яркие иконки. Тщательно прорисованные детали в сочетании с броскими цветами и нестандартной формой несомненно привлекают внимание.
Material Design иконки для хостинг-провайдера
Набор иконок, ориентированных на использование, скорей, в административных страницах управления серверами и хостингом. Выполнены в схематическом стиле и мягкой цветовой гамме. Точно передают заложенный в них смысл и создают атмосферу практичности и деловитости.
Angular Material Design иконки
Это набор выглядит несколько темным и мрачным, но, тем не менее, весьма заметным и привлекательным. Автор воспользовался оригинальным решением, применив небольшое затемнение на противоположной части изображения отчего изображения приобрели объем.
Изометрические иконки в стиле Materials Design
В 3D графике свои правила и она не всегда выглядит просто. Однако автору удалось сохранить простоту и ясность в первую очередь благодаря удачному сочетанию оттенков серого с теплыми оранжевыми цветами.
Иконки-аватары в стиле Material Design
Впечатляющий набор аватаров — около 1000 штук (150 штук бесплатно)выдержанных в едином стиле. Представлены различные культуры, известные личности и т.д.
Inspired Materials of Master Set Icons
Автор вдохнул новую жизнь в традиционный «иконочный» стиль, используя различные цветовые решения и фиктивные тени, занимающие довольно большое пространство. Каждое изображение содержит оттенок игривости.
Material FaceBook от GIULIO Bart172
Автору удалось преобразить логотип Фейсбука, используя цвета, придающие свежесть и объем классической иконке.
Анимированные Google Maps и Street-View иконки
Улучшенные версии этих двух знаменитых иконок, широко используемые для анимации. Выполненные в шести разных цветовых гаммах они содержат характерные брендовые цвета и умело оттененные ключевые элементы.
Адаптивные иконки в Material Design палитре
Позитивные иконки, обладающие определенной харизмой. Продуманная, без излишеств, графика с приятной цветовой палитрой.
