Как называются такие изображения? Мне нравится такая графика, и она такая плоская, что полностью соответствует моей текущей разработке продукта.
У нас есть для него название? Имя облегчит поиск примеров и инструкций.
Как ни странно, это известно как плоский дизайн, обычно выполненный в виде векторов. Он стал популярным с появлением пользовательского интерфейса Windows 8.
Дополнительные примеры см. на этих сайтах:
Как говорится в предыдущем ответе, это называется плоским дизайном.
Этот стиль, возможно, стал более популярным с тех пор, как люди начали рассматривать дисплеи Retina. Чтобы упростить задачу, дизайнеры начали использовать иконки на основе SVG и шрифтов. Такой плоский стиль упрощает работу и легко масштабируется. Таким образом, конечным результатом является великолепно выглядящая иконка или интерфейс, который отлично смотрится на дисплеях Retina, а также в меньших размерах.
Главное в этих стилях веб-сайтов и иконок:
Более подробно вы можете посмотреть по этим ссылкам:
Я бы назвал это векторной графикой. Этот стиль изображений обычно создается в Adobe Illustrator.
Называй это как хочешь. :)
Как многие уже говорили, «плоский дизайн» — модный термин.
Но в основном это значки, или пиктограммы, или штриховые рисунки, или что-то еще. Многие имена могут быть применимы.
Некоторые предлагали вектор, но вектор — это тип файла, а не какой-то конкретный стиль.
И хотя в последнее время он стал популярным благодаря Windows 8 / Google / iOS7 / Bootstrap / и т. Д., В нем нет ничего особенно нового. Взгляните на некоторые из ранних графических интерфейсов ОС: http://www.guidebookgallery.org/screenshots
Многие из первых графических интерфейсов для настольных компьютеров были по существу «плоскими». В то время, в основном из-за технических ограничений. По мере того, как мы увеличивали вычислительную мощность и мощность дисплея на протяжении десятилетий, мы стремились использовать это в наших дизайнах иконок до такой степени, что, возможно, мы поняли, что это становится немного нелепым, и эта современная тенденция плоского дизайна просто на самом деле мы прошли полный круг. . ;)
Плоский, безусловно, ключевое слово здесь, но именно дизайн интерфейса стал источником возрождения. Взгляните на комплект Flat UI для Twitter Bootstrap .
Несколько важных составляющих этого тренда — его неравномерность. Во-первых, склонность к длинным 45-градусным теням . Хорошим примером является приведенный выше логотип Flat UI kit.
Также обратите внимание, что цвета часто не являются чисто плоскими, несмотря на первое впечатление. Градиенты по-прежнему широко используются, но не так открыто.
Этот вопрос был недавно поднят на GD.SE:
Как добиться градиента в Adobe Illustrator
Как я могу оживить свои плоские значки iOS?
В своей книге « Почти плоский дизайн » Мэтью Мур кратко исследует неплоскостность плоского.
По большей части эти интерфейсы придерживаются принципов плоского дизайна: однородные цвета, отсутствие теней и использование цвета для поощрения определенных действий пользователя (например, красная кнопка «Создать сообщение» в Gmail). Но если вы присмотритесь, то увидите, что кнопка создания сообщения имеет небольшой градиент. Это градиент, который говорит: «Эй, я кнопка, которую можно нажать», а не «Вау! Я выгляжу так, как будто я сделан из конфет! О, и ты тоже можешь надавить на меня.
Я слышал, что многие люди предполагают, что источником был Metro UI от Microsoft. Google постепенно двигалась в этом направлении до того, как Microsoft сделала большой толчок. Android в значительной степени перенял простоту в графике с v4, и линейка продуктов Google «приложения» всегда следовала этой эстетике, хотя и более отполированной за последние 2 года. Конечно, теперь Apple пытается последовать их примеру с iOS 7 .
Я согласен с штатским, хотя я наткнулся на это , как люди уже упоминали; это плоский дизайн . Я бы воспринял это как современную тенденцию в векторной графике, использующую определенную цветовую палитру.
Окасо Протал
ДжонБи
Зак Сосье