Минималистский дизайн: что можно и нельзя

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

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

И это те вещи, которые просто не работают, вы хотите избежать в своем веб-дизайне. Если вы работаете в сторону минимализма , и вы хотите , чтобы ваш сайт , чтобы вызвать OOH от посетителей , а не на EWW, у меня есть вы покрыты всего много того , что вы должны делать (и многое из того, что вы не должны) .

Нужно: используйте цвет!

Люди склонны думать, что минималистичный дизайн - это монохроматический или, что еще хуже, черно-белый и / или оттенки серого.

Нет нет нет. Нет.

Минималистский дизайн, как это ни парадоксально, заключается не в том, чтобы иметь очень мало; это о максимальном использовании очень небольшого количества. Ваше намерение должно заключаться в том, чтобы максимально использовать то немногое, что у вас есть.

Это означает, что когда дело доходит до цветов, вы должны… использовать цвет. Взгляните на этот пример от Epoch Design:

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

А вот от Бурбула:

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

Не используйте ВСЕ цвета!

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

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

Такие, как Rogue + Co., они пытаются использовать чистые линии минимализма и асимметричные размеры карт, чтобы привлечь внимание пользователя. Но все добавляли лишних красок, а потом без всякого повода анимировали. Он отвлекает пользователя от контента, а не вовлекает его.

То есть, противоположность минималистскому дизайну.

И еще есть Болден, который полностью понимает минимализм. За исключением цвета. Слишком много цветов и попытки быть слишком умными заставляли их добавлять лишнюю анимацию. Вы должны навести указатель мыши на углы экрана, чтобы увидеть текст.

Это просто не минимально, не так ли?

Делайте: используйте анимацию

Видите ли, эти анимации выше… они не имеют значения. Они ничего не добавляют на сайт. Но графы кино, такие как использование Rogue & Co, могут работать; им просто нужно улучшить сайт, а не загромождать его.

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

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

Неудивительно, что Divi имеет встроенную функцию для выполнения такого рода микровзаимодействий.

Делайте: используйте пробелы

Как и цветные пятна, пробел (или отрицательное пространство) может быть одним из самых полезных видов оружия в вашем арсенале. Например, абсурдно популярный Medium почти полностью состоит из пробелов, и он работает.

И посмотрите, как используется единственный цвет, чтобы привлечь ваше внимание к кнопкам и ссылкам, которые вам абсолютно необходимы?

Существует баланс для эффективного использования пробелов. Вы хотите сбалансировать удобочитаемость и полезность с эстетической привлекательностью. При эффективном использовании пробелы невероятно эффективны в создании запоминающегося минималистского дизайна. кашель гугл кашель кашель

Не используйте ТОЛЬКО пробелы

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

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

Например, Thru You Too - потрясающий проект. Но мне потребовалось много времени, чтобы понять, как его использовать (вы должны навести курсор на большой текст в центре, чего я не делал, потому что меня тянуло в правый верхний угол). Хотя навигация проста, когда вы ее понимаете, пробелы не привели меня туда.

Сделайте: используйте подходящие классные шрифты

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

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

Взгляните, например, на Squarespace. Вы точно знаете, чего ожидать от их компании, просто глядя на форму регистрации и используемые шрифты. Чисто, просто и понятно. Он источает лаконичность, которую они рекламируют, в первую очередь за счет выбранного шрифта. (Потому что это действительно единственный элемент дизайна, который вы можете здесь увидеть.)

И ребята из Folks стремятся к простонародности, поэтому они определенно нашли шрифт, который чувствует себя хорошо. Их аудитория очевидна, как и их отношение к своей продукции. И это прямо не указано.

Не используйте НЕПРАВИЛЬНО крутые шрифты

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

Представьте, что вы ищете службу поддержки нуждающегося члена семьи и находите сайт, который выглядел бы так:

А как насчет врача, который хотел убедиться, что вы знаете, что она лучший выбор для спасения вашей жизни?

Или, если вы искали фантастического современного веб-дизайнера, и все, что вы видели, было это:

Хорошо, так что я не мог устоять перед раскопками Comic Sans. Подать в суд на меня. Но вы меня поняли: выбор шрифта имеет значение. Особенно, когда вы используете минималистичный дизайн, потому что ваш выбор шрифта может быть самой большой частью дизайна.

Идите вперед и сведите к минимуму!

И минимизировать тоже, но это совершенно другая статья. #iamadelight

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

Каковы ваши рекомендации при создании минималистичных сайтов?

Миниатюра статьи Boo-Tique / shutterstock.com