Вътрешностите и изводите на минималистичния дизайн
Минимализмът е тенденция, която никога няма да умре. Без значение колко пъти сме оставени в страхопочитание от впечатляващо сложните дизайни, винаги ще има нещо за простотата, което ни оставя също толкова пленени.
Днес ще разгледаме някои от основните аспекти на минимализма в уеб дизайна, заедно с някои примери от дизайнери, които са го разбрали правилно.
Разгледайте дизайнерските ресурси
Какво не е?
Почти винаги е добра идея да проучите какво нещо не е в рамките на дискусия за това какво е. Разглеждането на противоположностите ни дава точков контраст и спомага за оформянето на дефиницията. По същество минимализмът е отклонение от визуално излишното. Богато разнообразните цветови палитри и сложни елементи са пропуснати в полза на обикновените плътни цветове и основните линии.
Разгледайте двата примера по-долу. Тези сайтове представляват ясна алтернатива на минималистичния начин на мислене. Те са визуално доста заети и могат да отнемат една минута, за да проучите, преди да се почувствате като че ли сте разбрали достойно какво се случва в страницата.
Това ги прави лоши дизайни? Абсолютно не. Въпреки че много дизайнери очевидно предпочитат конкретни стилове, присвояването на отчетни стойности на даден метод е също толкова полезно, колкото да се каже, че синьото е по-добро от зеленото или лявото е по-добро от дясното; просто няма истина в тези твърдения и нищо не се получава при обсъждането на такива възможности.
Ако сте професионален дизайнер, трябва да имате възможност да извлечете произволен брой дизайнерски стилове, за да задоволите волята и личността на вашия клиент. Отговорът на въпроса какво не е минимализмът е, че той не е присъщ по-добър подход при създаването на уебсайтове. Ключът след това става не да решите дали ви харесва зает, минималистичен или друг брой дизайнерски стилове по-добре, а да се научите да прилагате всеки метод ефективно. Нека да разгледаме няколко области, върху които да се съсредоточим при създаването на минималистичен дизайн.
книгопечатане
Вашият избор на типография играе огромна роля за ефективността на вашия минималистичен дизайн. Изберете чисти, прости шрифтове с високо ниво на четене. Тънките шрифтове често се използват за предаване на минимализъм, но не се ограничавайте с тази идея, тъй като плътен шрифт е чудесен начин да покажете важен елемент, като заглавие.
По същия начин можете дори да издърпате солиден минималистичен дизайн със сложен, скриптов шрифт. Опитайте се да поддържате страницата и другата си типография възможно най-прости, докато използвате скрипт, за да привлечете вниманието към една област на страницата.
Допълнителни ресурси
40 безплатни минималистични и висококачествени шрифтове
70 Примери за минималистична типография
Силни привеждане в мрежа
Любимото ми прилагане на минимализма е, когато се направи, за да се постигне целта за увеличаване на използваемостта. Добрият минималистичен уеб дизайн често се фокусира върху премахването на страницата до минимален брой отделни секции и елементи, така че навигацията на съдържанието е почти невалидна от всякакъв вид крива на обучение или визуално объркване.
Това много често води до лесно очевидни мрежови подравнения. Нашите очи са много добре запознати с този модел на съдържание и обикновено нямат проблеми да го сортират бързо. Освен това в мозъка ви има нещо, което просто иска предметите да се подредят правилно и по предвидим начин. Приятно е да видите страница със силно подравняване вертикално и хоризонтално. За разлика от тях има един вид визуален и психологически дисонанс, когато не можем веднага да идентифицираме ясен модел в подредбата на елементи на страница.
Допълнителни ресурси
CSK Grid 1KB
ZURB CSS Grid Builder
Контраст
Ако имате минималистичен дизайн в творбите и изглежда просто липсва нещо, коефициентите добавят малко контраст, ще подобрят дизайна драстично. Когато се владее от практикувана ръка, контрастът е ключът към добрия дизайн (ще защитя това изявление до смъртта). В минималистичния уеб дизайн, страницата е толкова съкратена, че няма какво друго да се изпълни, отколкото някакъв умел контраст.
Контрастът е концепция, която всички ние разбираме по своята същност, но да се запознаете с нея може драстично да подобрите вашите дизайни. Вижте простия дизайн по-долу:
Тук наистина не се случва много, що се отнася до цвета и хубавите снимки. Дизайнът обаче е доста атрактивен поради силната употреба на контраст. Заглавната и съдържателната област са ясно разделени и моментално разпознаваеми за това, което са (долният колонтитул използва същия трик). Копието на страницата се различава по размер и смелост, за да привлече вниманието ви към частите на съобщението, които дизайнерът счете за важен.
Страницата по-горе използва нюанси на сивото за разграничаване, но можете също толкова лесно да използвате различни цветове, за да постигнете едно и също нещо.
Само не забравяйте, че има огромна разлика между контрастни и конфликтни цветове. Само защото два цвята са много различни, това не означава, че очите ви ще възприемат разликата като приятна. Уверете се, че сте на теорията на цветовете, преди да вземете драстични решения.
Основното, което трябва да запомните с контраст, е казано най-добре от автора на дизайна Робин Уилямс: „Не бъди сводник! Това, което тя искаше да каже с това, е, че малкото контрастиране не стига много. Ако ще направите нещо по-голямо, така че да се откроява, направете го много по-голям. Ако ще го направите по-смело, направете го наистина смело! Трябва да можете да разберете в миг дали контрастът е налице. Това виждаме често, когато текстът е удебелен. Понякога разликата между удебеления текст и обикновения текст е толкова малка, че трябва наистина да се взирате, за да видите разликата! В този случай удебеленият текст не служи за никаква цел и просто трябва да бъде същият като останалите, за да се предотврати визуално объркване.
Празно
Помислете отново за натоварените примери в началото на тази статия. Тези дизайнери избраха да запълнят почти всеки сантиметър от екрана с нещо визуално интересно. Минимализмът отново приема обратния подход. Той дава на основните компоненти на страницата просторна дишаща стая, която ги разделя.
Whitespace кара зрителя да се чувства комфортно и по-малко клаустрофобичен. Освен това ви помага дизайнерът да контролира къде искате да гледа зрителят. Някои дизайнери настояват, че зрителите ще прочетат всяка страница отляво надясно, следвайки z-образец. Това просто не е вярно във всички случаи. Забележете как дизайнерът по-горе използва бяло пространство и ярко изображение, за да привлече очите си в картината на компютърния екран. Очите ти започват в самия център на изображението, а не в горния ляв!
Това има всичко общо с контраста, както беше споменато по-горе, и с обема пространство, заето от даден обект, срещу бялото пространство около него. За да усетя правилното количество бяло пространство, което да използвам при изпълнение на първоначално оформление, често преобразувам обектите, които ще поставя на страницата, в изключително основни форми в Illustrator. Тогава мога бързо да размествам и преоразмерявам обектите, без да се разсейвам от тяхното съдържание. Извършването на оформление по този начин ви принуждава да помислите за баланса на вашата страница, преди изобщо да подходите към по-сложни естетически елементи.
Както можете да видите, оформлението на Jolicloud е сравнително балансирано и привлекателно, когато се гледа по този начин. Единственото нещо, което ме държи е, че навигационните връзки не се подравняват с дясната страна на съдържанието. Преувеличих го малко в опростената версия, за да го видя по-лесно, но определено е така и в оригиналния образ. Отново виждаме ползата от намаляването на страницата до основни форми, тъй като веднага става очевидно, че навигационните връзки са донякъде неудобно разположени (нито в центъра, нито вдясно, но някъде по средата).
Още статии за минимализма
Не можете да получите достатъчно минимализъм? Вижте страхотните статии и сайтове по-долу:
- 21 ресурси специално за любителите на минимализма: дизайн на Vandelay
- Витрина на чисти и минималистични дизайни: смайващо списание
- Минимализъм в мрежата: Дизайн вдъхновение и WP теми: Урок 9
- 20 красиви минималистични теми за WordPress: Шест редакции
- 25 красиви минималистични дизайни на уебсайтове: дизайн на Vandelay
заключение
Това обхваща дискусията ни за минимализма в уеб дизайна. Кажете ни какво мислите за тази тенденция в коментарите по-долу. Също така не забравяйте да включите всякакви връзки към любимите си сайтове, които дават пример за минимализъм в уеб дизайна.
