Работа с празно пространство невалидни защо толкова много влияние върху дизайна

Какво забелязвате? Разбира се, невероятното остроумие Роуан. Но забелязахте ли как той използва мълчание, за да хората да се смеят? Тази техника се нарича комикс времето, едно от най-важните умения, които трябва да имат успешен комик.

Представете си, Роуън Аткинсън производителност без тези паузи. Не е много смешно, защото това мълчание прави шега смешно. В тази тишина е много важна задача.

Същото може да се каже и за музика. Въпреки че може да се окаже затишие пред рязкото увеличение на ритъма не, замълчи.

Забележете как в горния пример "пада" малко от 0.45 и 1.29? Silence дава драматични бъдещи събития. Взех денс песен, но лесно може да поеме Пето симфония на Бетовен.

И в двата примера, тишината - критичен фактор за привличането на вниманието. По същия начин, тя работи на празно място. В уеб дизайн включва празно пространство пространство без текст и изображения. Можем да кажем, че този "визуален мълчание". За нашия проект, за да функционира, като празното пространство трябва да се комбинира с правилното им използване.

Въпреки че Google не винаги е бил известен със своите умения за проектиране, те винаги са били поддръжници на празното пространство, което е част от дома си страница. Google стартира редизайн, когато страници от своите конкуренти като Yahoo! са плътно опаковани прогнози за времето, новини и поща. не-стегнато интерфейс позволява на потребителите да се фокусират върху основната задача - търсене в интернет, без да се отвлича вниманието от факта, че те не се нуждаят.

Това е трудно да наистина оценявам колко радикално са решения в дизайна през последните 20 години, но ние знаем кой да погледнем в това отношение.

Два вида на бяло пространство

Active празно пространство: пространството между елементите на дизайна, които често се използват за определяне визуални акценти и структуриране. Този асиметричен тип пространство, което прави дизайна по-динамичен и активен.

Пасивно празните пространства между думите в ред или пространството около логото и други графични елементи.

Обърнете внимание на началната страница на 500 пиксела, тъй като използва активно и пасивно празно пространство.

Когато се работи с пространството ние сме основно гледа към празното място активен, но пасивен пространство също трябва да плащат много внимание и как работи с дизайна.

Две празно пространство размер

Празен microspace: Този термин се отнася до малки области на празното пространство между буквите и думите, но също така и между няколко графични елементи. Правилно конфигуриране на празната mikroprostranstv определя цялостната тон на целия проект, без да променя неговия основен компонент. Нещо подобно се в ритъма на танца песни. Песента е едно и също, но някои от тях са спи.

Снимката по-горе показва празната microspace между бутоните Вход и Регистрация, както и между заглавието и параграф.

Празен macrospace: Този термин описва големи количества празно пространство. Например, пространството между колоните или параграфи. Оптимизация macrospace често може драматично да промени своя дизайн, потенциално подобряване на потока и ритъма на вниманието на уеб страницата.

В Tumblr дизайн празен macrospace може ясно да се види в празната колонтитул и отстрани.

Празен бяло пространство?

Терминът празнотата означава, че няма цветове или нюанси, които могат да бъдат объркващи. Празно пространство, в действителност, може да бъде от всеки цвят, който е отговорен за дизайна си в празнота - жълто, синьо, зелено или дори текстура (както в примера по-долу Todoist).

Вашият избор на цвят не е от значение, но не забравяйте, че на цвят и текстура далеч по-приятен за гледане от суровата бяло. Запазва се принципът, дори и да изберете различен цвят или текстура.

Къде и как да се използва празното пространство

Празното пространство и елементите на призив за действие (CTA)

Винаги си представим, че потребителят не знам къде да отида, и надясно Design празно пространство. Идеята е проста - ако има един бутон на средствата, няма нищо на страницата, е необходимо да натиснете бутона. От друга страна, ако страницата е пълен с елементи, които потребителят няма дори да забележите този бутон, защото на заболяването.

Както се вижда на снимката по-горе, на втория елемент CTA много по-привлекателна от първия, тъй като не е затрупана с други елементи.

Използването на бяло пространство за емоционална реакция

Има много начини да предизвикат емоции в дизайна, като например шрифтове, цветове и изображения. Всички тези методи помогне да добавите драма, но празното пространство е най-силният компонент и по-евтино. Някои го е добра инвестиция се обади.

Снимката по-горе показва как Todoist използва празното пространство около заглавието, което води до блясък фоновото изображение и предават положителни емоции. Те също така има и снимка с един щастлив човек, а не някое приложение, което е голям плюс.

Как да се преодолее желанието да запълни празнината

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

Този навик често става и дизайн. Всеки път, когато забелязваме само празно място в нашия проект, ние започваме да си мислим: "Какво ще го напълни?". Този начин на мислене може да доведе до проблеми за дизайнери.

Не пълнете си елементи от дизайна, опитайте се да поставите бутон CTA в центъра и да се създаде около него "безопасна зона" (празно място). Не забравяйте, че пространството не е празна безполезно пространство.

Кой прави добро използване на бяло пространство?

колата изглежда по-малко впечатляващ;

Това не изглежда толкова лесно да прелитат над оформлението;

трудно да се представи историята на падналия човек припадна.

Както може да се види на снимките по-долу, от 1960 г. до днес Volkswagen използва празното пространство, за да се постигне по-голям ефект.

В сравнение с Volkswagen, Apple начинаещ, но се оказа верен привърженик на дизайна с празно пространство - от сайта им, продукти и известния дизайн и архитектура на Apple магазина.

заключение

Научихме, че празното пространство не е бял, а това е мястото, в проектирането, където нищо не се случва. Той е изключително важен принцип в проектирането, за което не трябва да забравяме дизайнерите. Това празно пространство реши дали е възможно да се работи със страницата или не, както и дали искате да дадете малко повече внимание към елемента.

Ние научихме, че празното пространство е от два вида (активни и пасивни) и два размера (микро и макро). Ние сме се счита за пример на равностойността на празно място в комедиите (комикс времето), тъй като тя кара хората да се смеят, но и учи пример на празното пространство в музиката.

И накрая, като дизайнер искам да добавя "по-малкото е повече". От това и отблъскващо в работата си. Празното пространство може да направи дизайна по-добре и да я изгубиш. Надявам се, че тези идеи ще ви помогнат в следващия си проект.

Редакция: Екип webformyself.

Най-IT новини и уеб разработки на нашия канал Телеграма