Нагласак у а дизајн веб страница креира подручје или објекат који је фокусна тачка странице. То је начин да се један елемент истакне у дизајну. Тачка фокуса може бити већа од осталих елемената дизајна или јарких боја - и једни и други привлаче поглед. Када дизајнирате веб страницу, нагласак можете додати одабиром речи или фразе и додељивањем а бојом, фонтом или величином по чему се истичу, али постоје многи други начини како да нагласите у свом дизајн.
Употреба нагласка у дизајну
Једна од највећих грешака које веб дизајнери могу да направе је да покушају да истакну све у дизајну. Када све има једнак нагласак, дизајн изгледа заузет и збуњујући или још горе - досадан и незанимљив. Да бисте створили жаришну тачку у веб дизајну, не превидите употребу:
- Линије: Створите нагласак контрастом. Ако је неколико елемената хоризонтално, један вертикални елемент постаје жаришна тачка.
- Боја: Ако је већина елемената у дизајну тамна или пригушена, било који објекат у боји привлачи поглед.
- Облици: Када је већина облика неправилних, истиче се геометријски облик.
- Близина: Када се групише неколико предмета, а један је одвојен од групе, око прелази на појединачну ставку.
- Постављање: Иако постоје изузеци, елемент постављен у средиште дизајна обично привлачи поглед.
- Тежина: Тежак елемент привлачи пажњу гледаоца.
- Понављање: Када се понови једноставни графички укуцани елемент, око прати поновљени елемент до жаришне тачке.
- Контраст: Поред контраста створених бојом и линијама, контраст се може генерисати и променом величине, текстуре или фонта. Промена доводи до издвајања фокалног елемента или нагласка.
- Вхите Спаце: Елемент окружен белим (или празним) простором постаје жаришна тачка.
Хијерархија у веб дизајну
Хијерархија је визуелни распоред елемената дизајна који указују на важност по величини. Највећи елемент је најважнији; мање важни елементи су мањи. Усредсредите се на стварање визуелне хијерархије у вашим веб дизајном. Ако сте радили на стварању семантичког тока до вашег ХТМЛ маркуп, ово је лако јер ваша веб страница већ има хијерархију. Све што ваш дизајн треба је да нагласите тачан елемент - као што је наслов Х1 - за највећи нагласак.
Упоредо са хијерархија у означавању, препознајте да посетиочево око гледа веб страницу у З облику који почиње у горњем левом углу екрана. То чини горњи леви угао странице добрим местом за важне ставке као што је лого компаније. Горњи десни угао је друго најбоље место за постављање важних информација.
Како укључити нагласак у веб дизајне
Истицање веб дизајна може се применити на више начина:
- Користите семантичке ознаке за наглашавање чак и без икаквих стилова.
- Промените величину фонтова или слика да бисте их нагласили или де-нагласили у дизајну.
- Користите контрастне боје да пружи нагласак.
- Величина се рачуна. Огромна реч на страници или екрану привлачи тренутну пажњу.
- Окружите фокусну тачку празнином.
- Поновите реч или слику да бисте скренули пажњу.
Где се подређивање уклапа?
Подређивање се дешава када умањите друге елементе у дизајну да би фокусна тачка искочила. Један пример је јарко обојена графика постављена на црно-белој позадинској фотографији. Исти ефекат се јавља када користите пригушене боје или боје које се стапају са позадином иза фокалне тачке, што доводи до тога да се она истиче.