20 Veebipõhise tööstuse tingimused Cluelessi kliendile
Veebidisainitööstuses kasutame palju siseringi tingimused. See ei aita mitte ainult uustulnukate jaoks alustada, eelkõige klientidele, kes ei ole disainitööstuses osalenud, kuid mõttevahetus nende tähenduse kohta võib mõnikord olla üsna keeruline.
Selles sõnastikus oleme kogunud 20 sageli kasutatavat veebidisaini ja lisasid igaühele lühikese selgituse, nii et igaüks võib ebakindluse korral neid kiiresti vaadata. Kui teil on klient, kes tõesti vajab veebidisaini žargoonis krahhi, jaga see artikkel nendega.
“Animatsioon”
Veebidisaini tehnika lisab liikumise ekraani elementidele visualiseerida muutusi või meelitada kasutajate tähelepanu.
Animatsioonid on võimsamad kui üleminekud, kuna nad võivad oma algus- ja lõpp-punktide vahel läbida paljusid erinevaid riike, võib neid kasutada keerulisem mõju.
“Breadcrumb”
A navigeerimise tüüp mis teavitavad kasutajaid nende kohta praegune asukoht saidil.
Breadcrumbs sisaldab tee mille kohta saab praegust lehte kodulehelt, tavaliselt formaadis Avaleht / Kategooria / Lehekülg
. Iga tee element on samuti klõpsatav et kasutajad saaksid kiiresti navigeerige saidi hierarhias. Breadcrumbs kuvatakse tavaliselt iga lehe peal.
“Segadus”
Veebidisaini häire, mis näitab a halvasti kavandatud leht.
Me räägime disainerilt segatud lehest liiga palju teavet samal lehel, lisamata piisavalt ruumi ja õigesti struktureerivat sisu. Suletud lehekülgedel on madal loetavus, ja kahjustada kasutajate kogemusi.
“Värviskeem”
A ühtlustavate värvide kogumine kasutatakse a äratuntav brändi identiteet.
Tavaliselt on sama värvilahendus kasutatakse järjepidevalt kogu brändi veebisaidil, mobiilirakenduses, logo ja turundusmaterjalides. Värviskeemi saab kujundada vastavalt põhimõtteid, seal on monokromaatilised, analoogsed, täiendavad, kolmikud ja muud värviskeemid.
“Kontrast”
Disainitehnika rõhutada erinevusi elementide vahel, millel on erinev roll või tähendus.
Kasutamine täiendavad värvid (Vastupidised värvirattale) on aga kõige paremini tuntud kontrastsuse väljendamise viis visuaalsed erinevused lehekülje elementide kuju, stiil, tüpograafia või paigutus, mida me tahame eristada, võib samuti saavutada kontrastse efekti.
“Tühi riik”
Veebisaidi või rakenduse konkreetne olek, kui seal on ei ole veel sisu konkreetsel lehel, aga disainielemendid on juba oma kohale.
Esmakordsed olekud, näiteks tühjad profiilid, on tühjade olekulehekülgede tüüpilised näited. Nad nõuavad spetsiifilisi projekteerimistehnikaid (näiteks disainilahenduse) teavitada kasutajaid sellest, mis peaks leheküljel olema, ja julgustada neid teatud tegevuste teostamiseks.
“Fikseeritud paigutus”
A paigutuse tüüp kus sait ja selle elemendid kasutage sama laiust kõikides resolutsioonides, staatilistes väärtustes (tavaliselt pikslid).
Traditsiooniline veebisaitide loomise viis. Harva valitakse uuematele veebisaitidele, kuna kindla paigutusega saidid on mobiiliekraanidel vaevalt kasutatavad (loetavad). Mobiilikasutajatele ligipääsetavaks jäämiseks kasutavad paljud fikseeritud paigutusega saidid a teisese mobiilse saidi.
“Flat Design”
A Kasutajaliides disainikeel keskendub puhtale ja minimalistlikule stiilile, ja eemaldab keerulised tekstuurid, mustrid, kalded ja muud väljamõeldud efektid, et aidata kasutajatel paremini keskenduda sisule.
Planeeringut on kritiseeritud selle kasutatavuse probleemide pärast, mis tulenevad kolmemõõtmelisuse puudumine. Rohkem küps Flat 2.0 disainkeeled, nagu Google'i materjali disain, on ilmunud vastusena ja lisanud veidi tagasi lamedale disainile.
“Vedeliku paigutus”
A paigutuse tüüp seda kasutab suhtelisi ühikuid määratleda ala ja selle elementide laius.
Vedeliku paigutuse kõige sagedamini kasutatavad suhtelised ühikud on protsentides, aga ems ja rems saab kasutada ka. Vedeliku paigutus suuruse muutmine (venib ja väheneb) kui vaateava laius muutub. Erinevalt tundlikust paigutusest on vedeliku paigutus ei kasuta meediafaile. Nimetatud ka vedeliku paigutus.
“Klappige”
Ekraani nähtava osa alumine pool.
Termin “klapi kohal” viitab veebilehe osale, mida külastajad näevad tegemata, samal ajal “klapi all” viitab ülejäänud lehele, mida kasutajad saavad jõuda ainult saidiga suhtlemisel - tavaliselt kerides või pühkides (mobiilil).
Soovitatav on paigutada branding elemendid (nt logo), kohapealne navigatsioon, ja ahvatlev sisu klapi kohal, et kasutajad saaksid saidi eesmärki kiiresti mõista ja olla huvitatud ülejäänud sisust.
“Graatsiline lagunemine”
Veebidisainistrateegia sisaldab kõiki täiustatud funktsioone vaikimisi saidil, seejärel eemaldab või lihtsustab asju, mis ei tööta vanemates brauserites, vähem võimekates seadmetes või väiksema ribalaiusega.
Keskendub rohkem välimust kui sisu. Liikuval ajastul on progressiivne täiustamine muutunud valdavaks veebisaitide strateegiaks uute saitide jaoks, graceful degradatsiooni kasutatakse peamiselt vanemad või vanemad saidid.
“Kangelane pilt”
Ülekaaluline bänner paigutatud klapi kohal.
Kangelased kujutised on kvaliteetsed, tavaliselt täispikkad pildid, mis on seotud saidi sisuga. Pealegi on seal tavaliselt a lühike (üks või kaks rida) tekst mis edastab kasutajatele sõnumi ja a tegevusele kutsumise nupp mis kutsub neid üles võtma teatud toiminguid, näiteks ostma või saidile sisse logima.
“Sihtleht”
Algselt mis tahes leht, kus online-külastaja siseneb saidile. Hiljuti kasutatakse mõistet pigem eraldiseisvale leheküljele, mis on mõeldud a konkreetset ärilist eesmärki.
Näiteks, kui veebikasutajad järgivad bännerreklaami, leiavad nad sageli sihtlehelt, mis kutsub neid ostma asjakohast toodet. Sihtleheküljed a-ga üks fookus ja a selge üleskutse kipuvad saavutama kõrgemad konversioonimäärad.
“Laisk laadimine”
Piltide ja muu staatilise sisu (nt videod) laadimise tehnikat ainult varsti enne neid saada kasutajale nähtavaks.
Kui veebisait kasutab laiskat laadimist, laaditakse kõigepealt ainult klapi kohal olevad pildid, ülejäänud laaditakse ainult siis, kui (kui) kasutaja kerib lehekülge. Sageli kasutatakse reageerivas ja mobiilses disainis säästab ressursse. Näiteks kiirendab Google AMP mobiilseid saite laisk laadimise staatilised ressursid vaikimisi.
“Meedia päring”
CSS-funktsioon, mis teeb tundlik veebidisain võimaldades disaineritel luua erinevad mõõtmed erinevate seadme mõõtmete jaoks (laius ja / või kõrgus), orientatsioonid (maastik või portree) ja kandjatüübid (printimine, ekraan jne).
Tavaliselt reageerivad saidid neil on eraldi paigutus laua-, tahvel- ja mobiiliekraanide jaoks punktid nende vahel on meedia päringutega CSS-i.
“Progressive Enhancement”
Esimene veebidisainistrateegia lisab ainult põhielemendid saidile, mis töötavad mis tahes brauseris, ribalaiuses ja seadmes. Täpsemad esiotsa funktsioonid (stiilid ja interaktiivsus) laaditud kihtidesse hiljem.
Progresseeruv parandamine toimub peamiselt keskendub sisule, tulemuste saitidel kättesaadav iga kasutajale, seega on see mobiilse ajastu veebisaitide peamine ülesehitus (vastandina graatsilisele halvenemisele).
“Reageeriv disain”
Veebidisaini lähenemisviis veebisaitide loomiseks kohandada mõõtmetega erinevate seadmetüüpide (kõige sagedamini mobiilsed, tahvelarvutid ja töölauad) projekteerimisel erinevad paigutused ja muud stiilid (nt tüpograafia, kujutise suurus).
Vastupidav disain kasutab erinevaid tehnikaid, näiteks suhtelised ühikud, paindlikud võrgud, ja meedia päringud et teenida kõiki kasutajaid kasutatava, loetava ja kättesaadava sisuga. Enamik kaasaegseid veebisaite kasutavad tundlikku disaini.
“Skeuomorfism”
UI disainikeel, mis kasutab tundmise põhimõte, ja keskendub disainielementide loomisele sarnanevad nende reaalse maailma ekvivalendiga.
Näiteks nupud, mis näevad välja nagu reaalseid nuppe, kasutades selliseid efekte nagu kaldu ja emboss, varjud, kalded ja teised. Enne kui korter on kujunenud domineerivaks, oli skeuomorfism juhtiv veebidisaini trend juba aastaid.
“Üleminek”
Veebi disainitehnika lihtsate muudatuste visualiseerimine kui ekraanielement sujuvalt muudab alguse ja lõpu vahel.
Üleminekutel - erinevalt animatsioonidest - ei ole vahepealseid olekuid, vaid a algus- ja lõpp-punkt, seetõttu tuleb neid kasutada peent muutusi, näiteks visualiseerimiseks hover riigid.
“Valge ruum”
The tühi ruum külgnevate disainielementide vahel. Nimetatud ka negatiivne ruum.
Valge ruum aitab kasutajatel koorige sisu, ja visuaalselt näitab sisu hierarhiat. Valge ruum ei pruugi olla valge, kuid kasutab ala taustavärvi. Piisava valge ruumi puudumine viib a peidetud leht.