Иконки flat: Иконки «Flat» — скачай бесплатно PNG и вектор

Pictos — это иконочный шрифт, который действительно популяризировал эту идею.В дополнение к наборам они также предлагают Pictos Server, службу, которая позволяет вам создавать свой собственный набор шрифтов из своей библиотеки значков и размещать / обслуживать его для вас. Это позволяет использовать очень маленькие (быстро загружаемые) файлы шрифтов и удобный интерфейс для обновления ваших текущих наборов.

Набор символов

Symbolset уникален тем, что превращает слова в значки. Напишите слово «сердце» и получите. Это работает через OpenType, типографскую функцию современных браузеров.

Современные пиктограммы

v1 распространяется бесплатно на Font Squirrel.v2 оплачивается вместе с полным набором по цене 25 долларов США или отдельными иконками по цене от 0,50 доллара США.

Пиктонический

Pictonic также предлагает услугу размещения значков и уникальную цену (0,59 доллара США за значок).

StateFace

StateFace имеет все 50 штатов США в виде значка шрифта. Когда они вам нужны, они нужны вам.

Геобатс

GeoBats — это иконка с изображением стран мира.GeoBats находится на DaFont.com, и стоит выполнить поиск по «иконке» там, чтобы увидеть другие бесплатные вещи, которые у них есть.

iconSweets 2

Также имеет бесплатную предшественницу.

Эрлер Дингбатс

Значительное улучшение стандартных дингбатов.

Типограмма

CleanIcons

Метеоконы

По погоде!

Ecqlipse 2

Под ними есть маленькие тени (не совсем «плоские»).Очень маленький предшественник.

Heydings Icons

IcoMoon

IcoMoon — это набор иконок с открытым исходным кодом. Но что еще более важно, IcoMoon — это веб-приложение для настройки и загрузки оптимизированных шрифтов значков. Вы выбираете только те значки, которые хотите, и загружаете этот свернутый набор. Вы можете легко добавить шрифт из разных наборов или добавить значки из файлов SVG с помощью простого перетаскивания.

Культовый

Gedy Rivera Social

Фонд Иконки

Может использоваться с Zurb Foundation или без нее.

Фико

Моноширинный.

Веб-символы

НаписатьСоциальный

В частности, только иконки социальных сетей.Они заявляют о «миллиардах», что явно не так.

Entypo

ClickBits

Набор разных шрифтов в зависимости от типа (например, стрелки, значки, круги и т. Д.)

Шрифт Awesome

Разработан для использования с Twitter Bootstrap. Другими словами, это переработанная версия бесплатной версии Glyphish, с которой она поставляется.

Социальные сети JustVector

Только социальные сети.

PulsarJS

Flexi Social

Только социальные сети.

Рафаэль

Соса

Бесплатно, но они принимают пожертвования на главной странице.

Пиконовый

Стоимость только иконок в виде графики отличается, но шрифты разбиты на 8 наборов.Кажется занозой в заднице покупать именно те наборы, которые вам нужны, поскольку они просто нарезаны до четных чисел. Если вам нравится набор, вам, вероятно, лучше купить один из наборов.

Dot Com

Лучше всего получить его от DaFont, а затем запустить через Font Squirrel.

Стидиконы

Также есть Vol. 1 (312 нарисованных от руки иконок) и Vol. 2 (60 миниатюрных произведений искусства), которые являются не шрифтами, а плоскими иконками.

Типиконы

Пожертвования помогают продолжать работу.

Только плоские иконки

Следующие значки не входят в набор @ font-face, а представляют собой плоские векторные значки. Вы можете легко включить их в другие наборы с помощью таких инструментов, как IcoMoon.

Набор веб-иконок

У них есть пара небольших наборов, или вы можете стать участником, чтобы получить доступ ко всем из них по цене, меньшей, чем стоимость двух наборов.

Рондо

Социальный значок шрифта.

Геомиконы

Поставляется в двух наборах: один состоит из твердых фигур, а другой — из штрихов.

Пиконс

Наборы разных размеров и стилей по разной цене, в том числе и неплоские.

Символы

Номер	~ 500
Стоимость	5–43 долл. США

Один большой набор с парой маленьких дополнительных упаковок.

Биксель

Сбор средств, похоже, закончился, но значки все еще продаются. Я считаю, что это только PNG, а не вектор, и я также не уверен, автоматически ли вы получите 40 дополнительных значков пакетов.

Вкладки

Бесплатные обновления.

Пиксели

Также имеет набор без шрифтов с большим количеством значков, чем входит в набор шрифтов.

Gentleface

Бесплатно, если используется для личных или общественных сайтов.

Глифиш

Набор из 200 штук одного размера бесплатно или набор из 400 штук двух размеров за 25 долларов.

Глификоны

Бесплатно для личных и общественных сайтов или платите за бесплатные и другие форматы.

Проект существительного

The Noun Project, вероятно, самая большая коллекция икон. Это не совсем набор, а, скорее, огромный архив символов. Вы можете скачать их по одному бесплатно, если вы согласны указать автора, или купите символ, чтобы получить его бесплатно. Вам придется объединить их все вместе, чтобы использовать их в качестве шрифта.Вы можете представить свои собственные.

iconmonstr

Подобно The Noun Project, iconmonstr представляет собой архив значков, в котором вы можете искать и загружать по одному при необходимости.

Партия

Поставляется с PSD, SVG и PNG

Gcons

Открытый исходный код

Пиксельный

Редактировать iPhone UI

189 $ дает вам векторный PSD.

Простота

Picas

Доступна пара бесплатных пакетов предварительного просмотра.

Гельветиконы

Эко Ико

Мэтью Скилз.

Бранкич1979 Иконки

Кутиконы

Автор Vaibhav.

Роуминг Дизайн

Только для личного пользования.

Значок Eden Glyph

Аналогичный набор в виде штрихов вместо сплошных фигур.

UIcons

@ font-face «скоро» и, вероятно, будет небольшим набором оригиналов.

Джигсоар

Бесплатно с указанием авторства.

Cosmo Basic

Webalys

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

Дизайн Kindle Glyphs

Перекошенные значки

Карбон

Брокколидрия

Шарлотта Свифт. Кажется, что он удален из Интернета, но живет в некоторых наборах значков.

Значок Minia

Автор: Эгемен Капусуз.

Силкконс

Автор Vaibhav.

105 петель

Автор: Пранав.

WPZOOM Разработчик

Перо

Fontelico

Открытый исходный код и краудсорсинг («мы будем создавать 1 иконку за каждые 50 долларов»). Часть проекта Fontello.

Picto Foundry Icons

Метриконы

На основе Windows 8.

Pixicon

Иконки Mobile Pro

Стилистика

Pixiconz

Рисованные значки

PictoPro

Каждый набор (контурный или сплошной) стоит 15 долларов или оба по 25 долларов.

Минииконы

Другая информация

• Убедитесь, что вы используете их с правильной семантической / доступной разметкой.
• Несколько причин, по которым иконочные шрифты прекрасны.
• IcoMoon — фантастическое приложение для настройки, сопоставления и создания собственного шрифта значков с использованием всего, что вам нужно.
• Fontello использует несколько бесплатных наборов значков шрифтов и позволяет вам выбирать символы и применять сопоставления по своему вкусу. Подобно IcoMoon — проще, но меньше возможностей.
• Иероглиф — Создать значок шрифта из каталога векторных файлов (SVG)
• Glyphs — редактор шрифтов для всех.

53 Великолепные наборы иконок с плоским дизайном

По мнению его противников, плоский дизайн — это просто тенденция, о которой следует забыть, в то время как другие заявляют, что это эволюционный шаг в дизайне.

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

Есть ли какие-нибудь наборы иконок с плоским дизайном, которые вы бы порекомендовали? Или вы создали свой собственный, которым хотели бы поделиться? Дайте нам знать в комментариях ниже.

Изображение: FlatIcons.co

FlatIcons. co предлагает великолепно оформленные плоские значки, доступные в форматах PSD, SVG, EPS и CSH, а также в четырех различных размерах. Поскольку это векторные иконки, они позволяют безупречно масштабировать до любого размера, сохраняя при этом их четкость.

Linecons — замечательный бесплатный набор иконок, который содержит 48 полностью масштабируемых векторных иконок со стилями контура. Каждый значок доступен в форматах HTML, CSS, PDF, AI, PSD, PNG и SVG.

FlatIcons.net — это бесплатный конструктор плоских иконок, позволяющий создавать собственные бесплатные плоские иконки, которые вы можете продавать, отдавать или использовать самостоятельно.Чтобы начать, просто выберите значок из 2500 доступных, щелкните его и настройте.

Здесь вы найдете хорошо разработанный пакет из 48 бесплатных плоских иконок, доступных в формате PSD. Это полностью масштабируемые векторные иконки, поэтому их размер можно изменять в соответствии с любыми требованиями. Они идеально подходят для веб-дизайна, приложений или инфографики.

Изображение: IconShock

Это гигантский набор из более чем 3600 иконок в стиле плоского дизайна, который можно использовать как в личных, так и в коммерческих проектах.Созданный в мягком, но ярком стиле и доступный в трех форматах, здесь есть значок, который удовлетворит любые требования.

Pixeden предлагает плоский набор иконок, вдохновленный плоским дизайном, созданный в стиле минимализма с характерными деталями. Каждый значок предоставляется в векторном формате PSD.

Также бесплатно доступны следующие наборы: второй, третий и четвертый.

Созданные командой разработчиков Applove, эти бесплатные значки программ красиво созданы и спроектированы с исключительным вниманием к деталям.На сайте есть значки для таких программ, как Adobe Photoshop, iTunes, Chrome и Firefox, среди прочих.

Meteocons — это бесплатный набор иконок погоды, содержащий более 40 иконок, доступных в форматах PSD, CSH, EPS, SVG, Desktop Font и Web Font. Их можно использовать как в личных, так и в коммерческих проектах, а шрифт Meteocons Font предоставляется в форматах Truetype и OpenType в комплекте с набором @ font-face.

Изображение: Плоские иконки PSD

Это набор из 20 красочных плоских иконок в векторном формате PSD, доступный в размере 128 x 128 пикселей и вдохновленный иконками Google.Они представляют собой векторные слои полной формы, поэтому их можно легко редактировать и бесплатно как для личного, так и для коммерческого использования.

Flatties от UI Parade — это супер классный набор из 100 бесплатных плоских иконок. Весь набор создается из векторных фигур с разрешением 48 x 48 пикселей и поставляется в организованных форматах PSD, AI и отдельных PNG.

Вот еще один прекрасный набор простых и тонких плоских иконок от Pixeden, доступных в форматах PSD, EPS, AI и PNG. Также бесплатно доступны следующие наборы: два, три, четыре и пять.

Эти великолепные иконки социальных сетей от Design Bolts созданы в стиле длинной тени и бесплатны как для личных, так и для коммерческих проектов. Они доступны в размерах 32, 48, 72, 128 и 256 пикселей.

Этот пакет плоских значков от дизайнера Яна Дворжака включает 24 плоских значка, доступных для бесплатной загрузки в формате PSD, каждая из которых полностью многослойна для легкой настройки.

Это набор плоских иконок от дизайнера Сееви Каргвал, великолепно созданных в уникальном индивидуальном стиле.Шесть значков включают значки Safari, Instagram и чата, доступные в виде бесплатного PSD.

Изображение: Flat Icons — Pierre Borodin

Набор плоских значков от дизайнера Пьера Бородена, вы найдете символы интерфейса, такие как часы, календарь, заметки и электронная почта. Также доступен еще один набор плоских иконок от Бородина, доступный в виде бесплатного PSD.

Майкл Долейш разработал набор бесплатных красочных плоских значков с хорошо известными значками приложений, такими как Chrome, Spotify, Skype, Evernote и другими.Он доступен в формате PSD.

Это бесплатная коллекция из 35 красивых иконок в форматах PNG и PSD, которые можно использовать как в личных, так и в коммерческих проектах. Значки включают Dribbble, Facebook, Google, HTML5, Twitter и другие.

Это набор из 16 плоских иконок от Pixeden, доступных в виде бесплатного PSD. Каждый значок имеет эффект длинной тени, и PSD легко редактируется. В набор входят основные значки социальных сетей, включая Twitter, Behance, LinkedIn, Dribbble и другие.

Изображение: Flat UI

Бесплатный плоский UI-комплект от Designmodo включает набор плоских значков для основных элементов интерфейса, включая календарь, чат, покупки, часы и список задач.

Этот огромный набор, вдохновленный плоским стилем Windows 8, включает более 725 значков, а также значки для приложений, браузеров и операционных систем. Все значки также доступны в 256-пиксельном формате .ico.

Симпатичный красочный набор плоских иконок от дизайнера Buatoom, доступный в форматах EPS и PSD.Значки включают календарь, карты, камеру, окна браузера, электронную почту, заметки и многое другое.

Изображение: Альберто Валентин

Эти великолепные маленькие иконки от дизайнера Альберто Валентина доступны в формате PSD. Они идеально соответствуют плоскому стилю, с большим использованием ярких цветов и, среди прочего, включают чат, iMac и значки часов.

Это отличный набор бесплатных минималистичных социальных иконок от дизайнера Хорхе Кальво, готовый к использованию в печатных и веб-проектах.Они имеют формат EPS, полностью масштабируемы, а их дизайн основан на сетке для достижения максимальной точности. Также доступна веб-версия в HTML с анимацией CSS3.

Эти 12 бесплатных плоских иконок в формате PSD от дизайнера Дэна Виньярда можно использовать как в личной, так и в коммерческой работе. В набор входят значки профиля, масштабирование, корзина, значки чата, значки папок и многое другое.

Александр Шульц разработал этот прекрасный набор иконок программ, доступных в формате PSD, с иконками для многих основных приложений, включая Adobe Photoshop, Illustrator и Dreamweaver, среди других.

Созданный Джошуа Сортино, Publicons — это постоянно растущая коллекция точно настроенных значков для публикаций и платформ в стиле плоского дизайна. Работая над проектами издателей, Джошуа устал воссоздавать значки для платформ, которые обычно не входят в наборы значков.

Это отличная бесплатная услуга от Premium Pixels, которая состоит из набора плоских векторных значков файлов. Они очень просты и могут использоваться вместе с любым видом значков или надписей. Цвета также легко редактируются.

Изображение: Flat UI Kit PSD — Martin Knize

Это обширный бесплатный пакет значков в плоском стиле от дизайнера Мартина Книза, который включает более 150 значков в формате PSD. Knize также сделал два других дополнительных пакета, которые доступны для загрузки.

Plex — это набор значков в плоском стиле только для личного использования, включающий более 119 значков в формате PNG, от Chrome, Firefox, калькулятора и HTML до VLC, YouTube и Twitter. Также доступен Square Plex, вариант этого набора.

Cosmo Mini Icons — это бесплатная версия популярных иконок Cosmo, предоставляемых IcoJam, и включает впечатляющие 1262 иконки в идеальном формате PNG 40 x 40 пикселей.

Это превосходный набор великолепно оформленных плоских значков в формате PSD от Стафи Анатолия из Epic Coders. Значки включают Google Chrome, Gmail, YouTube, Apple и другие.

Набор иконок в градациях серого от дизайнера Барри МакКэлви в плоском стиле с календарем, часами, камерой, калькулятором и т. Д.

Вот еще один красивый набор плоских иконок от дизайнера Зееви Каргвала, который можно бесплатно скачать в формате PSD. В комплекте калькулятор, календарь, заметки, фотоаппарат и прочее.

Это еще один плоский набор иконок от дизайнера Стафи Анатолии, на котором изображены логотипы и символы самых популярных социальных сетей, таких как Dribbble, Facebook, YouTube и другие.

Изображение: Dribbble, Thiago Marques

Первоначально созданные для клиентского проекта, но впоследствии ненужные, эти значки социальных сетей от дизайнера Тьяго Маркеса включают в себя несколько значков социальных сетей и популярные кредитные карты.

Это набор тонко созданных иконок в плоском стиле от студии Visual Creative в большом формате PSD с разрешением 512 пикселей. Значки включают календарь, кнопку мультимедиа, словарь и сумку для покупок.

Eldorado Mini — это бесплатная версия значков Eldorado от IcoJams, включающая более 1262 PNG 40 x 40 пикселей. Эти значки доступны для использования как в личных, так и в коммерческих проектах.

Вот подборка из пяти плоских значков кредитных карт от дизайнера Яна Силбера, использующих шрифт Open Sans для единообразия.В набор входят несколько основных поставщиков кредитных карт, включая AMEX, Visa и Mastercard.

Это набор из 24 высококачественных иконок для социальных сетей, предназначенных для работы с сетчаткой, которые имеют круглую форму и яркий внешний вид и сочетают в себе два цвета. Они доступны в формате PNG в четырех различных размерах: 256 x 256 пикселей, 128 x 128 пикселей, 64 x 64 пикселя и 32 x 32 пикселя.

Набор из 30 плоских иконок социальных сетей в векторном формате, доступных для бесплатной загрузки в формате PSD. Значки включают популярные платформы, такие как WordPress, Twitter, Skype, Evernote, Dropbox и другие.

Изображение: Design Deck

Эти значки Design Deck можно загрузить как бесплатный набор из 20 или как премиальный набор, который в общей сложности включает более 800 значков. Все значки названы и сгруппированы вместе в файле PSD, который включает размеры от 32 x 32 пикселей до 512 x 512 пикселей.

Это набор из 20 простых и понятных плоских иконок социальных сетей от Graphics Fuel для ваших нужд в социальных сетях. Иконки создаются в размере 114 × 114 пикселей, их размер можно легко изменить и использовать для мобильных устройств или для Интернета.PSD-файл, созданный с использованием слоев полной формы, можно легко редактировать.

Этот бесплатный пакет значков от Натана Брауна содержит 25 векторных значков в плоском стиле в одном файле PSD. Пакет имеет уникальный стиль и содержит значки для Vimeo, календаря, Facebook, Campfire, электронной почты и многого другого.

Это набор из девяти плоских иконок от дизайнера Майка Кларка, который доступен для бесплатной загрузки в формате PSD. Значки включают папку, электронную почту, чат, загрузку, блокнот и многое другое.

Пользователь Dribbble OthMane Machrouh разработал этот набор из шести плоских значков, которые можно загрузить в формате PSD или.Формат эскиза. Махру также разработал еще один набор плоских иконок, которые доступны бесплатно.

Изображение: Dribbble

Это набор из 15 плоских пользовательских значков Adobe Creative Suite от дизайнера Тома Ньютона. Они доступны в формате .icns, и Newton даже ссылается на видео, чтобы показать вам, как изменить значки приложений на этот новый плоский стиль.

Этот пакет из 50 плоских иконок от дизайнера Мартина Книзе имеет несколько размеров, от 48 x 48 пикселей до 512 x 512 пикселей, и доступен в формате PNG.Надстройка пакета плоских значков от Knize содержит еще 45 новых значков, и его определенно стоит загрузить.

Это набор из 32 плоских значков от дизайнера Аллана МакЭвоя, доступных в формате .eps, что делает каждый значок легко масштабируемым и редактируемым. В набор входят многие популярные платформы, включая Dribbble, Paypal, Flickr, Dropbox, Twitter и другие.

Dribbble

От дизайнера Джареда Кеннеди, это подборка из 12 векторных иконок, доступных для бесплатной загрузки в формате PSD.Иконки выполнены в ретро-стиле и включают видеопроигрыватель, камеру поляроид и пленку, а также более традиционные значки, такие как iPhone и чат.

Набор значков от дизайнера Вахида Анггара, этот набор включает 15 красиво оформленных значков социальных сетей в форме многоугольника, а также Twitter, Facebook, YouTube, Tumblr и другие популярные варианты.

Это огромный набор значков от дизайнера Мартина Книза, содержащий более 170 значков в дополнение к 45 игровым значкам. Большое внимание уделяется деталям, каждый значок имеет форму шестиугольника.Вы можете запросить добавление дополнительных значков в будущие пакеты.

Это пакет из 20 красочных плоских иконок в векторном PSD-файле от дизайнера Джагджита Сингха. Иконки имеют размер 128 x 128 пикселей, вдохновленные иконками Google и трендом плоского дизайна. Это полностью редактируемые векторы.

Изображение: Никки Хэмпсон

Этот набор из девяти бесплатных плоских иконок от дизайнера Никки Хэмпсон бесплатен как для личного, так и для коммерческого использования. Каждый из них был красиво оформлен, а в набор входят значки для RSS, избранного, диаграмм и многого другого.

Изображение свинца: Monkee-Boy.com, Никки Хэмпсон

плоский дизайн. История, преимущества и практика

Известный художник Эдгар Дега однажды сказал: «Искусство — это не то, что вы видите, а то, что вы заставляете видеть других». С точки зрения графического дизайна, который также можно определить как искусство, решающее конкретную задачу, этот поток идет еще дальше: то, что вы заставляете других видеть, часто говорит им, что делать, на что обращать внимание и помогает решить некоторые проблемы. Графический дизайн способен изменить настроение и послание посредством малейших изменений форм и оттенков, букв и интервалов. Тенденции в этой сфере, которая стала неотъемлемой частью повседневной жизни, представляют собой важный объект рассмотрения, поскольку они влияют на принятие решений и потенциал решения проблем современных продуктов, а также формируют вкусы пользователей. Сегодня мы сосредоточим внимание на одном из самых популярных направлений современного графического дизайна — плоском дизайне.

Определение плоской конструкции

Сегодня термин «плоский дизайн» применяется к графике для множества целей и задач, которые имеют общие стилистические особенности.Плоский дизайн — это направление, которое нашло свое широкое и разнообразное выражение в цифровом искусстве и известно минималистичным и лаконичным использованием средств визуальной выразительности. В настоящее время этот термин широко используется как противоположность «богатому дизайну» из-за гармонической простоты, взятой за основу этого дизайнерского подхода. Самая заметная особенность, которая фактически вдохновила название этого направления, — применение плоских двухмерных визуальных деталей в противоположность очень реалистичным и детализированным скевоморфным изображениям. Плоский дизайн активно развивался последние пару лет, охватывая все больше и больше областей графического дизайна, все еще находя самое широкое и разнообразное применение в сфере цифрового дизайна для веб-интерфейсов и мобильных интерфейсов.Этот подход к дизайну считается стилем, благоприятным для повышения удобства использования и визуальной гармонии пользовательских интерфейсов.

Истоки плоского дизайна

Очевидно, что плоский дизайн возник не на пустом месте. Его корни обычно уходят корнями в швейцарский стиль, прямым предком которого историки дизайна считают. Швейцарский стиль, также известный как международный типографский стиль или, короче, международный стиль, — это направление, которое появилось и подверглось критике в 1920-х годах, а затем получило яркое выражение в графическом дизайне в Швейцарии 1940-50-х годов, став прочной основой графический дизайн середины 20 века по всему миру. Лидерами этого творческого движения были Йозеф Мюллер-Брокманн, представитель Цюрихской школы искусств и ремесел, и Армин Хофманн из Базельской школы дизайна. Согласно порталу Design Is History, краткое описание ключевых особенностей этого стиля таково: «… стиль благоприятствовал простоте, удобочитаемости и объективности. Среди множества достижений, внесенных двумя школами, было использование шрифтов без засечек, сеток и асимметричных макетов. Также подчеркивалось сочетание типографики и фотографии как средства визуальной коммуникации.Основные влиятельные работы были разработаны как плакаты, которые рассматривались как наиболее эффективное средство коммуникации ».

Josep Müller-Brockmann, Афиша автоклуба Швейцарии, 1955

Йозеф Мюллер-Брокманн, плакат ратуши Цюриха, 1955

Армин Хоффман, 1959 г. Постер к балету «Жизель»

Постеры, представленные здесь в качестве примеров, показывают, что поклонникам этого стиля нравились простые формы, жирные и строгие шрифты с высокой степенью читаемости, гармоничные и геометрические комбинации деталей, плоские иллюстрации и четкая визуальная иерархия. Он быстро становился все более популярным в разных странах мира и получил новую жизнь в искусстве начала 21 века.

Хотя этот стиль получил множество выражений в сфере визуального дизайна для печати, таких как плакаты, марки, открытки, обложки книг, журналы и т. Д., С эпохой цифрового дизайна он значительно расширил свои горизонты, особенно в области дизайн пользовательских интерфейсов. Веб-сайты и мобильные приложения, находящиеся в процессе динамичного развития творческого поиска, открыли удивительные и плодотворные перспективы для этого минималистичного и функционального подхода к дизайнерским решениям.Этот стиль получил название «плоский дизайн», который сразу же стал популярным и положил начало новому направлению в графическом дизайне, смелому скевоморфизму и «богатому дизайну» и поддержанному новыми проблемами, открытыми областью дизайна взаимодействия.

Первый шаг к повышению популярности плоского пользовательского интерфейса в цифровых продуктах был сделан Microsoft, представив новый плоский и минималистский стиль своих продуктов: это движение началось в начале 2000-х годов и было широко распространено в продуктах 2010 года, в частности, в дизайне мобильных интерфейсов. для Windows Phone 7.Основные особенности плоского дизайна, такие как интуитивно понятные простые формы, жирная четкая типографика, яркие контрастные цвета, длинные тени, отсутствие сложных деталей и текстур, нашли свое дальнейшее развитие в 2013 году, когда Apple выпустила iOS 7, основанную на принципах плоской графики как основа для удобных интуитивно понятных интерфейсов. Можно также сказать, что некоторые ключевые принципы плоского дизайна нашли свое выражение в Материальном дизайне для Google, но с некоторыми отклонениями, такими как тени и т. Д.

Основные и характерные особенности плоской конструкции включают:

• простота форм и элементов
• минимализм
• функциональность
• жирная и хорошо читаемая типографика
• четкая и строгая визуальная иерархия
• внимание к деталям
• продуманное сочетание ярких цветов и контраста, обеспечивающее быстрое зрительное восприятие
• избегая текстур, градиентов и сложных форм
• , применяя принципы сеток, геометрического подхода и визуального баланса.

Преимущества плоской конструкции

Плоский дизайн имеет ряд преимуществ, определяющих его популярность и разнообразие в цифровом дизайне, которые также повлияли на тенденции современного полиграфического дизайна. Среди наиболее значимых из них отметим:

• читаемость и разборчивость
• четкая визуальная иерархия с помощью форм, цветов и шрифтов
• эффективная поддержка быстрой и интуитивно понятной навигации в веб и мобильных интерфейсах
• простая регулировка с точки зрения адаптивного и адаптивного дизайна
• эффективная разборчивость на разных экранах
• проще для разработчиков и обычно представляет меньшую нагрузку для цифровой системы.

При всем вышесказанном плоский дизайн дает широкое поле для творческого поиска и стилистических концепций.

Актуальные практики: области применения графического плоского дизайна

Разнообразие направлений дизайна, доступных и развивающихся в наши дни, использует плоский дизайн как гибкий и художественный подход, который в большей или меньшей степени успешно завоевывает свое место во всех из них. Давайте рассмотрим сферы применения его принципов на нескольких примерах от дизайнеров Tubik Studio.

Каркас взаимодействия с пользователем

Уже на начальном этапе проектирования генплана, логики и переходов принципы плоского дизайна получают шансы на их базовое обслуживание. Инструменты и программное обеспечение цифрового дизайна, используемые на этом решающем этапе, позволяют дизайнерам представить клиентам и команде унифицированную, просто выполненную схему всех экранов приложения или веб-страниц, и даже эта базовая производительность уже имеет ключевые черты визуализации, типичные для плоского дизайна. На этом этапе он идеально подходит для быстрого и эффективного восприятия дизайнерских решений, основанных на навигации и ключевых элементах, представленных в простой монохромной схеме.

Дизайн пользовательского интерфейса

Пользовательские интерфейсы определенно стали широким и благоприятным полем для блеска и глянца плоского дизайна. Он нашел свое развитие как в абстрактных концепциях взаимодействия с пользователем, так и в разнообразных оригинальных интерфейсах, талисманах, значках, элементах интерфейса и иллюстрациях.

Концепции взаимодействия пользовательского интерфейса

Потяните для обновления

Взаимодействие портретной и альбомной ориентации

Анимация Pull Down

Взаимодействие панели вкладок

Элементы навигации и значки пользовательского интерфейса

Набор плоских иконок

Плоские значки, примененные в приложении Veggie

Плоский дизайн иконок и вкладок для приложения Blog

Плоские значки, примененные в приложении Saily

Плоские элементы дизайна пользовательского интерфейса для PassFold

Иллюстрации интерфейса пользовательского интерфейса

Приложение с купонами для кафе

Приложение «Погода»

Приложение Moneywise

Иллюстрация для SwiftyBeaver

Приложение Timeline

Тематические иллюстрации

Этот вид иллюстраций обеспечивает дополнительную поддержку цифровых продуктов и, как правило, является более сложным с точки зрения детализации и удовлетворения эстетических потребностей пользователей, в то же время мгновенно устанавливая связь с определенной темой.

Бесплатные красочные обои

Free Space

Подводный исследователь

Хеллоуинский замок с привидениями

Олимпийские игры в Рио

Автобус Californication

Гравюра

Разнообразие целей современного плоского дизайна и его растущая популярность в цифровых продуктах повседневного использования также повлияли на другие области дизайна, в частности, дизайн для полиграфической продукции, такой как плакаты и обложки книг, откуда, собственно, и берет свое начало этот подход. .

Обложка книги «Сказки эпохи джаза»

Плакат с изображением Пикачу

Журнал Muscles

Плакат отряда самоубийц

Открытка Spring Girl

Брендовый дизайн

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

Логотип-талисман для приложения Saily

Буквенный знак логотипа для PassFold

Дизайн логотипа для Андре

Логотип для Design4Users

Надпись и талисман логотипа Toonie Alarm

Все упомянутые выше факты и преимущества плоского дизайна, безусловно, не означают, что этот стиль превзошел другие дизайнерские подходы.Любой стиль и направление дизайна имеет свои достоинства и недостатки. Тем не менее, плоский дизайн открыл новые перспективы, особенно в сфере ориентированных на пользователя дизайнерских решений, которые представляют собой гармоничный баланс красоты и функциональности.

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

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

Функциональное искусство: 10 главных причин для применения иллюстраций в дизайне пользовательского интерфейса

Как создавать оригинальные плоские иллюстрации: советы дизайнера

Веб-дизайн: 5 основных типов изображений для веб-контента

Процесс проектирования: как создавать иллюстрации для ИТ-блога или целевой страницы

Реальные гонки.Графический дизайн для мобильной игры

Иллюстрация Зимних Олимпийских игр. Пошаговый процесс

Многоликий графический дизайн: чем занимаются графические дизайнеры?

Пример: Тубик в Париже. Процесс разработки описательной иллюстрации

Приглашаем вас ознакомиться с дизайнами Tubik на Dribbble и Behance

20 бесплатных высококачественных наборов иконок в плоском дизайне

Вы можете использовать этот гигантский набор из более чем 3000 иконок в стиле плоский дизайн даже в своих коммерческих проектах. Раскрытие информации: Я являюсь основателем Iconshock, сайта, который создал и выпустил этот бесплатный набор иконок.

Этот PSD-файл содержит 9 значков в популярном стиле плоского дизайна для значка вашего мобильного приложения.

12 иконок в плоском стиле в PSD-файле.

Бесплатный PSD-файл, содержащий значки популярных социальных сетей, таких как Facebook и Twitter, разработан техасским графическим дизайнером Натаном Брауном.

5. Плоский набор социальных иконок премиум-класса

Набор из 20 бесплатных иконок социальных сетей в плоском дизайне , которые бывают двух видов: «закругленные углы» и «круги».

6. Плохое

Словацкому UI-дизайнеру Лукасу Юрику понадобился месяц, чтобы создать эти 48 плоских иконок. Теперь он раздает это бесплатно.

В этом наборе 9 плоских иконок в формате PSD.

Этот бесплатный набор иконок содержит и 16 бесплатных иконок с плоскими рисунками.Этот набор был вдохновлен Google. Это четвертое дополнение к этой серии наборов иконок от PIXEDEN.

9. Набор иконок Garden

Этот бесплатный набор иконок с плоским дизайном содержит 12 прекрасно созданных иконок веб-дизайнером из Великобритании Шоном Дона.

Этот бесплатный набор из 24 значков социальных сетей в формате PSD использует тенденцию дизайна длинной тени, которая придает плоскому дизайну некоторую глубину.

Вот еще один бесплатный пакет из 20 чистых значков с плоским дизайном в форматах PSD и PNG.

Еще один набор иконок Натана Брауна, это набор из 25 бесплатных плоских иконок в одном файле PSD.

13. Бесплатные плоские иконки (от Sensational Fix)

Этот бесплатный набор 36 иконок социальных сетей с плоским дизайном находится в форматах векторных файлов EPS и AI. Вы также можете получить версию иконок HTML / CSS / SVG здесь.

14. Бесплатные красочные иконки (PSD)

Эти 12 ярких красивых значков в стиле плоского дизайна представлены вам в формате PSD.

Этот набор плоских значков содержит случайный набор полезных значков, таких как значок с увеличительным стеклом и значок с зубчатым колесом ; похоже, он ориентирован на дизайн пользовательского интерфейса.

Этот набор интересных иконок в стиле плоского дизайна создан Майклом Шульцем из Висконсина.

Этот набор из 6 иконок поставляется в форматах PSD и .sketch.

Это яркий набор бесплатных иконок с плоским дизайном.

32 плоских значка станут вашими для личного использования, если вы загрузите этот набор.

Этот набор из 9 восхитительно плоских значков имеет значок папки, значок, пузырьков чата, значков и многое другое.

44 вдохновляющих примера дизайна почти плоских иконок

Эволюция плоского дизайна иконок до «почти плоского» стиля иконок

Хорошо, пора прибить мои цвета к стене.Извините, но мне не нравится плоский стиль значков. Я думаю, что они скучные и пресные. Когда они только начали появляться и, что еще хуже, стали популярными, я немного беспокоился о том, к чему все идет.

Извините, но мне не нравится стиль плоских иконок.

Не поймите меня неправильно, есть несколько великих художников, которые могут создавать очень умные и красивые формы и рисунки в монохромном режиме; это просто стиль, который мне не подходит.

К счастью, тенденция «метро» претерпела значительные изменения за последние 12 месяцев или около того, и «полностью плоский», похоже, уступил место «почти плоскому».И это, друзья мои, по крайней мере, в моей книге, очень хорошие новости. Почти плоские иконки по-прежнему очень чистые и простые, но часто используют великолепные приглушенные тона и крошечные, тонкие трехмерные украшения и тени, чтобы придать им дополнительный эффект.

Я должен сказать, что мне очень нравится «Почти плоский»; это естественная гомогенизация крайностей фотореалистичного 3D и супер-сурового стиля Metro. Это похоже на то, как маятник в дизайне иконок качнулся сначала в одну сторону, потом в другую, а теперь колеблется во всех убывающих дугах над этой новой областью, которую дизайнеры иконок стремятся изучить.

Это захватывающие времена для дизайнеров иконок

Это захватывающие времена как для дизайнеров иконок, так и для дизайнеров пользовательских интерфейсов, тенденции распространились на операционные системы, веб-сайты и другие средства массовой информации. Это похоже на то, как будто была обнаружена совершенно новая палитра цветов и появился новый, немного более женственный вид.

В любом случае хватит болтовни. Вот некоторые из моих любимых почти плоских иконок. Наслаждаться!

Хотите плоский значок приложения, который конвертирует?

Значок вашего приложения должен выделяться и рассказывать вашу историю

Получите плоский значок приложения

Нужны плоские иконки меню, которые привлекают внимание?

Чистые плоские значки меню делают ваше программное обеспечение более интуитивно понятным

Получите плоские значки меню

Вы можете легко утверждать, что некоторые из этих значков являются трехмерными или погранично плоскими, но я думаю, что это нормально.