У плоского дизайна обычно есть градиенты?

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

Главное, о чем я спрашиваю: нормально ли, чтобы плакаты содержали элементы плоского дизайна и смесь градиентов, или мне не следует «смешивать» такие стили? Например, нормально ли то, что у меня есть на данный момент, или плакат должен придерживаться только градиентов, если я собираюсь выглядеть так?

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

Я также попытался добавить плоский дизайн в блоки, но не уверен, что мне это обязательно понравится (см. рисунок ниже). Я также не знаю, как определить, должна ли тень отбрасывать элемент прямо вверх и вниз или по диагонали? Как вы можете заметить, отбрасываемая тень идет «вниз» по кругам на заднем плане, а у меня отбрасываемая тень идет «по диагонали» по блокам.

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

Ответы (4)

Я думаю, что эта статья от Designmodo ясно излагает принципы плоского дизайна:

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

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

Это не означает, что ваш дизайн плаката не может использовать градиенты, если, конечно, он не должен быть выполнен в стиле «плоского дизайна» (т. е. требование проекта, запрашиваемое у клиента или преподавателя). Надеюсь это поможет!

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

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

Я также не знаю, как определить, должна ли тень отбрасывать элемент прямо вверх и вниз или по диагонали? Как вы можете заметить, отбрасываемая тень идет «вниз» по кругам на заднем плане, а у меня отбрасываемая тень идет «по диагонали» по блокам.

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

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

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

PS Шпильки на заднем плане не совпадают с кирпичами.

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

Если бы фон был дальше, имело бы смысл, чтобы шпильки не совпадали из-за перспективы ... лично меня это не беспокоит.
Верно, но если бы они были дальше, они также казались бы ближе друг к другу. Возможно, вы правы, но у меня сложилось такое впечатление.
На самом деле вы правы, они также должны быть ближе, и я также замечаю, что они расположены неравномерно, и теперь это меня раздражает!
Шпильки на самом деле не должны были совпадать с кирпичами. Это был просто фон, который я сделал без всякой цели выровнять его с передним планом.

Плоский дизайн обычно... плоский.

Но плоский дизайн — это тренд, а не наука, не закон.

Есть некоторые вариации тренда. Это приходит мне на ум.

I. Плоская проецируемая тень. Это придает объемность, как плавающий слой. https://www.google.com/search?q=flat+shadow+flat+design

II. Половина тени (и некоторые блики). Вы можете видеть это на многих аватарах, где половина лица имеет более темный цвет: https://www.google.com.mx/search?q=flat+design+avatar .

https://www.google.com.mx/search?q=ice+cream+flat+illustration

В ваших примерах есть тень на волосах. Блоки на втором изображении тоже.


Зависит:

III. Добавление градиентов. Это относительно. Например, материальный дизайн Google, который можно считать плоским дизайном, добавляет тени, которые почти всегда являются градиентными.

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

Вероятно, параметр может быть: Разрешены линейные монохроматические градиенты. Круговой или градиенты между 2 цветами нет. н_н

Колени на вашем изображении имеют градиент, имитирующий круглый объект. Это не плоский дизайн. Градиент должен быть очень тонким.


Следующие два могут быть не совсем плоским дизайном, а просто подделкой:

IV. Добавление шума. Я не могу найти хороший пример.

V. Триангуляция всего. Это не плоский дизайн, а попытка превратить изображение в плоские сплошные цветные треугольники: https://www.google.com/search?q=triangulate+images .


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

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

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

Если бы я представил себя заказчиком или работодателем, то мог бы вежливо сказать, что "может быть, все вещи должны иметь 3D-фишки равнозначно, потому что я не заказывал 3D Чарли в плоском мире - просто для баланса!" Но можно получить «Отличная работа! Я боялся, что мне придется платить лицензионные сборы Lego Co. Это большое облегчение узнать, что вы нашли этот подход». Я должен знать, какова первоначальная цель сделать вывод о том, что подобные комментарии вероятны.

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

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

Плоский дизайн — это подход к представлению вещей. Это: Представление текущего пространства выбора наблюдаемых объектов и сообщений без трехмерных имитаций.

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

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

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

  • градиенты
  • тени
  • перспектива
  • все те композиционные приемы, которые можно интерпретировать как «что-то дальше, что-то ближе».
  • намерение сохранить 3D-формы мгновенно видимыми

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

Градиенты допустимы, если они не создают иллюзию глубины. К сожалению, объекты из реального мира находятся в поле зрения наблюдателя, поэтому избегайте градиентов на одежде, волосах, игрушках и т. д.

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