Мінімалізм у веб -дизайні, або "робити більше з меншим"

А в TurboBlogе гостьовий пост . В цей раз ми раді запропонувати вам матеріал, підготовлений Юлією Солнцевої — нашим позаштатним автором. В своєї першій статті для нашого блогу Юля поділилася власним баченням минималистического веб-дизайну, а також підкріпила його переконливими прикладами. Втім, краще один раз побачити, ніж пару раз почути про цьому .

Сьогодні на ринку комерційного мистецтва усi ясніше промальовується прагнення до мінімалістичною формі подачі інформації. І ця тенденція не є що-то нове. Це логічне наслідок розвитку і зміни етапів в мистецтві. Коли-то, в 60-х роках, мінімалізм вперше заявив про собі як окреме напрямок мистецтва. Його появление — це протест, реакція на абсолютне торжество експресіонізму в то час, а особливо, його утрированной формы — абстрактного експресіонізму.
Сучасний мир переживає різні стадії розвитку інтернет-технологій. Минула ера web 1.0 — вся сукупність того, ніж був і того, з чого складався інтернет до появи web 2.0 технологій, учасниками і безпосередніми творцями яких ми усi з вами і є.

З недавніх пір дослідники розвитку інтернет-технологій у чолі з Jason McCabe Calacanis, лідером Netscape.com, пророкують нам наступ нової эры — web 3.0, специфіку якої, крім того, що інтернет стане більше орієнтованим соціально, вони так і не змогли сформулювати.rnПонять зростаючу популярність мінімалізму, або як його ще называют — мистецтва ABC, в сучасному веб-дизайні неможливо, не розглянувши специфіку кожної стадії web-технології і визуализировавшего її дизайну.

Першого етапу розвитку дизайну в ері web 1.0. були властиві:

• помітність квітів, в основному з палітри web safe;
• всюдисущий жовтий колір;
• неймовірно дратівливий контраст, наприклад, біле на синьому або червоне на чорному;
• картинка замість фону і, як результат, повна нечитабельность тексту;
• відсутність чіткої структури модульной сітки, а в особливо важких случаях — і самої модульной сітки.

Ось як виглядали сайти знаменитих компаній в 90-х роках:




Дизайнери знали і любили тільки один шрифт — Comic Sans.Але слід пам'ятати, що дизайн розвивався паралельно з інтернет-технологіями. Дизайнерам ніде і не у кого було учиться — вони були першопрохідцями.

Потім, на рубежі 90-х і 2000-х, розвиток дизайну і графіки призвело до гонці креативності. Дизайнери ще буквально пару років назад намагалися всіляко втримати увага відвідувача візуальними приманками, будь-то вражаючий флеш або реалістичний 3D. Абстрактні форми і нестандартний интерфейс — усi це, звичайно ж, приваблювало увага користувача, але разом з тим і відволікало його від контенту сайту, в зв'язку з ніж більшість сайтів не виконувало своєї першорядної функції — інформування. В итоге сьогодні интернет  перенасичений шаблонним креативом, що зробило безліч сайтів однотипними.

Правду кажуть: в наше час, щоб відрізнятися, потрібно бути простим. І мінімалізм в який-то міру відповідає цим вимогам. Як і коли-то в живопису, мінімалізм сьогодні в веб-дизайне — це спроба витягнути контент з інформаційного шуму, розставити акценти, сформувати чітку схему сприйняття. Яскравий дизайн здатний втримати увага відвідувача, минималистический — направити його в потрібне русло.

Основні принципи мислення в стилі мінімал:

• відмова від суб'єктивності сприйняття;
• відмова від символізму і метафорических форм;
• вражаюча геометрическая чіткість;
• баланс контрастів;
• нейтральні поверхні, м'які текстури.

Ледачий дизайнер або дизайнер-мінімаліст? Як ж розпізнати талант? Для формування системи сприйняття дизайнери-минималисты використовують певні методи. Про них — далі.

Мінімальне використання графіки не має означати її відсутність.
Спрощення графіки до мінімуму — один з основних прийомів мінімалізму, при цьому минималистичная графіка повинна мати свій стиль і смисловий посил.


Непомітний колір фону, в основном — різні варіації поєднання чорного і білого, або переважно світлі тони, які створять ділової стиль сайту і тим самим викличуть у користувачів відчуття довіри, надійності, стабільності, серйозності.Виділяйте важливу інформація кольором.

Чіткість модульной сітки — це важливо. Інформація, яка має чітку структуру, легко сприймається і запам'ятовується.rnИспользование модульной сітки і напрямних не тільки полегшить структурирование всіх елементів дизайну щодо один друга, але і в значною міру збереже нерви верстальщику, котрий набагато швидше вирахує розміри всіх елементів підкладки.




Зрозуміла користувачу навігація.Навігація, спрощена до мінімуму, прискорить процес пошуку інформації і сприйняття структури сайту. Це один з елементарних способів швидко донести інформацію до відвідувача. Веб-дизайнери часто вдаються до використанню простий навігації.

В прямому сенсі слова — прибрати усi зайве.Поменше графіки. Якщо ви вирішили використовувати фотоматеріали, зробіть їх наочної ілюстрацією роду діяльності фірми.

Палітра.Правильний підбір палітри дуже важливий для формування необхідного сприйняття інформації. Минимализм — не синонім просто ти і сірості, або зовсім відсутності кольори, мінімалізм це стиль подачі інформації. Мистецтвознавці дають лише стилістичні поради, а усi остальное — справа смаку веб-дизайнера і переваг замовника.


Упрощаем дизайн, виносимо шрифт на перший місце. Якщо текстовий контент для вас справа першорядне, то шрифт для дизайна — «цар і бог». Експериментуйте не тільки з видами шрифтів, але і з інтервалами, кольором. Про шрифти слід відзначити кілька цікавих фактів. Природно, дизайнер, працюючи з шрифтами, хоче, щоб його сайт виглядав оригінально. Але істина полягає в тому, що у більшості користувачів, яким пощастить відвідати цей сайт, встановлені лише системні шрифти, і у 99% —  це шрифти системи Windows. Так що, експеримент має свої логічні обмеження, використовуйте нестандартні шрифти там, де це доречно: логотипи, написи.





Сфера застосування мінімалізму в веб-дизайніЯк по мені, мінімалізм, в принципі, не має обмежень по сфері свого застосування. Але практика використання цього напрямку склалася таким чином, що частіше всього
веб-дизайнери застосовують цей стиль при створенні наступних сайтів:

сайт-візитка, портфоліо:


корпоративний сайт:

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

блог/ персональна сторінка:


В своєї основі принципи оформлення блогу і персональної сторінки такі ж, як і принципи оформлення сайту. Але є відмінності, які задає характер самої блогосферы: бічне меню, спрощена навігація, основне місце відводиться тексту. Хорошим прикладом, котрий демонструє принципи оформлення блогів, може виступити стиль сайту Facebook. Нічого не має відволікати користувача від інформації і спілкування:

Слід пам'ятати, що при використанні минималистического стилю в дизайні також необхідно враховувати специфіку шрифтів, колірні рішення і фірмовий стиль компанії в цілому.

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

Багато фотографи віддають перевагу цього жанру фотографії, в особенности — ломографы. Використовувати порожнє простір як основний атрибут для залучення внимания — головний прийом жанру:



І наостанок хотілося б озвучити девіз дизайнерів-минималистов, котрий дуже добре висловлює суть минималистического напрямку в веб-дизайне — «Doing more with less».