20 Pogoji za oblikovanje spletne strani za Clueless Client
V industriji spletnega oblikovanja uporabljamo veliko notranjih pogojev. To ne samo, da je težko začeti za novince, zlasti stranke, ki niso vključene v industrijo oblikovanja, toda sporočanje njihovega pomena lahko včasih predstavlja velik izziv.
V tem glosarju smo zbrali 20 pogosto uporabljenih pogojev spletnega oblikovanja in vsakemu dodal kratko razlago, da jih lahko vsakdo hitro pregleda v primeru kakršne koli negotovosti. Če imate stranko, ki resnično potrebuje hitri tečaj v žargonu spletnega oblikovanja, delite ta članek z njimi.
“Animacija”
Tehnika spletnega oblikovanja, ki dodaja gib za elemente na zaslonu, da bi vizualizirajte spremembe ali do pritegniti pozornost uporabnikov.
Animacije so močnejši od prehodov, saj lahko gredo skozi številna različna stanja med začetno in končno točko, zato jih lahko uporabite bolj zapleteni učinki.
“Breadcrumb”
A navigacijo ki obvešča uporabnike o svojih trenutna lokacija na spletnem mestu.
Mešanice vsebujejo poti na kateri je trenutna stran dosegljiva z domače strani, običajno v obliki Domov / Kategorija / Stran. Vsak element poti je tudi klikni tako, da lahko uporabniki hitro krmarite po hierarhiji spletnega mesta. Breadcrumbs so običajno prikazane na vrhu vsake strani.
“Navlaka”
Napaka spletnega oblikovanja, kazalec a slabo oblikovana stran.
Govorimo o neredni strani, ko je oblikovalec preveč informacij na isti strani, ne da bi dodali dovolj belega prostora in pravilno strukturiralo vsebino. Neredne strani imajo nizka berljivost, in škoduje uporabniški izkušnji.
“Barvna shema”
A zbiranje usklajenih barv za ustvarjanje prepoznavna identiteta blagovne znamke.
Običajno je enaka barvna shema uporabljajo dosledno preko spletne strani blagovne znamke, mobilne aplikacije, logotipa in marketinških gradiv. Barvna shema se lahko oblikuje v skladu z različnimi načeli, obstajajo monokromatske, analogne, komplementarne, triadne in druge barvne sheme.
“Kontrast”
Tehnika oblikovanja za poudarite razlike med elementi, ki imajo drugačno vlogo ali pomen.
Uporaba dopolnilne barve (nasprotja na barvnem kolesu) pa so najbolj znani način izražanja kontrasta vizualne razlike v obliki, slogu, tipografiji ali postavitvi elementov strani, ki jih želimo ločiti, lahko dosežemo tudi kontrastni učinek.
“Prazna država”
Določeno stanje spletnega mesta ali aplikacije, kadar obstaja še ni vsebine na določeni strani, vendar so elementi oblikovanja že na svojem mestu.
Stanja prve uporabe, kot so prazni profili, so značilni primeri za prazne strani držav. Zahtevajo posebne tehnike oblikovanja (kot je načrtovanje na krovu), ki uporabnike o tem, kaj bi moralo biti na strani, in jih spodbujate izvajati določene dejavnosti.
“Fiksna postavitev”
A tip postavitve v katerem je mesto in njegovi elementi uporabite enako širino v vseh resolucijah, v statičnih vrednostih (običajno pikslov).
Tradicionalni način gradnje spletnih strani. Redko izbrana za novejše spletne strani, saj so spletna mesta s fiksnimi postavitvami na mobilnih zaslonih komaj uporabna (berljiva). Če želite ostati dostopni za mobilne uporabnike, veliko mest za fiksno postavitev uporablja a sekundarno mobilno spletno mesto.
“Ploska zasnova”
A UI oblikovalski jezik se osredotoča na čiste in minimalistične sloge, in odpravlja zapletene teksture, vzorce, prelome in druge modne učinke, da bi pomagali uporabnikom bolje se osredotočiti na vsebino.
Ploska zasnova je bila kritizirana zaradi težav z uporabnostjo, ki izhajajo iz pomanjkanje tridimenzionalnosti. Več zrel Stanovanjski jeziki 2.0, kot so Googleova zasnova materiala, so se pojavili kot odziv in dodali malo globine nazaj na plosko zasnovo.
“Postavitev tekočine”
A tip postavitve to uporablja relativne enote za določitev širine mesta in njegovih elementov.
Najpogosteje uporabljene relativne enote za postavitev tekočin so odstotkov, ampak ems in rems lahko uporabite tudi. Postavitev tekočine spremeni velikost (raztegne se in skrči) se spremeni širina prikaza. Za razliko od odzivnih postavitev, postavitev tekočine ne uporablja medijskih poizvedb. Navedeno tudi kot razporeditev tekočine.
“Fold”
Spodnja stran vidnega dela zaslona.
Izraz “nad pregibom” se nanaša na del spletne strani, ki ga obiskovalci lahko vidijo brez ukrepanja, medtem “pod preklopom” se nanaša na preostalo stran, ki jo lahko uporabniki dosežete le z interakcijo s spletnim mestom - ponavadi z drsenjem ali premikanjem (na mobilnem).
Priporočljivo je, da ga namestite elementi blagovne znamke (npr. logotip), navigacija v mestu, in vabljivo vsebino nad zgornjim delom, da bi uporabniki hitro razumeli namen spletnega mesta in se zanimali za preostalo vsebino.
“Dobrohotna degradacija”
Strategija spletnega oblikovanja, ki vključuje vse napredne funkcije privzeto na spletnem mestu, kasneje odstrani ali poenostavi stvari, ki ne delujejo v starejših brskalnikih, na napravah z manj zmogljivostjo ali na nižjih pasovnih širinah.
Osredotoča se več o videzu kot na vsebino. V mobilnem obdobju je progresivna izboljšava postala prevladujoča strategija oblikovanja spletnih strani za nova spletna mesta. starejših ali starih mestih.
“Slika junaka”
Prevelik sliko postavljeno nad pregibom.
Herojske slike so visoko kakovostne, ponavadi slike polne širine, pomembne za vsebino spletnega mesta. Povrh njih je običajno a kratko (eno ali dve vrstici) besedilo ki posreduje sporočilo uporabnikom, in a gumb poziva k dejanju ki jih pozove, naj sprejmejo določeno dejanje, kot je nakupovanje ali prijava na spletno mesto.
“Ciljna stran”
Prvotno vsaka stran, kjer je spletni obiskovalec vstopi na spletno mesto. V zadnjem času se izraz raje uporablja za samostojno stran, namenjeno za posebne poslovne namene.
Na primer, če spletni uporabniki sledijo banner oglasom, se pogosto znajdejo na ciljni strani, ki jih kliče, da kupijo ustrezen izdelek. Ciljne strani z a izostritev in a jasen poziv k dejanju dosežejo višje stopnje konverzij.
“Lazy Nalaganje”
Tehnika za nalaganje slik in drugih statičnih vsebin, kot so videoposnetki, le malo pred njimi postanejo vidni uporabniku.
Če spletno mesto uporablja leni nalaganje, se najprej naložijo samo slike nad zgornjim robom, ostalo pa se naloži le, če (če) uporabnik drsi po strani. Pogosto se uporablja v odzivnem in mobilnem oblikovanju prihrani vire. Google AMP na primer pospeši mobilne strani leni nalaganje statičnih virov privzeto.
“Poizvedba za medije”
Funkcija CSS, ki omogoča odzivno spletno oblikovanje oblikovalcem omogočiti ustvarjanje različne izvedbe za različne dimenzije naprav (širina in / ali višina), usmeritve (pokončno ali pokončno) in vrste medijev (tiskanje, zaslon itd.).
Običajno se odzivna spletna mesta imajo ločene postavitve za namizne, tablične in mobilne zaslone, mejne vrednosti med njimi ki jih določajo poizvedbe medijev dodan v CSS.
“Progressive Enhancement”
Spletno oblikovanje strategije, ki prvi dodaja le osnovne elemente na spletno mesto, ki deluje na katerem koli brskalniku, pasovni širini in napravi. Naprednejše funkcije sprednjega dela (slogi in interaktivnost) so naložen v plasti kasneje.
Postopno povečevanje predvsem se osredotoča na vsebino, rezultate na spletnih mestih, ki so dostopna vsakemu uporabniku, zato je to prevladujoči način oblikovanja spletnih mest v mobilni dobi (v nasprotju z dobrohotno degradacijo).
“Odzivno oblikovanje”
Spletni pristop za oblikovanje spletnih strani prilagodite dimenzijam različnih vrst naprav (najpogosteje mobilnih, tabličnih in namiznih) z oblikovanjem različnih postavitev in drugih slogov (npr. tipografija, velikost slike) zanje.
Odzivno oblikovanje uporablja različne tehnike, kot je npr relativne enote, prilagodljive mreže, in medijske poizvedbe da bi vsakemu uporabniku zagotovili uporabno, berljivo in dostopno vsebino. Večina sodobnih spletnih strani uporablja odzivno oblikovanje.
“Skeuomorfizem”
Jezik oblikovanja uporabniškega vmesnika, ki izkorišča načelo poznavanja, in se osredotoča na oblikovanje elementov oblikovanja podoben njihovemu realnemu svetu.
Na primer gumbi, ki so podobni realnim gumbom z uporabo učinkov, kot so stožčasti in reliefni, padajoče sence, nakloni in drugi. Preden je prevladovala ravna zasnova, je bil skeuomorfizem že več let vodilni trend oblikovanja spletnih strani.
“Prehod”
Tehnika spletnega oblikovanja za vizualiziranje preprostih sprememb kadar je na zaslonu prikazan element gladko spreminja med začetnim in končnim stanjem.
Prehodi - za razliko od animacij - nimajo vmesnih stanj, samo a začetno in končno točko, zato jih je treba uporabiti subtilne spremembe, kot za vizualizacijo stanje hover.
“Beli prostor”
The prazen prostor med sosednjimi oblikovnimi elementi. Navedeno tudi kot negativni prostor.
Beli prostor pomaga uporabnikom posneto vsebino, in vizualno označuje hierarhijo vsebine. Beli prostor ni nujno bel, ampak uporablja barvo ozadja mesta. Pomanjkanje dovolj belega prostora vodi do a stisnjena stran.
