2017: год капли

Я обычно не забочусь о ретроспективах дизайна во время праздников, поскольку они выделяют вещи, которые обычно проходят, но вездесущий тренд этого года действительно застрял во мне. 2017 год - это год рождения Blob.

Что такое Blob?

Blob - это аморфная, псевдоорганическая форма, которая обычно используется для визуального закрепления целевых страниц. Обычно он служит маской или фоном для иллюстрации. Около 90% времени BLOB-объект заполнен градиентом и находится на самом нижнем слое дизайна. Его отношение к бренду или продукту, как правило, неоднозначно, но это простой способ перехода между различными типами информации, не будучи слишком блочным.

Вот мой Dribbble Bucket-o-Blob, который я курировал. Он не является исчерпывающим, и я не считаю двоичные объекты, которые являются: значимой частью иллюстрации (от переднего плана до фонового слоя ландшафта), волн или других конкретных целей (например, реальных графиков).

Вокруг цветовой палитры много однородности.

Откуда появился Blob?

Сложно сказать. У меня есть несколько теорий:

  1. Blob является компромиссом или пассивным отказом от увлечения Flat UI.

Жесткость и холодность iOS 7 (и даже интерфейса Windows Metro) стали невыносимо обыденными. Хотя мы можем охватить плоские и прочные элементы, им нужен баланс с органичными формами, которые кажутся приветливыми

Интерфейс Windows Metro основан на высоко сбалансированных сетках. Начинает чувствовать себя действительно клиническим.

2. Blob существует в качестве замены для иллюстрации.

Не каждый может позволить себе или выполнить иллюстрацию в своем дизайне. У таких модных брендов, как Dropbox и Intercom, есть элементы blob-ular как часть их стиля иллюстрации, а дизайнеры хотят получить качество ручной работы без усилий по разработке всей системы. Это инвестиции, которые потребуют новых активов для каждого случая.

Стиль иллюстрации интеркома очень милый.

3. Blob здесь, потому что кажется, что он управляется данными, и это означает, что ваша компания умна.

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

Apple's HealthkitЖелуди сглаживают графики в истории стоимости вашего аккаунта

Некоторые примеры ИИ, с которыми мы взаимодействуем в нашей повседневной цифровой жизни, также представлены в виде BLOB-объектов (в различной степени).

Сири установила тон для множества помощников ИИ.Google использует принцип Закрытия, чтобы вывести Blob

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

Итак, вы предполагаете, что если я куплю это, мои графики начнут выглядеть так? Очень круто. Очень круто.Растущее участие? Не против, если я сделаю!

4. Blob более удобны в адаптивном веб-дизайне.

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

Эй, смотри психоделический Blob!Мне все равно, если это обрезается, потому что это просто какой-то хипстерский шарик.

Есть много видов Blob там. Некоторые действительно вдумчивы и работают очень хорошо, в тональном плане. Другие являются произвольными, ненужными и иногда усложняют пользовательский интерфейс. Вы видели Blob в дикой природе? Как вы думаете, это бессмысленное украшение или они помогают сбалансировать ваш дизайн? Расскажи мне об этом.

Обновление 19.03.19:

Похоже, что некоторые умные люди из Prototypr.io адаптировали мое исследование для разработки инструмента для создания блобов (Blobmaker). Я снимаю шляпу перед Ричардом Циммерманом за его работу. Спасибо за крик Ричард!