Есть ли у нас название для таких изображений с «плоской графикой»?

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

http://pinterest.com/pin/474777985686969567/

http://pinterest.com/pin/474777985686969553/

У нас есть для него название? Имя облегчит поиск примеров и инструкций.

Ответы (6)

Как ни странно, это известно как плоский дизайн, обычно выполненный в виде векторов. Он стал популярным с появлением пользовательского интерфейса Windows 8.

Дополнительные примеры см. на этих сайтах:

http://fltdsgn.com/

http://www.tumblr.com/tagged/flat%20design

http://pinterest.com/warmarc/flat-ui-design/

Этот стиль известен дизайнерскому сообществу и прессе как «плоский дизайн» в 2012/2013 годах.
Есть также аргумент, что плоский дизайн «не является тенденцией или каким-то новым увлечением. Он просто называется хорошим дизайном» , но я бы сказал, что это нечто большее, чем просто наличие нескольких украшений и элементов или минимализм. Используемый в 2012/13 году, он имеет тенденцию ассоциироваться с определенными видами цветовой палитры (например, насыщенные пастельные тона и прохладные оттенки серого, как в примере в вопросе), плиткой, тонкими наложениями, сильными сплошными блоками цвета и слегка блочным стилем рисования.

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

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

Главное в этих стилях веб-сайтов и иконок:

  1. Сплошные цвета, т.е. без градиентов
  2. Если используются тени, они не используются с размытием. Тени также представляют собой плоские цвета без градиентов.

Более подробно вы можете посмотреть по этим ссылкам:

Я бы назвал это векторной графикой. Этот стиль изображений обычно создается в Adobe Illustrator.

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

Называй это как хочешь. :)

Как многие уже говорили, «плоский дизайн» — модный термин.

Но в основном это значки, или пиктограммы, или штриховые рисунки, или что-то еще. Многие имена могут быть применимы.

Некоторые предлагали вектор, но вектор — это тип файла, а не какой-то конкретный стиль.

И хотя в последнее время он стал популярным благодаря Windows 8 / Google / iOS7 / Bootstrap / и т. Д., В нем нет ничего особенно нового. Взгляните на некоторые из ранних графических интерфейсов ОС: http://www.guidebookgallery.org/screenshots

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

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

Плоский, безусловно, ключевое слово здесь, но именно дизайн интерфейса стал источником возрождения. Взгляните на комплект Flat UI для Twitter Bootstrap .

введите описание изображения здесь

Но не совсем ровно

Несколько важных составляющих этого тренда — его неравномерность. Во-первых, склонность к длинным 45-градусным теням . Хорошим примером является приведенный выше логотип Flat UI kit.

введите описание изображения здесь

Также обратите внимание, что цвета часто не являются чисто плоскими, несмотря на первое впечатление. Градиенты по-прежнему широко используются, но не так открыто.

Gmail создать

Этот вопрос был недавно поднят на GD.SE:
Как добиться градиента в Adobe Illustrator
Как я могу оживить свои плоские значки iOS?

В своей книге « Почти плоский дизайн » Мэтью Мур кратко исследует неплоскостность плоского.

По большей части эти интерфейсы придерживаются принципов плоского дизайна: однородные цвета, отсутствие теней и использование цвета для поощрения определенных действий пользователя (например, красная кнопка «Создать сообщение» в Gmail). Но если вы присмотритесь, то увидите, что кнопка создания сообщения имеет небольшой градиент. Это градиент, который говорит: «Эй, я кнопка, которую можно нажать», а не «Вау! Я выгляжу так, как будто я сделан из конфет! О, и ты тоже можешь надавить на меня.

Откуда это

Я слышал, что многие люди предполагают, что источником был Metro UI от Microsoft. Google постепенно двигалась в этом направлении до того, как Microsoft сделала большой толчок. Android в значительной степени перенял простоту в графике с v4, и линейка продуктов Google «приложения» всегда следовала этой эстетике, хотя и более отполированной за последние 2 года. Конечно, теперь Apple пытается последовать их примеру с iOS 7 .

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