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