Метод исключения
Anna«Дизайн - это то, что незаметно», то есть самое органичное решение из всех, самое удобное и элегантное.
Поэтому в работе вам может пригодится принцип от обратного. То есть подбор цвета или композиции методом исключения.
Сразу скажу, что метод подойдет дизайнерам с хорошей базой насмотренности, если базы таковой нет, то вы только все испортите, включая собственный вкус.
Это авторская методика, которой я сама всегда пользуюсь, за счет нее я и могу разработать дизайн всего сайта буквально за 2 дня.
Подробнее о методике:
Разберем на примере с выбором цвета.
Допустим, вам нужно выбрать цвет для нового элемента. Добавьте его белого или черного цвета на разработанный экран, сначала необходимо определиться с тоном. Для этого лучше перевести все в чб.
Черный цвет спорит с основной композицией, белый тоже слишком яркий. Из всех вариантов мне понравился светло-серый оттенок. То есть он был найден методом исключения, потому что белый и черный не подошли, а темно серый сливался с фоном.
Далее возвращаем картинке цвет и ставим ползунок с цветом на первый красный цвет. Постепенно двигаем ползунок вдоль всех цветов.
Метод исключения четко показывает нам, что самый контрастный и подходящий цвет - это лимонный.
Салатовый тоже выглядит контрастно и здесь как раз выступает насмотренность.
Лимонный просто красивее выглядит и лучше сочетается. Кроме того идеология лимонного глубже салатового. Лимонный вызывает невербальные ассоциации со звездным небом, огоньками. А так же фонариками, которые азиатские культуры любят выпускать в небо. Так же оттенок желтого идеалогически хорошо ложится в сочетании с закатом.
Салатовый мог бы означать светлячков. Светлячки тоже часть культуры и часто используются, как символ проводника. Но на мой вкус - это слабее.
Я все еще сомневалась, поэтому подставила другие цвета, который будут темнее фона. Рассмотрела каждый цвет в максимальном контрасте и в приглушенном состоянии. Все эти варианты были утилизированы мгновенно.
Так за 2 минуты я подобрала лимонный дополнительный цвет.
Как подобрать цвет новичку?
https://telegra.ph/Kak-podobrat-cveta-dlya-sajta-03-17
Метод исключения можно применить и к композиции.
Например: Мне нужно разместить котиков на фоне каталога. Тут есть важное правило - чем меньше логики в композиции, тем органичнее она будет смотреться.
Здесь коты лежат на 1 прямой, это самый примитивный вариант и расположение котов очень легко объяснить, выглядит это максимально плохо.
Теперь ритм, который создали коты на фоне перебивает карточки, мозг занят соединением котов в общую композицию, а не товарами.
Здесь ближе к истине, коты размещены более хаотично, но все еще выстроены в четкий треугольник, в понятную для мозга и логичную форму.
Здесь коты размещены максимально хаотично. С применением метода исключения. То есть это единственный вариант, который не складывал кот в очевидную форму и мозг не считал логическую связь между их расположением. В итоге вариант выглядит органичнее предыдущих и не перетягивает на себя одеяло.
Метод исключения в композиции
Точно так же вы можете использовать метод при создании композиции внутри блока. Для этого сначала оставьте в макете элементы, которые вас устраивают, а все что смущают или вызывают сомнения уберите с холста.
Здесь мне нравился заголовок, но не нравилось расположение, я попробовала разные варианты и методом исключения подошел только заголовок по центру. Только он органично вписался после верхнего блока и не заставлял взгляд "прыгать". Часть справа меня устраивала.
Картинка красиво встала только по-центру, все остальные варианты выглядели глупо. Но кроме чайника у меня была еще чашка и кувшин.
Кувшин рядом с чайником не смотрится, потому что слишком большой, перегруз. Так же теперь композиция заваливается вправо.
Поэтому единственный вариант был поставить чашку наверх и сдвинуть картинку правее, чтобы она не выходила за рабочую область.
На свободное место я подставила недостающие элементы.
После потратила около 10 минут на вариации их расположения.
Итоговый вариант лично для меня был единственный, потому что остальные чем-то смущали, и не каждый раз я могла понять, чем именно.
Так же сильно упростило процесс то, что часть сайта уже была нарисована и мне не нужно было придумывать стилистику для шрифтов или заголовков. По сути часть элементов были готово и я складывала их как конструктор из общих компонентов и стилей.
Статья о том, как подчинить макет единой стилистике:
https://telegra.ph/Dorabotka-stilya-06-09
Вторая часть статьи
https://telegra.ph/Metod-isklyuchenya-UX-06-27