Početna » Web dizajn » 20 Uvjeti za izradu web-dizajna za Clueless klijenta

    20 Uvjeti za izradu web-dizajna za Clueless klijenta

    U industriji web dizajna koristimo mnogo insajderima. To ne samo da otežava početak rada za pridošlice, osobito klijenti koji nisu uključeni u industriju dizajna, ali komunikacija njihovog značenja ponekad može biti priličan izazov.

    U ovom smo pojmovniku prikupili 20 često korištenih pojmova web dizajna i dodao kratko objašnjenje svakom od njih, tako da ih svatko može brzo pogledati u slučaju bilo kakve nesigurnosti. Ako imate klijenta koji stvarno treba ubrzani tečaj u žargonu web dizajna, podijelite ovaj članak s njima.

    “Animacija”

    Tehnika web dizajna koja dodaje kretanje na elementima na zaslonu kako biste vizualizirati promjenu Ili do privući pažnju korisnika.

    Animacije su moćniji od prijelaza, budući da mogu proći kroz različita stanja između početne i završne točke, stoga se mogu koristiti složeniji učinci.

    “breadcrumb”

    vrstu navigacije koji obavještava korisnike o njihovim Trenutna lokacija na web-lokaciji.

    Krumpir sadrži staza na kojoj se trenutačna stranica može pristupiti s početne stranice, obično u formatu Početna stranica / Kategorija / Stranica. Svaki element staze je također kliknuti tako da korisnici mogu brzo kretanje hijerarhijom web-lokacije. Kruške se obično prikazuju na vrhu svake stranice.

    “jurnjava”

    Pogreška web dizajna, pokazatelj a loše dizajnirana stranica.

    Govorimo o pretrpanoj stranici kada je dizajner stisnuo previše informacija na istoj stranici bez dodavanja dovoljno prostora i pravilnog strukturiranja sadržaja. Neuredne stranice imaju niska čitljivost, i oštetiti korisničko iskustvo.

    “Shema boja”

    zbirka usklađenih boja koji se koristi za stvaranje a prepoznatljiv identitet branda.

    Obično je ista shema boja konzistentno na web-lokaciji marke, mobilnoj aplikaciji, logotipu i marketinškim materijalima. Shema boja može biti dizajnirana prema različitih načela, postoje monokromatske, analogne, komplementarne, trijadne i druge sheme boja.

    “Kontrast”

    Tehnika dizajna naglasite razlike između elemenata koji imaju različitu ulogu ili značenje.

    koristeći komplementarne boje Međutim, suprotnosti na kotaču boja su najpoznatiji način izražavanja kontrasta vizualne razlike u obliku, stilu, tipografiji ili rasporedu elemenata stranice koje želimo razlikovati također može postići kontrastni učinak.

    “Prazno stanje”

    Specifično stanje web-lokacije ili aplikacije kada postoji još nijedan sadržaj na određenoj stranici, bez obzira na elemente dizajna već na njihovom mjestu.

    Stanja prvog korištenja, kao što su prazni profili, tipični su primjeri za prazne stranice države. Oni zahtijevaju specifične dizajnerske tehnike (kao što je onboard dizajn) obavijestiti korisnike o tome što bi trebalo biti na stranici, i ohrabrite ih obavljati određene aktivnosti.

    “Fiksni raspored”

    vrsta izgleda u kojoj je mjesto i njegovi elementi koristiti istu širinu u svim rezolucijama, definirane u statičkim vrijednostima (obično pikseli).

    Tradicionalni način izrade web stranica. Rijetko se biraju za novije web-lokacije jer su web-lokacije s fiksnim izgledom teško upotrebljive (čitljive) na zaslonima za mobilne uređaje. Da biste ostali pristupačni za mobilne korisnike, mnoga web-mjesta s nepromjenjivim izgledom koriste a sekundarna mobilna web-lokacija.

    “Ravan dizajn”

    UI dizajn jezik koji usredotočuje se na čiste i minimalističke stilove, i uklanja komplicirane teksture, uzorke, gradijente i druge fancy učinke kako bi pomogla korisnicima bolje se usredotočite na sadržaj.

    Ravan dizajn je kritiziran zbog problema upotrebljivosti koji proizlaze iz nedostatak trodimenzionalnosti. Zreliji Jezici za dizajn 2.0, kao što je Googleov dizajn materijala, pojavili su se kao odgovor i dodali malu dubinu u ravan dizajn.

    “Izgled fluida”

    vrsta izgleda da koristi relativne jedinice definirati širinu mjesta i njegovih elemenata.

    Najčešće korištene relativne jedinice za raspored tekućina su postoci, ali ema i rEMa također se može koristiti. Izgled tekućine mijenja veličinu (rastezanje i skupljanje) promjenom širine prikaza. Za razliku od prilagodljivih izgleda, raspored tekućina ne koristi medijske upite. Također se spominje kao raspored tekućina.

    “presaviti”

    Donja strana vidljivog dijela zaslona.

    Uvjet “iznad poklopca” odnosi se na dio web-stranice koji posjetitelji mogu vidjeti bez poduzimanja bilo kakvih radnji, dok “ispod poklopca” odnosi se na ostatak stranice koju korisnici mogu doprijeti samo u interakciji s web-lokacijom - obično pomicanjem ili kretanjem (na mobilnom uređaju).

    SLIKA: globaldots.com

    Preporučuje se mjesto elementi marke (npr. logotip), navigacija unutar web-lokacije, i mami sadržaj iznad pregiba kako bi korisnici brzo razumjeli svrhu web-lokacije i bili zainteresirani za ostatak sadržaja.

    “Graciozna degradacija”

    Strategija web dizajna koja uključuje sve napredne značajke prema zadanim postavkama na web-lokaciji, zatim kasnije uklanja ili pojednostavljuje stvari koje ne rade u starijim preglednicima, na manje sposobnim uređajima ili na nižim propusnostima.

    usredotočuje više o izgledu nego na sadržaju. U eri mobilnosti, progresivno poboljšanje postalo je dominantna strategija web-dizajna za nove web-lokacije, a graciozna degradacija se uglavnom koristi na starije ili starije web-lokacije.

    “Slika heroja”

    Ogroman banner postavljen iznad poklopca.

    Hero slike su visoke kvalitete, obično slike pune širine relevantne za sadržaj stranice. Povrh toga, obično postoji a kratki (jedan ili dva retka) tekst koja prenosi poruku korisnicima, i gumb poziva na radnju koji ih poziva da poduzmu određenu radnju, kao što je kupnja ili prijava na web-lokaciju.

    “Odredišna stranica”

    Izvorno svaka stranica na kojoj se nalazi online posjetitelj ulazi na web-lokaciju. U novije vrijeme pojam se koristi za samostalnu stranicu dizajniranu za specifične poslovne svrhe.

    Na primjer, ako web korisnici slijede baner oglas, često se nađu na odredišnoj stranici koja ih poziva da kupuju relevantni proizvod. Odredišne ​​stranice s oznakom jedan fokus i a jasan poziv na radnju postižu veće stope pretvorbe.

    “Lazy Učitavanje”

    Tehnika učitavanja slika i drugih statičkih sadržaja, kao što su videozapisi, samo malo prije njih biti vidljivi korisniku.

    Ako web-lokacija koristi lijeno učitavanje, prvo se učitavaju samo slike iznad poklopca, a ostatak se učitava samo kada (ako) korisnik pomiče stranicu. Često se koristi u prilagodljivom i mobilnom dizajnu štedi resurse. Na primjer, Google AMP ubrzava mobilne web-lokacije za lijen učitava statičke resurse prema zadanim postavkama.

    “Upit za medije”

    CSS značajka koja to čini odgovarajući web dizajn omogućiti dizajnerima stvaranje različite izvedbe za različite dimenzije uređaja (širina i / ili visina), orijentacije (pejzažni ili portretni) i vrste medija (ispis, zaslon, itd.).

    SLIKA: gskinner.com

    Tipično, web-lokacije koje reagiraju imaju odvojene izglede za zaslone za stolna računala, tablet i mobilne uređaje lomnih između njih su definirano medijskim upitima dodan u CSS.

    “Progresivno poboljšanje”

    Strategija izrade weba koja je prva dodaje samo osnovne elemente na web-lokaciju koja radi na bilo kojem pregledniku, propusnosti i uređaju. Naprednije značajke front-end-a (stilovi i interaktivnost) su u slojevima poslije.

    Progresivno poboljšanje prvenstveno fokusira se na sadržaj, rezultate na web-lokacijama koje su dostupan svakom korisniku, stoga je to prevladavajući način izrade web-lokacija u mobilnoj eri (za razliku od gracioznog propadanja).

    “Osjetljiv dizajn”

    Pristup web dizajnu za stvaranje web stranica koje prilagodite se dimenzijama različitih vrsta uređaja (najčešće mobilnih, tabletnih i stolnih) dizajniranjem različitih izgleda i drugih stilova (npr. tipografija, veličina slike) za njih.

    Odgovarajući dizajn koristi različite tehnike, kao što je relativne jedinice, fleksibilne mreže, i medijski upiti kako bi poslužio svakom korisniku upotrebljiv, čitljiv i pristupačan sadržaj. Većina modernih web-mjesta koristi odgovarajući dizajn.

    “Skeuomorphism”

    Jezik dizajna korisničkog sučelja koji koristi načelo poznavanja, i fokusira se na stvaranje elemenata dizajna koji nalikuju njihovom ekvivalentu iz stvarnog svijeta.

    Na primjer, tipke koje izgledaju poput gumba u stvarnom životu pomoću efekata kao što su kosina i reljef, sjene u padu, gradijenti i drugi. Prije nego što je ravan dizajn postao dominantan, skeuomorfizam je bio vodeći trend web dizajna dugi niz godina.

    “Tranzicija”

    Tehnika web dizajna za vizualiziranje jednostavnih promjena kada element na zaslonu glatko se mijenja između početka i kraja.

    Prijelazi - za razliku od animacija - nemaju između stanja, samo a početna i završna točka, stoga ih treba koristiti suptilne promjene, kao za vizualizaciju stanja lebdjenja.

    “Bijeli prostor”

    prazan prostor između susjednih elemenata dizajna. Također se spominje kao negativni prostor.

    Bijeli prostor pomaže korisnicima pregledajte sadržaj, i vizualno označava hijerarhiju sadržaja. Bijeli prostor nije nužno bijeli, ali koristi boju pozadine web-mjesta. Nedostatak dovoljno bijelog prostora vodi do a pretrpana stranica.