Користете Акцент да го привлечете вниманието на гледачот
Акцентот во дизајнот на веб-страница создава област или објект што е централна точка за страната. Тоа е начин да се направи еден елемент издвоен во дизајнот. Фокусната точка може да биде поголема од другите елементи на дизајнот или светло обоени - и двете имаат тенденција да го привлекуваат окото. Кога дизајнирате веб-страница, можете да додадете акцент со избирање на збор или фраза и доделување на боја, фонт или големина што го прави издвоен, но постојат многу други начини да се користи акцент во вашиот дизајн.
Употреба на акцент во дизајнот
Една од најголемите грешки дизајнери можат да направат е да се обиде да направи се што е во дизајнот издвоите. Кога сè е подеднакво нагласено, дизајнот се појавува зафатен и збунувачки или уште полошо-досаден и неприменлив. За да креирате фокусна точка во веб дизајн, не ја превидувајте употребата на:
- Линии: Направете акцент наспроти контрастот. Ако неколку елементи се хоризонтални, еден вертикален елемент станува фокусна точка.
- Боја: Ако повеќето елементи во дизајнот се темни или придушени, секој објект со боја го привлекува окото.
- Форми: Кога повеќето форми се неправилни, се истакнува геометриска форма.
- Близина: Кога неколку елементи се групирани, а еден е одделен од групата, окото оди до една ставка.
- Поставеност: Иако постојат исклучоци, елемент сместен во центарот на дизајнот обично го привлекува окото.
- Тежина: тежок елемент го привлекува вниманието на гледачот.
- Повторување: Кога едноставен графички за тип на елемент се повторува, окото го следи повторениот елемент во фокусната точка.
- Контраст: Освен контрастите создадени од боја и линии, контрастот може да се генерира според големината, текстурата или промените во фонтот. Промената предизвикува фокалниот елемент да се истакнува.
- Бело простор: елемент опкружен со бел (или празен) простор станува фокусна точка.
Хиерархија во веб-дизајни
Хиерархија е визуелна аранжман на дизајнерски елементи кои укажуваат на важност по големина. Најголемиот елемент е најважен; помалку важни елементи се помали. Се фокусира на создавање визуелна хиерархија во вашите веб-дизајни. Ако сте работеле да создадете семантички проток кон вашиот HTML ознака, ова е лесно бидејќи вашата веб-страница веќе има хиерархија. Сите ваши дизајни треба да направат е да го нагласат точниот елемент - како што е насловот H1 - за најголем акцент.
Заедно со хиерархијата во обележувањето, препознајте дека окото на посетителот ја гледа веб-страницата во моделот Z, кој започнува во горниот лев агол на екранот. Тоа го прави горниот лев агол на страницата добро место за важен елемент, како што е логото на компанијата. Горниот десен агол е втората најдобра поставеност за важни информации.
Како да се вклучат акцент на веб-дизајни
Акцентот во веб-дизајнот може да се имплементира на многу начини:
- Користете семантички ознаки за да обезбедите акцент дури и без стилови.
- Променете ја големината на фонтовите или сликите за да ги истакнете или де-истакнете во дизајнот.
- Користете контрастни бои за да обезбедите акцент.
- Големина се брои. Голем збор на страницата или на екранот добива итно внимание.
- Опкружете ја фокусна точка со бел простор.
- Повторете збор или слика за да привлечете внимание.
Каде се вклопува потчинетоста?
Субординирањето се случува кога ќе ги намалите другите елементи во дизајнот за да ја направите фокусна точка. Еден пример е јасно обоената слика позиционирана на црно-бела позадина. Истиот ефект се појавува кога користите пригушени бои или бои кои се вклопуваат со позадината зад фокусната точка, предизвикувајќи таа да издвоите.