6 правил, которых должен придерживаться каждый веб-дизайнер-минималист

1812

Мис ван дер Роэ знаменит тем, что начал применять принцип «чем меньше, тем лучше» в архитектуре. С тех самых пор все дизайнеры взяли на вооружение это руководство и воплотили его в свои работы. Давайте посмотрим на то, как можно применить принцип «чем меньше, тем лучше» в веб-дизайне.

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

Статистика показывает, что у вас есть около 5 секунд, чтобы привлечь к себе внимание зрителя.

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

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

1. Сосредоточьтесь на контенте

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

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

Сосредоточьтесь на контенте

Timeline JS – отличный пример минималистического плагина-хронологии, который сконцентрирован на контенте.

2. Обеспечьте юзабилити

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

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

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

Обеспечьте юзабилити

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

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

3. Совершенствуйте, совершенствуйте и еще раз совершенствуйте

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

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

Совершенствуйте, совершенствуйте и еще раз совершенствуйте

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

Даже после запуска своего сайта вы можете просматривать данные аналитики (например, Crazy Egg), чтобы определить, какие элементы дизайна пользуются меньшей популярностью, и убрать их или переместить на новое место.

4. Убедитесь в том, что все имеет смысл

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

Убедитесь в том, что все имеет смысл

Дизайн сайта X-Prime Groupe выдержан всего в нескольких цветах, чтобы привлечь внимание к выбору элементов дизайна в портфолио компании.

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

5. Оставьте немного свободного пространства

Не стоит добавлять что-то только из-за того, что у вас осталось свободное место! Когда-нибудь слышали, как клиент говорит: «Давайте уберем это свободное пространство» или «Что-то остается слишком много свободного места»? Вот именно поэтому ваш заказчик нанял вас на должность дизайнера! Настаивайте на своем и объясните, что каждый элемент дизайна нуждается в свободном пространстве, чтобы «дышать».

Оставьте немного свободного пространства

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

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

6. Используйте каркас-сетку

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

Используйте каркас-сетку

Каркас-сетка все равно будет работать, даже если вы нарушите его структуру каким-то элементом, расположенным четко по диагонали, чтобы привлечь внимание к контенту.

Для большего числа подсказок и советов относительно использования сетки-каркаса (без вреда дизайну) посмотрите заметку в моем блоге вот здесь.

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

У вас есть на примете такие сайты, на которых работает принцип «меньше – лучше»? Или же «больше» не всегда хуже? Поделитесь с нами своими мыслями!

Оригинал: 6 Rules Every Minimalist Web Designer Should Live By

Перевод: SeoSchool.ru

Подпишитесь и получайте новые статьи и руководства по увеличению продаж и увеличению постока клиентов в Ваш интернет-бизнес на почту
Об авторе

Автор: Всеволод Козлов (Написал 272 статьи)

Эксперт в области увеличения продаж интернет-магазинов и коммерческих сайтов для малого и среднего бизнеса. Бизнес-тренер.

Один из последних кейсов - увеличение объема продаж за короткий срок с 420 210 руб/мес до 13 906 950 руб/мес, т.е. в 33 раза!

Я на Google+, Facebook, Vkontakte , LinkedIn

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*