Мягкий шум в плоском дизайне

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

Некоторыми примерами этого могут быть дизайн Google или этот пример , который я нашел.

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

Просто комментарий. Шум может увеличить размер файла, поэтому проверьте этот пункт.
Вы пытаетесь сделать это в фотошопе, скетче или чем-то еще?

Ответы (1)

Для такого использования шума есть очень преднамеренная функциональная причина: он скрывает полосы в тонких градиентах.

Градиенты стали невероятно популярными в плоском дизайне, в основном из-за того, что Apple сосредоточила на них внимание начиная с iOS 7. В основном Apple использует экстремальные градиенты. Под крайним я подразумеваю, что в их градиентах много цветовых сдвигов, поэтому они могут избежать полос, в основном за счет комбинации углов, которые они используют, и степени цветового сдвига.

Для более тонких градиентов, особенно радиальных, полосы становятся видимыми, часто из-за недостаточной гаммы для предотвращения полос, если только не используются огромные (48-битные) цветовые пространства. Чтобы скрыть эти полосы, существуют различные способы увеличения шума, как цветного, так и черно-белого, и смешивания его с градиентом. Это несколько скрывает полосы.

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

Ага, спасибо! Я предполагаю, что это все еще стилистическая вещь? В примере Google это чрезвычайно распространено.
Да, это то, что я имею в виду: «или вы видите изображения, где шум желателен и подчеркнут». Это может быть по многим причинам, но одной из технических причин является (как правило) ограниченная гамма на (большинстве) телефонов Android, показывающая полосатость градиентов, причем способами, которые совсем не желательны. Таким образом, те, кто делает изображения для всех телефонов Android, перебарщивают, чтобы убедиться, что все пользователи Android не получают градиенты. И, в конце концов, такие обходные пути и технические ограничения становятся самостоятельными «трендами». Плоский дизайн (сам по себе) является хорошим примером этого «тренда» «творения»;)
поищите в Google слова hideи bandingи gradientи noiseс вашим любимым фоторедактором или графическим редактором в поисковом запросе, и вы должны увидеть много примеров. Это существует уже давно, потому что у экранов компьютеров и даже у печати была эта проблема с градиентами с... ну, навсегда.