Как да създадете балансирани оформления на страници

Автор: Peter Berry
Дата На Създаване: 16 Юли 2021
Дата На Актуализиране: 13 Може 2024
Anonim
Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн!
Видео: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн!

Съдържание

Основната цел на всяко оформление на страницата, което проектирате, независимо дали е за печатна брошура или най-новото уеб приложение, е да предаде информацията ясно и ефективно на читателя. Един от най-добрите начини да се гарантира, че ключовите съобщения се доставят на читателя, е да се създаде балансирано оформление на страницата.

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

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


За повече специфични уеб съвети вижте нашето ръководство за създаване на перфектни оформления на уебсайтове.

01. Използвайте решетка

Един от най-лесните начини да се гарантира, че страницата ви има определен баланс е използването на мрежа мрежа. По-рано мрежите бяха единственият резерват на отпечатаната страница, но през последните няколко години беше свършена много работа онлайн, за да се помогне за мигрирането на концепцията за мрежата към цифровия носител.

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

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


02. Изберете една фокусна точка

Един от най-ефективните начини да осигурите усещане за баланс е да изберете една фокусна точка за вашия дизайн на оформление. Добър пример за това на практика е използването на голямо изображение като най-големия единичен елемент на страница.

Силната визуализация може да осигури мощен начин за въвеждане на читателя във вашата страница (както може и експертният анализ на идеалната услуга за уеб хостинг), а също така предоставя полезен структурен елемент, около който да подредите останалото съдържание във вашето оформление. Ако имате множество визуални елементи, използвайте принципа на близостта на Гещалт теорията, за да ги групирате заедно, като ги подравните по същия начин.

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


03. Използвайте Правилото на третините

Един от най-добрите начини да осигурите усещане за баланс е да използвате любимите на дизайнера Правило на третините или Златното сечение. По-просто казано, правилото за третините казва, че ако разделите страницата си на трети както вертикално, така и хоризонтално, точките, в които линиите на мрежата се пресичат, осигуряват естествените фокусни точки на композицията.

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

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

Често срещаният подход е да поставите най-важните елементи на вашата страница в горната (или долната) трета на страницата, като основната фокусна точка е подравнена, за да съответства на едно от пресечните точки. Имате много активи за съхранение за вашия сайт? Вижте тези опции за съхранение в облак.

04. Използвайте празно пространство

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

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

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

05. Повторете дизайнерските елементи

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

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

06. Използвайте йерархия

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

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

07. Използвайте мащаб, контраст и хармония

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

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

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

Препоръчан
Как Tove Jansson и Moomins продължават да вдъхновяват
Прочетете Още

Как Tove Jansson и Moomins продължават да вдъхновяват

През 2017 г., точно 60 години след създаването на Moomin , нов анимационен сериал на Moomin надмина целта си за краудфандинг, отвори се музей на Moomin и беше насрочена първата ретроспекция на британс...
Creative Swap предлага смяна на уменията
Прочетете Още

Creative Swap предлага смяна на уменията

Creative wap ви предлага шанса да превключите творческите умения за една седмица. Събитието изисква агенциите да се запишат и да разменят служители с някой в ​​друго студио, като целта е да се даде въ...
Как да го направим в индустрията за уеб дизайн
Прочетете Още

Как да го направим в индустрията за уеб дизайн

Създаването на име в дизайнерската индустрия изисква време, умения и търпение. Не става въпрос само за портфолио за спиране на шоуто: тази забързана индустрия означава, че креативните хора непрекъснат...