20 Услови за израду Веб дизајна за Цлуелесс клијента
У индустрији веб дизајна, користимо много инсидер термине. Ово не само да отежава почетак рада за придошлице, посебно клијенти који нису укључени у индустрију дизајна, али комуницирање њиховог значења понекад може бити велики изазов.
У овом речнику смо прикупили 20 често кориштених термина веб дизајна и додали кратко објашњење сваком од њих, тако да свако може брзо да их погледа у случају било какве несигурности. Ако имате клијента који заиста треба убрзани курс у жаргону веб дизајна, поделите овај чланак са њима.
“Анимација”
Техника веб дизајна која додаје покрет на елементе на екрану како би се висуализе цханге или да привући пажњу корисника.
Анимације су моћнији од транзиција, пошто могу да прођу кроз различита стања између почетне и крајње тачке, због чега се могу користити сложенији ефекти.
“Бреадцрумб”
А тип навигације који информише кориснике о њиховим Тренутна локација на сајту.
Крумпири садрже путања на којој се тренутна страница може наћи на почетној страници, обично у формату Хоме / Категорија / Страница
. Сваки елемент стазе је такође цлицкабле тако да корисници могу брзо идите кроз хијерархију локације. Бреадцрумбс се обично приказују на врху сваке странице.
“Цлуттер”
Грешка у веб дизајну, показатељ а лоше дизајнирана страница.
Говоримо о претрпаној страници када је дизајнер исциједио превише информација на истој страници без додавања довољно простора и правилно структурирање садржаја. Претрпаним страницама ниска читљивост, и штети корисничком искуству.
“Шема боја”
А колекција хармонизованих боја користи се за креирање а препознатљив идентитет бренда.
Обично је иста схема боја доследно преко веб сајта бренда, мобилне апликације, логотипа и маркетиншких материјала. Шема боја може бити дизајнирана према различитих принципа, постоје монохроматске, аналогне, комплементарне, тријадне и друге колор шеме.
“Контраст”
Техника дизајна нагласите разлике између елемената који имају различиту улогу или значење.
Користећи додатне боје (супротности на точкићу боја) су ипак најпознатији начин изражавања контраста визуелне разлике у облику, стилу, типографији или распореду елемената странице које желимо разликовати може постићи контрастни ефекат.
“Емпти Стате”
Специфично стање веб локације или апликације када постоји још ниједан садржај на одређеној страници, међутим елементи дизајна су већ на њиховом месту.
Стања првог коришћења, као што су празни профили, типични су примери за празне странице. Они захтевају специфичне дизајнерске технике (као што је онбоард дизајн) информисати кориснике о томе шта би требало бити на страници, и охрабрите их за обављање одређених активности.
“Фикед Лаиоут”
А лаиоут типе у којој се налази сајт и његови елементи користите исту ширину у свим резолуцијама, дефинисане у статичким вредностима (обично пиксела).
Традиционални начин израде веб страница. Ријетко се бирају за новије веб странице, јер су веб-локације с фиксним изгледом тешко употребљиве (читљиве) на екранима мобилних уређаја. Да бисте остали приступачни за мобилне кориснике, многа фиксна изгледа користе а секундарни мобилни сајт.
“Раван дизајн”
А УИ дизајнирајте језик фокусира се на чисте и минималистичке стилове, и уклања компликоване текстуре, обрасце, градијенте и друге фанци ефекте како би помогли корисницима боље фокусирање на садржај.
Раван дизајн је критикован због проблема са употребљивости који произилазе из недостатак тродимензионалности. Зрелије Флат 2.0 дизајн језика, као што је Гооглеов дизајн материјала, појавили су се као одговор, и додали мало дубине назад на раван дизајн.
“Флуид Лаиоут”
А лаиоут типе то користи релативне јединице дефинисати ширину сајта и његових елемената.
Најчешће се користе релативне јединице за распоред флуида процентима, али емс и ремс такође се може користити. Изглед флуида мења величину (растеже се и скупља) као и ширина прозора за приказ. За разлику од прилагодљивих распореда, флуидни распоред не користи медијске упите. Такође се помиње као ликуид лаиоут.
“Фолд”
Доња страна видљивог дела екрана.
Термин “изнад прелома” односи се на дио веб странице коју посјетитељи могу видјети без предузимања било какве акције, док “испод поклопца” односи се на остатак странице коју корисници могу допријети само уз интеракцију са сајтом - обично померањем или превлачењем (на мобилном уређају).
Препоручује се да се стави елементи брендирања (нпр. лого), навигација унутар локације, и ентицинг цонтент да би корисници брзо разумели сврху сајта и да буду заинтересовани за остатак садржаја.
“Достојанствена деградација”
Стратегија веб дизајна укључује све напредне функције подразумевано на сајту, затим касније уклања или поједностављује ствари које не раде у старијим прегледачима, на мање способним уређајима или на нижим пропусним опсегима.
Фокус више о изгледу него на садржај. У мобилној ери, прогресивно побољшање је постало доминантна стратегија веб дизајна за нове сајтове, грациозна деградација се углавном користи на старије или старије локације.
“Херо Имаге”
Ан оверсизед имаге баннер постављени изнад прелома.
Херо слике су висококвалитетне, обично слике пуне ширине релевантне за садржај странице. Поврх тога, обично постоји а кратак (један или два реда) текст која преноси поруку корисницима, и а дугме позива на радњу који их позива да предузму одређену радњу, као што је куповина или пријављивање на сајт.
“Почетне странице”
Изворно било која страница на којој се налази онлине посетилац улази на сајт. Недавно се термин користи за самосталну страницу дизајнирану за специфичне пословне сврхе.
На пример, ако веб корисници прате банер оглас, они се често нађу на одредишној страници која их позива да купе релевантан производ. Одредишне странице са сингле фоцус и а јасан позив на радњу повећавају стопе конверзије.
“Лази Лоадинг”
Техника за учитавање слика и других статичких садржаја, као што су видео снимци, само мало прије њих бити видљив за корисника.
Ако веб-сајт користи лазно учитавање, прво се учитавају само слике изнад фолда, остатак се учитава само када (ако) корисник помери страницу. Често се користи у одговорном и мобилном дизајну штеди ресурсе. На пример, Гоогле АМП убрзава мобилне сајтове лази учитава статичке ресурсе подразумевано.
“Медиа Куери”
ЦСС функција која то чини респонсиве веб дизајн могуће тако што ће омогућити дизајнерима да креирају различите изведбе за различите димензије уређаја (ширина и / или висина), оријентације (пејзаж или портрет) и врсте медија (штампа, екран итд.).
Типично, одговарајући сајтови имају одвојене изгледе за екране за десктоп, таблет и мобилне телефоне прекида између њих дефинисани медијским упитима додан у ЦСС.
“Прогрессиве Енханцемент”
Прва веб дизајн стратегија додаје само основне елементе на сајт, који ради на било ком прегледачу, пропусном опсегу и уређају. Напредније функције фронт-енд-а (стилови и интерактивност) су у слојевима након тога.
Прогресивно побољшање првенствено фокусира се на садржај, резултате на сајтовима који су приступачан сваком кориснику, дакле, то је доминантан начин изградње веб сајтова у мобилној ери (насупрот грациозној деградацији).
“Нацрт са одзивом”
Приступ веб дизајну за креирање веб сајтова прилагодите димензијама различитих типова уређаја (најчешће мобилни, таблет и десктоп) дизајнирањем различите изгледе и друге стилове (нпр. типографија, величина слике) за њих.
Одговарајући дизајн користи различите технике, као што је релативне јединице, флексибилне мреже, и медиа куериес да би служио сваком кориснику употребљивим, читљивим и приступачним садржајем. Већина модерних веб страница користи одговарајући дизајн.
“Скеуоморпхисм”
Језик дизајна корисничког интерфејса који користи принцип познавања, и фокусира се на стварање елемената дизајна који личи на њихов стварни еквивалент.
На пример, дугмад која изгледају као реал-лифе тастери помоћу ефеката као што су косина и рељеф, сјене у паду, градијенти и други. Пре него што је раван дизајн постао доминантан, скеуоморфизам је био водећи тренд веб дизајна дуги низ година.
“Прелаз”
Техника веб дизајна за визуелизовање једноставних промена када елемент на екрану глатко мења између почетног и крајњег стања.
Транзиције - за разлику од анимација - немају између стања, само а почетна и завршна тачка, стога их треба користити суптилне промене, као што је визуализација ховер статес.
“Вхите Спаце”
Тхе празан простор између сусједних елемената дизајна. Такође се помиње као негативни простор.
Бијели простор помаже корисницима ским садржај, и визуелно означава хијерархију садржаја. Бијели простор није нужно бијели, али користи позадинску боју локације. Недостатак довољно бијелог простора води до а претрпана страница.