Выкарыстоўвайце Упор, каб прыцягнуць увагу гледача
Акцэнт у дызайне вэб-старонкі стварае вобласць або аб'ект, які з'яўляецца каардынацыйным цэнтрам для гэтай старонкі. Гэта спосаб зрабіць адзін элемент вылучыцца ў дызайне. Каардынацыйны цэнтр можа быць больш, чым іншыя элементы канструкцыі або яркімі, абодва з якіх, як правіла, каб прыцягнуць увагу. Калі вы распрацоўваеце сайт, вы можаце дадаць акцэнт, выбіраючы слова або фразу і прысваенне яму колер, шрыфт або памер, што робіць яго вылучыцца, але ёсць шмат іншых спосабаў выкарыстоўваць акцэнт у дызайне.
Выкарыстанне Акцэнт у дызайне
Адна з самых вялікіх памылак, распрацоўшчыкі могуць зрабіць, каб паспрабаваць зрабіць усё, што ў канструкцыі вылучаецца. Калі ўсе мае роўнае ўвагу, дызайн здаецца заняты і заблытаным ці горш сумным і непрывабным. Для таго, каб стварыць каардынацыйны цэнтр у вэб-дызайне, не выпускаць з-пад увагі выкарыстанне:
- Лініі: Стварыце акцэнт на кантрасце. Калі некалькі элементаў размешчаны гарызантальна, адзін вертыкальны элемент становіцца цэнтрам.
- Колер: Калі большасць элементаў у дызайне цёмныя або прыглушаныя, любы аб'ект з колерам прыцягвае вачэй.
- Формы: Калі большасць формаў з'яўляюцца няправільнымі, геаметрычная форма вылучаецца.
- Блізкасць: Калі некалькі элементаў згрупаваныя, і адзін асобна ад групы, вачэй ідзе да адзінаму элементу.
- Размяшчэнне: Хоць ёсць выключэнні, элемент змешчаны ў цэнтры канструкцыі , як правіла , прыцягвае ўвагу.
- Вага: цяжкі элемент прыцягвае ўвагу гледача.
- Паўтор: Калі просты графічны элемент для ўводу паўтараюцца, вачэй варта паўторнага элементу да факальнай кропцы.
- Кантраст: У дадатку да кантрастам , створаным па колеры і лініях, кантраснасць можа быць атрымана шляхам змяненнем памеру, тэкстуры ці шрыфта. Выклікае змену фокуснай элемента вылучыцца.
- Прабелы: элемент , акружаны белым (або пустое) прастора становіцца цэнтрам.
Іерархія ў вэб-Designs
Іерархія візуальнае размяшчэнне элементаў дызайну, якія паказваюць на важнасць па памеры. Самы вялікі элемент з'яўляецца самым важным; менш важныя элементы маюць меншыя памеры. Фокус на стварэнне візуальнай іерархіі ў вашых вэб-дызайну. Калі вы працавалі , каб стварыць семантычны струмень у вашу HTML - разметку, гэта проста таму , што ваш вэб - старонка ўжо мае іерархію. Усе ваш дызайн павінен зрабіць, гэта падкрэсліць правільны элемент, такія як H1 загаловак-для большай выразнасці.
Нароўні з іерархіяй у разметцы, прызнае, што вочы гасцявых праглядаюць вэб-старонку ў Z шаблоне, які пачынаецца ў верхнім левым куце экрана. Гэта робіць верхні левы кут старонкі добрым месцам для важнага элемента, напрыклад лагатып кампаніі. У верхнім правым куце ёсць другая лепшая пазіцыя для размяшчэння важнай інфармацыі.
Як уключаць Упор ў вэб-Designs
Асноўная ўвага ў вэб-дызайне можа быць рэалізаваны рознымі спосабамі:
- Выкарыстоўвайце семантычную разметку, каб забяспечыць акцэнт нават без якіх-небудзь стыляў.
- Змена памеру шрыфтоў або малюнкаў, каб падкрэсліць або дэ-падкрэсліць іх у дызайне.
- Выкарыстоўвайце кантрасныя колеру , каб забяспечыць акцэнт.
- Памер мае значэнне. Велізарнае слова на старонцы або на экране атрымлівае неадкладнае ўвага.
- Аб'ёмны факальнай кропку з прабелам.
- Паўтарыце слова або малюнак, каб прыцягнуць увагу.
Дзе Ці Падначаленне Fit In?
Падпарадкаванне адбываецца, калі вы прыглушыць іншыя элементы ў канструкцыі, каб зрабіць каардынатар поп. Адным з прыкладаў з'яўляюцца ярка каляровым графічным размешчаны на чорна-белы фоне фота. Той жа эфект узнікае пры выкарыстанні прыглушаныя колеру або колеру, якія зліваюцца з фонам ззаду факальнай пункту, прымушаючы яго вылучыцца.