Прынцыпы дызайну: што варта ўлічваць у графічным вэб-дызайне

Плоскі дызайн сайта ў графічным вэб-дызайне. Некаторы час таму вэб-дызайнеры напаўнялі кожны вэб-сайт, над якім яны працуюць, цудоўнымі ілюстрацыямі, анімацыяй і іншымі эфектамі, проста каб прыцягнуць наведвальнікаў. Вобласць дызайну і распрацоўкі вэб-сайтаў бачыла больш.

Існуе скеваморфны дызайн, які спрабуе ўкараніць рэальнасць у экран з дапамогай дэкаратыўных тэкстур, ценяў і рухі. Гэта змянілася ў сувязі са з'яўленнем плоскага дызайну вэб-сайтаў.

Графічны дызайн вэб-сайта ўключае ў сябе выкарыстанне ключавых элементаў, якія робяць любы анлайн-рэсурс вэб-сайта зручным і функцыянальным. Інтэграцыя спрошчаных шрыфтоў, кветак, палосак, абразкоў і выдатны карыстацкі інтэрфейс прыўносяць гармонію ў графічны дызайн.

Эстэтычна прывабны; візуальная ўзгодненасць і простая рух, якія дазваляюць карыстальнікам атрымліваць асалоду ад навігацыяй па ўсім сайце, паляпшаючы ўспрыманне плоскага вэб-сайта.

Што робіць плоскі дызайн прывабным для карыстальнікаў, дык гэта яго прастата і прывабны карыстацкі інтэрфейс. Дзякуючы мінімалісцкім падыходу вэб-сайты лёгка забяспечваюць высокую хуткасць загрузкі і выдатную прадукцыйнасць.

Але каб дамагчыся гэтага на вашым вэб-сайце, на этапе праектавання неабходна ўлічваць некаторыя канкрэтныя фактары. Вось некалькі парадаў.

1. Падкрэсліце, тое што важна

Графічны дызайн абапіраецца на простыя базавыя геаметрычныя элементы, у тым ліку формы, рамкі і друкарню, для фарміравання макета. Калі вы жадаеце атрымаць высокі бал у іерархіі кантэнту ў ствараным вамі макеце, вам неабходна пацвердзіць парадак, сіметрыю элементаў і іх памер. Вам неабходна сінхранізаваць іх на сваіх старонках такім чынам, каб наведвальнікі маглі бачыць іх так, як вы хочаце.

2. Няхай колер створыць глыбіню

У графічным вэб-дызайне колер з'яўляецца важным элементам. Вы можаце не толькі атрымаць візуальна прывабны вэб-сайт, але і выкарыстоўваць іх для стварэння ілюзіі глыбіні. Плоскі дызайн залежыць ад вонкавага выгляду 2D. Вы не можаце выкарыстоўваць хупавыя прыёмы, якія вэб-дызайнеры выкарыстоўваюць для стварэння глыбіні.

Калі вы ведаеце, як творча выкарыстоўваць светлыя элементы па-над цёмнымі адценнямі, вы створыце глыбіню, якая ідэальна спалучаецца.

3. Дадайце групы

Палоскі ў плоскім дызайне вэб-сайта дададуць збалансаваную здабычу вашаму макету. Палосы - гэта гарызантальныя вобласці, якія дапамагаюць арганізаваць структуру вашага сайта пэўным чынам. Вы павінны надаць кожнай паласе унікальны дызайн і намер.

Такім чынам, становіцца лёгка маркіраваць розныя блокі кантэнту і дапамагаць адрозніваць адзін блок кантэнту ад другога. Вы можаце класіфікаваць кліпы для пэўных катэгорый кантэнту, такіх як праграмнае забеспячэнне, часовая шкала і г. д.

Налады гарызантальнай панэлі ў розных раздзелах павінны дапамагчы карыстальнікам хутка перамяшчацца па вашым сайце і знаходзіць тое, што яны шукаюць.

4. Спрошчаная рух

Відавочна, прастата ў гэтым сэнсе павінна быць відавочнай у навігацыі. Калі на вашым вэб-сайце шмат старонак, вам неабходна максімальна спрасціць структуру вэб-сайта і выкарыстоўваць якія расчыняюцца меню. Не забудзьцеся зрабіць які расчыняецца спіс максімальна лагічным.

5. Выкарыстоўвайце правільны шрыфт

Нават калі ў вас ёсць некалькі інтэрфейсаў для вашых праектаў графічнага дызайну, вы павінны ведаць, што не ўсе шрыфты сумяшчальныя. Паспрабуйце абраць просты прамой шрыфт.

Вы можаце выбраць любы шрыфт без засечак, вам трэба паспрабаваць некалькі і паглядзець, які з іх лепш адпавядае вашай філасофіі дызайну.

6. Выдаліць эфект

Яшчэ да таго, як вы на паўдарозе да распрацоўкі плоскага макета, вы, верагодна, ведаеце, што занадта вялікі эфект не зяўляецца перавагай у гэтай сітуацыі. Гэты дызайн дрэнна спалучаецца з візуальнымі эфектамі і анімацыяй.

Калі вы прынялі прынцыпы плоскага дызайну, вы атрымаеце гіпнатычны вэб-сайт, і вам не спатрэбіцца гэты эфект.

7. Абярыце лагічныя значкі

У графічным дызайне абразкі адыгрываюць цэнтральную ролю. Яны падкрэсьліваюць прагрэс і накіроўваюць наведвальнікаў на ваш сайт. У дадатак да графічнай каштоўнасці, яны дапамагаюць наведвальнікам інтуітыўна зразумець і зрабіць усвядомленыя наступныя дзеянні. Памятайце, што вы не можаце выкарыстоўваць гэтыя значкі для гэтага.

Кожны элемент графічнага дызайну павінен мець сэнс у рамках шырэйшай карціны. Вам трэба зрабіць дададзеныя значкі больш функцыянальнымі, чым візуальнымі.

8. Выкарыстоўвайце простыя колеры

Выкарыстанне колеру ў графічным дызайне мае вырашальнае значэнне. Без колеру графічны дызайн не можа дасягнуць сваіх мэт. Вам трэба спалучаць плоскія элементы дызайну з асноўнымі колерамі. Падумайце аб выбары смелых і моцных кветак, якія падкрэсляць плоскі элемент у гэтым тыпе дызайну.

Добрая навіна заключаецца ў тым, што вы не абмежаваны пэўным колерам. Вы ўсё яшчэ можаце выкарыстоўваць варыяцыі асноўных колераў. Вам трэба праектаваць з выкарыстаннем колеру, ведаючы, што ваш выбар павінен адлюстроўваць вашыя дзелавыя намеры, нішу і вашу аўдыторыю/кліентаў.

Калі вы дасведчаны эксперт па вэб-прыкладанням, вам не складзе працы абраць ідэальную каляровую схему для будучыні вэб-сайта. Калі вы не можаце ўявіць правільнае веданне колеру, ёсць анлайн-інструменты дызайну, якія могуць дапамагчы вам у вашых намаганнях.

Калі і дзе выкарыстоўваць плоскі дызайн?

Ідэнтыфікатар плоскага дызайну лепш за ўсё выкарыстоўваць у меру. Вы заўсёды можаце выкарыстоўваць мінімалістычны інтэрфейс. Аднак ён не ідэальны для кожнай задачы дызайну вэб-сайта. Плоскі дызайн падыходзіць для вэб-сайтаў партфоліё, падыходзіць для вэб-сайтаў з тэхналогіямі малога бізнэсу.

Гэта не найлепшы выбар, калі ваш праект складаны. Для сайтаў, арыентаваных на інтарэсы дзяцей, дадайце некалькі пацешных элементаў з аніміраванымі персанажамі і кветкамі. Калі вы распрацоўваеце гульнявы вэб-сайт, выкарыстоўвайце графіку і эфекты, звязаныя з ідэяй гульні.

Што прымушае плоскі дызайн працаваць?

Нават калі вам не трэба ўключаць празмернасці, плоскі дызайн вэб-сайта усё роўна працуе. Іерархія дызайну і размяшчэння элементаў дазваляе карыстальнікам лёгка арыентавацца і разумець прагрэс, не належачы на якія-небудзь тэхналогіі.

Вэб-распрацоўшчыкі стаміліся ад канцэпцыі плоскага дызайну, але яна можа тварыць цуды з адаптыўным дызайнам прыкладанняў і вэб-сайтаў. Той факт, што меншы экран абсталяваны некалькімі кнопкамі, спрашчае выкарыстанне спагадных вэб-сайтаў з плоскім дызайнам.

Калі вы плануеце дызайн мабільнага вэб-сайта, лепш за ўсё пачаць з ідэй плоскага дызайну. Прастата, зручны карыстацкі інтэрфейс і мінімалісцкі падыход дазваляюць лёгка прымяняць прынцыпы дызайну на практыцы.

Дзякуй, што чытаеш Nicola Top