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

оформление на страница

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

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

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



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

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

Създаване на балансирани оформления 1

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

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

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

лаптоп за повърхностни книги на Microsoft за художници

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

Създаване на балансирани оформления 2

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

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

как да отменя избора в

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

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

Създаване на балансирани оформления 3

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

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

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

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

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

Създаване на балансирани оформления 4

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

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

macbook pro 13 инчов гумен калъф

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

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

Създаване на балансирани оформления 5

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

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

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

Създайте балансирани оформления 6

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

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

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

Създаване на балансирани оформления 7

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

май 4-ти да е с вас лего

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

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

Свързани статии: