Pagrindinis » Interneto svetainės dizainas » 20 „Clueless“ kliento „Web Design Industry“ sąlygos

    20 „Clueless“ kliento „Web Design Industry“ sąlygos

    Interneto dizaino pramonėje mes naudojame daug viešai neatskleista informacija. Tai ne tik sukelia sunkumų pradėti naujokams, ypač klientams, kurie nėra susiję su dizaino pramone, bet tinkamai informuoti apie jų prasmę kartais gali būti gana sunku.

    Šiame žodynėlyje mes surinkome 20 dažnai naudojamų interneto dizaino sąlygų ir pridėjo trumpą paaiškinimą kiekvienam, kad bet kuris netikrumas galėtų greitai juos pažvelgti. Jei turite klientą, kuriam iš tikrųjų reikia žiniatinklio dizaino žargono kurso, pasidalykite šiuo straipsniu.

    “Animacija”

    Interneto dizaino technika prideda judesį į ekrano elementus vizualizuoti pokyčius arba į pritraukti vartotojų dėmesį.

    Animacijos yra galingesni nei perėjimai, jie gali eiti per daugelį skirtingų valstybių tarp jų pradžios ir pabaigos taškų, todėl jie gali būti naudojami sudėtingesnis poveikis.

    “Breadcrumb”

    A navigacijos tipas kuri informuoja vartotojus apie jų dabartinė vieta svetainėje.

    Breadcrumbs yra kelias kuriame pagrindinis puslapis gali būti pasiektas dabartinis puslapis, paprastai formatu Pradžia / Kategorija / Puslapis. Kiekvienas kelio elementas taip pat yra paspaudžiamas kad vartotojai galėtų greitai naršyti svetainės hierarchiją. Breadcrumbs paprastai rodomi kiekvieno puslapio viršuje.

    “Netvarkinga”

    Interneto dizaino klaida, rodiklis a blogai sukurtas puslapis.

    Mes kalbame apie netvarkingą puslapį, kai dizaineris per daug informacijos tame pačiame puslapyje nepridėjus pakankamai baltų erdvių ir tinkamai struktūrizuojant turinį. Netinkami puslapiai mažas įskaitomumas, ir pakenkti naudotojui.

    “Spalvų schema”

    A harmonizuojančių spalvų rinkinys naudojamas kuriant a atpažįstamas prekės ženklo tapatumas.

    Paprastai ta pati spalvų schema naudojami nuosekliai per prekės ženklo svetainę, mobiliąją programą, logotipą ir rinkodaros medžiagą. Spalvų schemą galima sukurti pagal skirtingus principus, yra monochromatinių, analoginių, papildomų, trijų ir kitų spalvų schemų.

    “Kontrastas”

    Projektavimo technika pabrėžti skirtumus tarp elementų, turinčių skirtingą vaidmenį ar reikšmę.

    Naudojimas papildomos spalvos (spalvų rato prieštaravimai) yra labiausiai žinomas būdas išreikšti kontrastą vaizdiniai skirtumai formos, stiliaus, tipografijos ar puslapio elementų išdėstymo, kurį norime atskirti, taip pat gali pasiekti kontrastingą efektą.

    “Tuščia valstybė”

    Tam tikra svetainės ar programos būsena, kai yra dar nėra jokio turinio konkrečiame puslapyje, tačiau dizaino elementai yra jau jų vietoje.

    Pirmojo naudojimo būsenos, pvz., Tuščios profiliai, yra tipiniai tuščių būsenos puslapių pavyzdžiai. Jiems reikalingi konkretūs projektavimo metodai (pvz., Projektavimas) informuoti vartotojus apie tai, kas turėtų būti puslapyje, ir skatinti juos atlikti tam tikrą veiklą.

    “Fiksuotas išdėstymas”

    A išdėstymo tipas kurioje svetainė ir jos elementai naudokite tą patį plotį visose rezoliucijose, statinėse vertėse (paprastai pikseliai).

    Tradicinis būdas kurti svetaines. Retai pasirenkami naujesnėms svetainėms, nes vietovės su fiksuotais išdėstymais vargu ar gali būti naudojamos (skaitomos) mobiliuosiuose ekranuose. Jei norite likti prieinami mobiliesiems vartotojams, daugelis fiksuotų išdėstymų svetainių naudoja a antrinės mobiliosios svetainės.

    “Plokščias dizainas”

    A UI dizaino kalba dėmesys skiriamas švariems ir minimalistiniams stiliams, ir pašalina sudėtingas tekstūras, modelius, gradientus ir kitus išgalvotus efektus, kad padėtų vartotojams geriau sutelkti dėmesį į turinį.

    Plokščias dizainas buvo kritikuojamas dėl naudojimosi problemų, kylančių iš trijų dimensijų trūkumas. Daugiau brandus Plokščios 2.0 dizaino kalbos, pvz., „Google“ medžiagų dizainas, pasirodė kaip atsakas ir šiek tiek sugrįžo prie plokščio dizaino.

    “Skysčio išdėstymas”

    A išdėstymo tipas kad naudoja santykinius vienetus nustatyti vietos ir jos elementų plotį.

    Dažniausiai naudojami santykiniai vienetai skysčių išdėstymui procentais, bet ems ir rems taip pat galima naudoti. Skysčio išdėstymas keičia dydį (išplečia ir susitraukia) keičiasi peržiūros peržiūros plotis. Skirtingai nei reaguojantis išdėstymas, skysčio išdėstymas nenaudoja medijos užklausų. Taip pat vadinama skysčio išdėstymas.

    “Sulenkite”

    Apatinė matomos ekrano dalies pusė.

    Terminas “virš kartos” reiškia tinklalapio dalį, kurią gali matyti lankytojai be jokių veiksmų, kol “žemiau kartos” reiškia likusią puslapio dalį, kurią vartotojai gali pasiekia tik sąveikaujant su svetaine - paprastai slinkdami arba pasukdami (mobiliajame telefone).

    IMAGE: globaldots.com

    Rekomenduojama prekės ženklo elementai (pvz., logotipas), navigacija vietoje, ir patrauklus turinys aukščiau, kad vartotojai greitai suprastų svetainės tikslą ir būtų suinteresuoti likusiu turiniu.

    “Grakštus degradavimas”

    Interneto dizaino strategija apima visas pažangias funkcijas pagal numatytuosius nustatymus svetainėje, vėliau pašalina arba supaprastina dalykus, kurie neveikia senesnėse naršyklėse, mažiau pajėgiuose įrenginiuose arba mažesniuose pralaidumuose.

    Dėmesys daugiau apie išvaizdą nei turinio. Judriojoje eroje laipsniškas tobulinimas tapo dominuojančia interneto svetainių kūrimo strategija, grakštus degradavimas dažniausiai naudojamas senesnės ar senesnės svetainės.

    “Hero vaizdas”

    Negabaritinis atvaizdo reklama įdėta virš kartos.

    Hero vaizdai yra aukštos kokybės, paprastai pilno pločio vaizdai, susiję su svetainės turiniu. Be to, paprastai yra trumpas (vienas ar dvi eilutės) tekstas kuris perteikia pranešimą naudotojams, ir a raginimo veikti mygtukas kurie juos kviečia imtis tam tikrų veiksmų, pvz., apsipirkti arba prisijungti prie svetainės.

    “Nukreipimo puslapis”

    Iš pradžių bet kuris puslapis, kuriame yra lankytojas prisijungia prie svetainės. Neseniai terminas yra naudojamas atskiram puslapiui, skirtam a konkretus verslo tikslas.

    Pavyzdžiui, jei interneto naudotojai seka reklamjuostės skelbimą, jie dažnai patenka į nukreipimo puslapį, kuriame jie kviečiami pirkti atitinkamą produktą. Nukreipimo puslapiai su a vienas fokusavimas ir a aiškus raginimas imtis veiksmų linkę pasiekti aukštesnius konversijų rodiklius.

    “Lazy Loading”

    Vaizdo ir kito statinio turinio, pvz., Vaizdo įrašų, įkėlimo metodas tik prieš pat jas gauti matomą naudotojui.

    Jei svetainė naudoja tingų pakrovimą, pirmiausia įkeliami tik virš viršaus esantys vaizdai, likusi dalis įkeliama tik tada, kai (jei) vartotojas slenka puslapį. Dažnai naudojamas reaguojant ir mobiliuoju dizainu taupo išteklius. Pavyzdžiui, „Google AMP“ pagreitina mobiliuosius tinklalapius stulbinantys statiniai ištekliai pagal nutylėjimą.

    “„Media Query“”

    CSS funkcija, kuri sukuria jautrus interneto dizainas įmanoma kurti, kad dizaineriai galėtų kurti skirtingų konstrukcijų skirtingiems įrenginio matmenims (plotis ir (arba) aukštis), orientacijos (peizažas ar portretas) ir laikmenų tipai (spausdinimas, ekranas ir tt).

    IMAGE: gskinner.com

    Paprastai reaguojančios svetainės turėti atskirus išdėstymus staliniams, planšetiniams ir mobiliesiems ekranams taškų tarp jų yra žiniasklaidos užklausomis pridėta prie CSS.

    “Progresyvus tobulinimas”

    Pirmiausia sukurta interneto dizaino strategija prideda tik pagrindinius elementus į svetainę, kuri veikia bet kurioje naršyklėje, dažnių juostoje ir įrenginyje. Pažangesnės priekinės funkcijos (stiliai ir interaktyvumas) yra įkelta į sluoksnius vėliau.

    Pirmiausia palaipsniui didinamas pagrindinis dėmesys skiriamas turiniui, rezultatų svetainėse prieinama kiekvienam vartotojui, todėl tai yra dominuojantis internetinių svetainių kūrimo būdas mobilioje eroje (o ne grakštus degradavimas).

    “Reaguojantis dizainas”

    Interneto svetainių kūrimo metodas prisitaikyti prie matmenų skirtingų tipų įrenginius (dažniausiai mobiliuosius, planšetinius kompiuterius ir darbalaukius) įvairūs maketai ir kiti stiliai (pvz., tipografija, vaizdo dydis).

    Reaguojantis dizainas naudoja įvairius metodus, pvz santykiniai vienetai, lankstūs tinklai, ir žiniasklaidos užklausų siekiant aptarnauti kiekvieną naudotoją su tinkamu, įskaitomu ir prieinamu turiniu. Dauguma šiuolaikinių svetainių naudoja atsakingą dizainą.

    “Skeuomorphism”

    UI dizaino kalba, kuri naudojasi pažinimo principas, ir pagrindinis dėmesys skiriamas dizaino elementų kūrimui panašūs į jų tikrąjį pasaulį.

    Pavyzdžiui, mygtukai, kurie atrodo kaip realaus gyvenimo mygtukai, naudojant tokius efektus kaip bevel ir emboss, drop shadows, gradients ir kt. Prieš tapdamas dominuojančiu plokščiu dizainu, skeuomorizmas buvo pirmaujanti interneto dizaino tendencija daugelį metų.

    “Perėjimas”

    Interneto dizaino technika vizualizuoti paprastus pakeitimus kai ekrano elementas sklandžiai keičiasi tarp pradžios ir pabaigos.

    Perėjimai - skirtingai nuo animacijų - neturi tarp valstybių, tik a pradžios ir pabaigos taškas, todėl jie turi būti naudojami subtilūs pokyčiai, pavyzdžiui, vizualizavimui užveskite valstybes.

    “Balta vieta”

    The tuščia vieta tarp gretimų dizaino elementų. Taip pat vadinama neigiama erdvė.

    Baltos erdvės padeda vartotojams nugriebkite turinį, ir vizualiai nurodo turinio hierarchiją. Baltos erdvės nebūtinai yra baltos spalvos, tačiau naudojamos vietovės fono spalvos. Nepakankamos baltos erdvės nebuvimas sukelia a netvarkingas puslapis.