Акценти в дизайна на уеб страница създава област или обект, който е фокусна точка за страницата. Това е начин да се направи един елемент се отличава в дизайна. Фокусната точка може да бъде по-голяма от другите елементи на дизайна или ярко оцветени - и двете са склонни да нарисуват окото. Когато проектирате уеб страница, можете да добавите акцент, като изберете дума или фраза и я зададете цвят, шрифт или размер, които я отличават, но има много други начини да се акцентира върху вашия дизайн.
Използване на акцент в дизайна
Един от най-големите грешки уеб дизайнерите може да направи е да се опита да направи всичко в дизайна се открояват. Когато всичко е със същия акцент, дизайнът изглежда зает и объркващ или по-лош - скучен и непривлекателен. За да създадете фокусна точка в уеб дизайна, не пренебрегвайте използването на:
- линии: Създайте акцент чрез контраст. Ако няколко елемента са хоризонтални, един вертикален елемент става фокусна точка.
- Цвят: Ако повечето елементи в дизайна са тъмни или заглушени, всеки обект с цвят привлича окото.
- форми: Когато повечето форми са неправилни, геометрична форма се откроява.
- близост: Когато няколко елемента са групирани и една е отделна от групата, окото отива към единичния елемент.
- Разположение: Въпреки че има изключения, елемент, поставен в центъра на дизайна, обикновено привлича вниманието.
- Тегло: Твърд елемент привлича вниманието на зрителя.
- Повторение: Когато се повтаря прост елемент от тип "графичен към тип", окото следва многократния елемент към фокусната точка.
- Контраст: В допълнение към контрастите, създадени от цветовете и линиите, контрастът може да бъде генериран по размер, текстура или шрифт. Промяната причинява фокалният елемент или акцентът да се открояват.
- Бялото пространство: Елемент, заобиколен от бяло (или празно) пространство, става фокусна точка.
Йерархия в уеб дизайна
Йерархията е визуалното разположение на дизайнерските елементи, които показват значението по големина. Най-големият елемент е най-важният; по-малко важните елементи са по-малки. Фокусирайте се върху създаването на визуална йерархия във вашия уеб дизайн. Ако сте работили за създаване на семантичен поток към вашия HTML маркер, това е лесно, защото уеб страницата ви вече има йерархия. Целият ви дизайн трябва да наблегне на правилния елемент - като заглавие на H1 - за най-голямо внимание.
Заедно с йерархията на маркирането, разпознаваме, че зрителското виждане вижда уеб страница в Z образец, който започва в горния ляв ъгъл на екрана. Това прави в горния ляв ъгъл на страницата подходящо място за важен елемент като фирмено лого. Горният десен ъгъл е втората най-добра позиция на разположение за важна информация.
Как да включите акцент в уеб дизайна
Акцентът в уеб дизайна може да се реализира по много начини:
- Използвайте семантичен маркер, за да подчертаете дори и без стилове.
- Променете размера на шрифтовете или изображенията, за да подчертаете или да ги подчертаете в дизайна.
- Използвайте контрастни цветове, за да подчертаете.
- Брой размери. Голяма дума на страницата или екрана получава незабавно внимание.
- Заобиколете фокусната точка с бяло пространство.
- Повторете думата или изображението, за да привлечете вниманието.
Къде се подчинява подчинението?
Подчиняването се случва, когато намалите други елементи в дизайна, за да направите фокусната точка поп. Един пример е ярко оцветена графика, разположена срещу снимка на черно-бял фон. Същият ефект възниква, когато използвате заглушени цветове или цветове, които се сливат с фона зад фокусната точка, което я кара да се откроява.
