Дэталі карпаратыўнага вэб-дызайну

Праслухаць гэты артыкул

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

1. Адсутнасць тэксту і карцінак патрабуе высокай чытэльнасці

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

2. Дрэнная рух і працоўны працэс

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

3. Дрэннае спалучэнне малюнкаў

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

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

4. Не выкарыстанне сеткі ў вэб-дызайне

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

5. Не выкарыстоўвайце адаптыўны дызайн

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

6. Спасылкі губляюцца і разбіваюцца (бітыя спасылкі на сайце)

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

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

7. Аўтаматычна прайграваць музыку і дадаваць гук на вэб-старонкі

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

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

Аб дэталях дызайну ніжняга калантытула сайта ў дызайне сайта

Па-першае, змест яснае і лёгкае для разумення:

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

Па-другое, спалучэнне колераў дарэчы і хораша:

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

Па-трэцяе, пазбягайце цяжкіх сітуацый:

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

Па-чацвёртае, цалкам выкарыстоўвайце прастору старонкі і надайце ўвагу пустой прасторы:

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

Па-пятае, зрабіце неабходнае ўпрыгожванне:

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

На якія дэталі вэб-дызайну варта звярнуць увагу

1. Не дадавайце слупкі па жаданні:

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

2. Не ўмешвайцеся ў дызайн па сваім жаданні:

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

3. Выразаць малюнак па жаданні, незалежна ад дынамічнага пашырэння старонкі:

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

4. Малюнак прыгожая, але рэальнага сэнсу ў ёй няма:

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

5. Стыль інтэрфейсу ўсёй станцыі:

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

На якія дэталі варта звярнуць увагу ў дызайне сайта

• Па-першае, абярыце добры шрыфт:

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

• Па-другое, звернеце ўвагу на навыкі кампаноўкі графічнага дызайну:

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

• Па-трэцяе, на малюнку ёсць вадзяны знак:

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

• Па-чацвёртае, дадайце мультымедыйныя дынамічныя эфекты:

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

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