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