Когда минимализма слишком много?

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

Что такое Минимализм?

Минимализм, в его самой чистой форме, подразумевает использование только самого важного.
Возьмём, например, автомобиль. Для того, чтобы он ездил необходимо не так много: двигатель, колеса, газ, кузов. Если в автомобиле не будет кожаных сидений с подогревом и навороченной аудиосистемы, он все равно будет ездить. В веб-дизайне минимализм — это наличие только самых основных и необходимых элементов. Минимализм — это основные функции, которые выполняют поставленные перед вами цели, с его помощью вы фокусируете внимание пользователей на чем-то конкретном. При создании сайтов с в таком стиле, следует помнить следующие правила:

  • Тема: что важнее всего на веб-странице? Выделение самого важного привлекает внимание пользователя и экономит его силы и время
  • Юзабилити: есть ли лишние элементы, которые усложняют прочтение? Если их не будет, поможет ли это улучшить юзабилити сайта?
  • Баланс: имеет ли ваша страница соответствующую вертикальную иерархию и имеют ли компоненты соответствующий визуальный вес?

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

Зачем использовать минимализм?

На самом деле минимализм — это основа основ веб-дизайна. Все начинается с базовых элементов контента, плюс брендовая информация. Вот, собственно, готовый сайт, очень функциональный и простой. Он очень выгоден тем, что служит выполнению одной цели. Кроме того, к плюсам такого сайта можно отнести и что, что он обычно требует меньше кода и элементов сайта. У минималистского сайта часто будет меньше стилей CSS, элементов HTML, изображений, JavaScript, и так далее. Это гарантирует улучшенную производительность, что в свою очередь повышает юзабилити сайта. Это не означает, что стадия проектирования легче — тут вы потратите столько же времени, как и на любой другой проект. А может, и больше.

Страница архива на сайте Zen Habits демонстрирует, насколько легко можно создать минималистский сайт, стоит только разобраться в том, что он из себя должен представлять.
Кстати, сделать сделать что-то из рук вон плохое при минималистском дизайне тоже сложно. Без лишних элементов ваш дизайн становится более открытым и наглядным. Сразу достигается нужный эффект, потому что пользователь не отвлекается от главного. Если вы уделяете вполне достаточное внимание балансу, типографике, и оставляете достаточно пустого пространства, ваш дизайн будет выглядеть просто отлично. Это намного легче, чем возня с шаблоном PSD с десятками слоев.
И для тех, у кого не достаточно навыков работы в Photoshop, минимализм — лучший способ создать сайт, используя только понимание оформления текста, пустого пространства и баланса.

Сайт Julien Lavallée (ниже) — отличный пример того, как интересно и красиво смотрится минималистский сайт.

И всё же, самая важная причина использовать минимализм заключается в том, что без посторонних элементов дизайн подчеркивает контент сайта. Получается красивый, стильный и легкий дизайн с правильным расчетом вкладок и свободного пространства. На примере сайта Daniel Gray обратите внимание на то, как каждая секция контента выделяется за счёт пустого пространства вокруг. Это и позволяет немедленно сконцентрировать внимание пользователя именно на том, что ему нужно.

Впрочем, тут есть недочёт. Он состоит в том, что пользователь просматривает страницу в таком порядке: панель навигации, изображение единорога, «Daniel Gray», и только после этого обращается внимание на слоган «Привет, я — проектировщик и автор, из Йорка». Но так как внимание читателя ничем особо не отвлекается, то в этом нет ничего страшного, тем не менее, при создании своего сайта нужно принимать во внимание особенности прочтения, которые типичны для всех пользователей (ждите, кстати, статью об этом).

Не жертвуйте юзабилити ради минимализма

Понятно, что главным в дизайне сайта является контент и все должно отталкиваться от него. Вторым пунктом в вашем списке приоритетов должно стоять удобство и простота использования этого самого контента, т.е. юзабилити. Теперь, когда у нас есть стандарты вроде CSS3 и HTML5, мы должны постоянно думать о том, как бы не переборщить с элементами и не захламить наш дизайн ненужными деталями. Чем больше у нас инструментов и возможностей, тем проблематичнее идти по пути минимализма. Обязательно есть искушение добавить что-то очень модное, но совершенно излишнее.
Совет: не забывайте преимущества юзабилити. Что нужно включить в дизайн сайта? Если заказчик — не крупная, устоявшаяся и признанная компания вроде Apple, Starbucks или Nike — то вы должны, включить в дизайн название компании с ее лого. Да, и с панелью навигации лучше не экспериментируйте: пользователи должны понимать что и куда ведет.

Не волнуйтесь, это выглядит привлекательно

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

Действительно ли вам подходит минимализм?

Помните, что минимализм может быть воспринят как недостаток эстетики. Если вас привлекает только внешняя составляющая, и цели минимализма вы не понимаете и не преследуете, то лучше такой дизайн не делать. Так же, как любой другой художественный жанр или стиль дизайна, минимализм нужно понимать, правильно создавать и использовать — это не только внешние характеристики, это — целая философия. Если вы думаете, что с помощью минимализма вы добавите бренду таинственности и загадочности, то это — большая ошибка. Минимализм не для этого. А еще такой дизайн может показаться неполноценным — и это не заинтригует, а оттолкнет посетителя сайта. Если пользователь не может найти на сайте то, что он ищет, он закрывает страницу и вряд ли вернётся.

Нужно избегать двусмысленности и беспорядка в любом стиле дизайна. Минимализм не исключение. Фактически, минимализм — стиль дизайна, где двусмысленности нужно избегать, как чумы, и думать только об удобстве и простоте использования, анализируя и доводя до ума каждый пункт вашего дизайна с тем, чтобы не отпугнуть и не запутать посетителей. Помните, что ваша главная цель — передать информацию так, чтобы пользователю было все понятно и просто. И только так начинайте работать с минимализмом. В противном случае ваша страница может стать похожей на это:

Работа Space That Sees Джеймса Турелла показывают разницу между искусством минимализма и минималистским дизайном. Всё выглядит здорово, но подачи информации никакой.

Как не переусердствовать.

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

  • Вы используете минимализм по неправильной причине
  • Если вы жертвуете удобством и простотой использования

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

via

Читателям также нравится:

Обратите внимание!

Запущена новая версия сообщества для творческих людей — TopCreator, которое мой блог всячески поддерживает. Мы верим, что проект нужен российским дизайнерам, иллюстраторам и фотографам — мы хотимы быть вам полезны! Очень интересный проект, будьте среди первых. Заходите сюда

Комментарии

  1. 13 Мар
    svoi-sait

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

  2. 13 Мар
    Manyahin

    Спасибо тебе очень хорошо ;)

  3. 14 Мар
    iDrugov

    Полезная статья, я как раз пытаюсь создать что-нибудь красивое и минималистичное )

Оставить комментарий:

Anti-Spam Protection by WP-SpamFree


  • Kevin Durant Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Nike Lebron James Shoes
  • Derrick Rose Shoes
  • D Rose Shoes
  • KD 7 Shoes
  • Kobe X Shoes
  • Kobe 10 Shoes
  • KD 7
  • Kevin Durant Shoes
  • KD Shoes
  • Nike KD Shoes
  • Kobe 10 Shoes
  • Discount Kobe Shoes
  • Kobe Shoes
  • Kobe Bryant Shoes
  • KD 7 Shoes
  • Kyrie Irving Shoes
  • Lebron 12
  • Lebron James Shoes
  • Lebron Shoes
  • Nike Free
  • Nike Free Run
  • Air Max Shoes
  • Cheap Air Max Shoes
  • Lebron James Jersey
  • Kobe Bryant Jersey
  • Kevin Durant Jersey
  • Air Jordan Shoes
  • Michael Jordan Jersey
  • Blake Griffin Shoes
  • Russell Westbrook Shoes
  • Rose Shoes
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Shoes
  • Kyrie 1 Shoes
  • Nike Free 5.0
  • Nike Free 5
  • kevin durant shoes
  • kd 7
  • kd new shoes
  • KD Shoes
  • Kyrie 1
  • Jeremy Scott shoes
  • Jeremy Scott Adidas
  • Tenis Adidas Springblade
  • Kevin Durant Shoes
  • Kobe Bryant Shoes
  • KD Shoes Store
  • KD Sneakers
  • Lebron Basketball Shoes
  • Adidas Porsche Design
  • kd shoes
  • Cheap Herve Leger Dress
  • Cheap Lebron Shoes
  • Adidas Porsche Design
  • Lebron James Shoes
  • Coach Retail Store
  • nba jerseys
  • louis vuitton handbags
  • Cheap Lebron 11
  • Kobe Bryant Shoes
  • Kevin Durant Shoes
  • louis vuitton belts
  • kobe shoes
  • Lebron James Shoes
  • Kevin Durant Shoes
  • Los Angeles Clippers Jerseys
  • Toronto Raptors Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • KD Shoes
  • Lebron James Shoes
  • KD 7
  • Westbrook Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Air Max Shoes
  • kobe bryant shoes
  • Derrick Rose Shoes
  • Rose Shoes
  • KD 7
  • Kobe X
  • Kobe 10
  • Lebron Shoes 12
  • kyrie irving shoes
  • Nike KD Shoes
  • Cheap Nike Free
  • Nike Free
  • Lebron 12 Shoes
  • Cheap Air Max
  • Cheap Lebron Jerseys
  • Kobe Bryant Jerseys
  • Kevin Durant Jersey
  • Kobe Shoes
  • Griffin Shoes
  • Michael Jordan Jerseys
  • Kobe Jerseys
  • Lebron Jerseys
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Cheap Supra Shoes
  • Supra Shoes
  • Nike Kyrie 1
  • Nike Free Shoes
  • Nike Free Run
  • KD shoes
  • Kyrie 1 Shoes
  • Kevin Durant Shoes
  • Jeremy Scott Wings
  • Jeremy Scott Shoes
  • Lebron James Shoes
  • Adidas Porsche Design
  • Kobe Shoes
  • Cheap Kevin Durant Shoes
  • Kevin Durant Shoes
  • Lebron 11
  • Porsche Design Adidas
  • Cheap KD Shoes
  • Lerbon James Sneakers
  • Cheap KD Shoes
  • Herve Leger Dress
  • Lebron Shoes
  • Porsche Design Shoes
  • Lebron Shoes
  • Nike Shoes
  • Cheap Coach Bags
  • louis vuitton purses
  • cheap nba jerseys
  • Lebron James Shoes
  • Cheap Kobe Shoes
  • Kobe Shoes
  • KD Shoes
  • KD Shoes
  • Sacramento Kings Jerseys
  • Washington Wizards Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Lebron 11
  • Kobe Shoes
  • cheap kobe shoes
  • lebron 12 shoes
  • James Shoes
  • Lebron Shoes
  • Rose Shoes
  • Derrick Rose Shoes
  • Kobe 9
  • NIke KD
  • KD VII
  • KD Shoes 2015
  • kyrie shoes
  • Air Max 90
  • Air Max Shoes Sale
  • Nike Free Shoes
  • Nike Free Run 2
  • Lebron 12
  • Lebron Jerseys For Sale
  • Cheap Kobe Jerseys
  • KD Jersey
  • Jordan Jersey
  • Jordan Griffin Shoes
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Footwear
  • Supra Shoes
  • KD Shoes
  • Kyrie irving Shoes
  • Nike Free Run Shoes
  • nike free run 5.0 women
  • KD Shoes
  • Kyrie Irving Shoes
  • Kevin Durant Shoes
  • KD Shoes
  • Kobe Shoes
  • Kobe Shoes
  • Adidas Wings
  • Kobe Bryant Shoes
  • Porsche Design Adidas
  • Cheap Kobe Shoes
  • KD 6
  • Cheap Westbrook Shoes
  • Kevin Durant Shoes
  • Adidas Porsche Shoes
  • Cheap Lebron James Shoes
  • Kevin Durant Shoes
  • Herve Leger Outlet
  • Lebron James Shoes
  • Adidas Porsche Design Bounce
  • Nike Lebron Shoes
  • Coach Outlet
  • nba jerseys for sale
  • louis vuitton bags
  • Air Jordan 29
  • Nike Lebron Shoes
  • Nike Kobe Shoes
  • Cheap Kobe Shoes
  • Cheap KD Shoes
  • KD 6
  • Utah Jazz Jerseys
  • Philadelphia 76ers Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron New Shoes
  • James Shoes
  • Cheap Lebron 11
  • Lebron James Shoes
  • KD 7
  • Adidas Rose Shoes
  • Rose 5
  • NIke KD 7
  • irving shoes
  • KD Shoes
  • Kobe 9
  • Air Max 95
  • Air Max 2014
  • Nike Free 3.0
  • Nike Free Run 3
  • lebron shoes for sale
  • kobe 2014
  • Cheap Lebron James Shoes
  • Kobe Jerseys
  • Kevin Durant Jerseys
  • Jordan Jerseys
  • Cheap Griffin Shoes
  • Jordan Westbrook Shoes
  • Kobe Jersey
  • Lebron Jersey
  • Supra Online
  • Supra Shoes
  • Kyrie 1
  • Irving Shoes
  • Kyrie Shoes
  • Nike Kyrie 1
  • KD Shoes 2015
  • Kobe Shoes 2015
  • Kobe Shoes 2015
  • Kevin Durant Shoes
  • Nike KD Shoes
  • Nike Kobe Shoes
  • Nike Kobe Shoes
  • Adidas Jeremy Scott
  • Adidas Jeremy Scott
  • KD Shoes
  • Adidas Springblade Shoes
  • Kevin Durant Shoes
  • nba jerseys 2015
  • Porsche Design Shoes
  • KD 6
  • KD Shoes Sale
  • Lebron James Shoes
  • Lebron James Shoes
  • Cheap KD Basketball Shoes
  • Herve Leger Bandage Dress
  • Adidas Porsche Bounce Shoes
  • Cheap Lebron Shoes
  • Cheap Coach Handbags
  • Louis Vuitton Bags Women
  • louis vuitton outlet
  • Kobe Shoes
  • Cheap Jordan Shoes
  • Lebron Shoes
  • Lebron Shoes Sale
  • Kobe Shoes Sale
  • Kobe Bryant Shoes
  • Lebron James Shoes
  • KD 6 Shoes
  • Boston Celtics Jerseys
  • New Orleans Pelicans Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Cheap Lebron Shoes
  • Lebron Basketball Shoes
  • Cheap Lebron Shoes
  • D Rose Shoes
  • Rose 5.0
  • KD Shoes
  • kyrie irving shoes
  • Nike Air Max Shoes
  • Nike Air Max
  • Nike Free 5.0
  • Nike Free Womens
  • nike lebron 12
  • kobe shoes 2014
  • Cheap Lebron Shoes
  • KD 7 EP
  • KD 2014
  • Kevin Durant Shoes
  • Lebron Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • KD Jerseys
  • Cheap Jordan Jerseys
  • Hyperdunk Griffin Shoes
  • Westbrook Shoes 2015
  • Nike Kobe Jersey
  • Lebron Jersey For Sale
  • Nike Supra
  • Supra Shoes
  • Kyrie 1
  • nike free run 5.0 women
  • nike free run women
  • Cheap Kyrie 1
  • Cheap Kyrie Shoes
  • Kyrie Shoes 2015
  • Adidas Shoes
  • Lebron Shoes
  • Porsche Design Shoes
  • Kobe 8
  • KD Shoes
  • Cheap Kevin Durant Shoes
  • Lebron Shoes
  • nba jerseys 2014
  • kd Shoes nba
  • Herve Leger Bandage Dress
  • Nike Lebron 11
  • louis vuitton sale
  • Kobe Bryant Shoes
  • Air Jordan Shoes
  • Cheap Lebron James Shoes
  • Kobe Shoes Sale
  • Lebron Shoes
  • Miami Heat Jerseys
  • Los Angeles Lakers Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Westbrook Shoes Sale
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron James Shoes
  • Lebron James Shoes Sale
  • Lebron James Jerseys
  • Cheap Rose Shoes
  • Rose 5 Shoes
  • Nike Free 6.0
  • Nike Free Sale
  • Kyrie Shoes Sale
  • KD Shoes
  • Air Max 2014
  • Air Max 90
  • cheap lebron shoes
  • lebron shoes
  • Lebron James Jersey
  • Lebron Shoes
  • Cheap KD Jerseys
  • Kevin Durant Jersey For Sale
  • Kobe Shoes
  • Jordan Jersey sale
  • Jordan Blake Griffin Shoes
  • Russell Westbrook Shoes Sale
  • official supra shoes
  • Porsche Design Shoes
  • Cheap Jeremy Scott Wings
  • Kobe Shoes sale
  • Lebron Shoes
  • Herve Leger Sale
  • nba jerseys sale
  • Coach Wallets
  • cheap louis vuitton handbags
  • Air Jordan
  • Nike Lebron Shoes Sale
  • Kobe 9
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • nike free run 5.0 men
  • nike free shoes on sale
  • Supra Shoes
  • LV Handbags Men
  • Kevin Durant Shoes
  • KD VI
  • Adidas Shoes
  • San Antonio Spurs Jerseys
  • Chicago Bulls Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Kevin Durant Shoes
  • Lebron Shoes Sale
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron James Shoes
  • Rose New Shoes
  • Rose Shoes 2015
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron Jerseys sale
  • Nike kyrie shoes
  • Adidas Derrick Rose
  • Adidas Store
  • Adidas Shoes
  • Adidas Derrick Rose
  • lebron james shoes
  • Nike Kyrie Shoes
  • Kyrie irving Shoes For Sale
  • Lebron James Jersey
  • Kobe Bryant Jerseys
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • Supra Shoes
  • Russell Westbrook Shoes
  • Kobe Jersey Sale
  • Cleveland Cavaliers Lebron Jersey
  • OKC Jersey
  • Nike Lebron Shoes
  • Lebron James Basketball Shoes
  • Kevin Durant Shoes
  • Herve Leger Bandage
  • Griffin Shoes Sale
  • nba jerseys store
  • Lebron Shoes 2014
  • cheap louis vuitton bags
  • Cheap Kobe Jersey
  • Lebron Jersey 23
  • Jordan Shoes
  • official nba jerseys
  • NBA Stars Basketball Shoes
  • KD Shoes
  • Air Max Shoes 90
  • Air Max 95
  • KD 2014 Shoes
  • KD For Sale
  • Nike Shoes
  • Nike Free
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • Phoenix Suns Jerseys
  • Customized NBA Jerseys
  • Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Bulls Jordan Jersey
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1