20 Webdesign Industrivilkår for Clueless Client
I webdesignindustrien bruker vi mange insider vilkår. Dette gjør det ikke bare vanskelig å komme i gang for nykommere, spesielt klienter som ikke er involvert i designbransjen, men å kommunisere deres mening riktig kan noen ganger være en ganske utfordring.
I denne ordlisten har vi samlet inn 20 vanlige webdesignbetingelser og la en kort forklaring til hver, slik at alle kan raskt se på dem i tilfelle usikkerhet. Hvis du har en klient som virkelig trenger et crash kurs i webdesign jargong, kan du dele denne artikkelen med dem.
“animasjon”
En webdesignteknikk som legger til bevegelse å elementene på skjermen for å kunne visualisere endring eller til tiltrekke brukerne oppmerksomhet.
Animasjoner er kraftigere enn overganger, da de kan gå gjennom mange forskjellige stater mellom start- og sluttpunktene, kan de derfor brukes til mer kompliserte effekter.
“Brødsmule”
EN navigasjonstype som informerer brukerne om deres nåværende plassering på et nettsted.
Breadcrumbs inneholder sti som den nåværende siden kan nås fra hjemmesiden, vanligvis i formatet av Hjem / Kategori / Side. Hvert element av banen er også klikkbar slik at brukerne kan raskt navigere i nettstedshierarkiet. Brødsmuler vises vanligvis på toppen av hver side.
“Rot”
En webdesign blunder, en indikator på a dårlig utformet side.
Vi snakker om en rotete side når designeren klemmet for mye informasjon på samme side uten å legge til nok hvitt mellomrom og riktig strukturert innhold. Roterte sider har lav lesbarhet, og skade brukeropplevelsen.
“Fargevalg”
EN samling av harmoniserende farger brukes til å lage en gjenkjennelig merkeidentitet.
Vanligvis er det samme fargevalg brukes konsekvent på tvers av merkevarens nettsted, mobilapp, logo og markedsføringsmateriale. Et fargeskjema kan utformes i henhold til forskjellige prinsipper, Det er monokromatiske, analoge, komplementære, triadiske og andre fargeskjemaer.
“Kontrast”
En designteknikk til understreke forskjeller mellom elementer som har annen rolle eller betydning.
Ved hjelp av komplementære farger (motsetninger på fargeskiven) er imidlertid den mest kjente måten å uttrykke kontrast på visuelle forskjeller i form, stil, typografi eller utforming av sideelementer vi vil skille, kan også oppnå en kontrasterende effekt.
“Tom tilstand”
En bestemt tilstand av et nettsted eller et søknad når det er ikke noe innhold ennå på en bestemt side, men designelementene er allerede på deres plass.
Første bruk, som tomme profiler, er typiske eksempler på tomme statssider. De krever spesifikke designteknikker (som onboarding design) som informere brukere om hva som skal være på siden, og oppfordre dem å utføre visse aktiviteter.
“Fast oppsett”
EN oppsett type der et nettsted og dets elementer Bruk samme bredde på tvers av alle oppløsninger, definert i statiske verdier (vanligvis piksler).
Den tradisjonelle måten å bygge nettsteder på. Sjelden valgt for nyere nettsteder, siden nettsteder med faste layouter ikke er brukbare (lesbare) på mobilskjermbilder. For å være tilgjengelig for mobile brukere, bruker mange faste layoutsider a sekundær mobilnettsted.
“Flat Design”
EN UI design språk det fokuserer på rene og minimalistiske stiler, og fjerner kompliserte teksturer, mønstre, gradienter og andre fancy effekter for å hjelpe brukerne bedre fokus på innholdet.
Flat design har blitt kritisert for bruksproblemer som stammer fra mangel på tredimensjonalitet. Mer moden Flat 2.0 design språk, som Googles materiale design, har dukket opp som et svar, og lagt litt dybde tilbake til flatt design.
“Fluid Layout”
EN oppsett type at bruker relative enheter å definere bredden på et nettsted og dets elementer.
De mest brukte relative enhetene for væskeoppsett er prosenter, men ems og rems kan også brukes. En væskelayout resizes (strekker og krymper) som bredden på visningsporten endres. I motsetning til responsive oppsett, en fluid layout Bruker ikke medieforespørsler. Også omtalt som flytende layout.
“Brette”
Den nederste siden av den synlige delen av skjermen.
Begrepet “over brettet” refererer til delen av en nettside som besøkende kan se uten å handle, samtidig som “under brettet” refererer til resten av siden som brukerne kan bare nå ved å samhandle med nettstedet - vanligvis ved å bla eller sveipe (på mobil).
Det anbefales å plassere merkevareelementer (for eksempel logoen), navigering på stedet, og fristende innhold over folden for å gjøre brukerne raskt forstå formen på nettstedet og interessert i resten av innholdet.
“Grasiøs nedbrytning”
En webdesign strategi som inneholder alle avanserte funksjoner som standard på et nettsted, fjerner eller forenkler senere ting som ikke fungerer i eldre nettlesere, på mindre dyktige enheter eller ved lavere båndbredder.
fokuserer mer på utseende enn på innholdet. I den mobile tiden har progressiv forbedring blitt den overordnede webdesignstrategien for nye nettsteder, grasiøs nedbrytning brukes hovedsakelig på eldre eller eldre nettsteder.
“Hero Image”
En overdimensjonert bilde banner plasseres over brettet.
Hero-bilder er av høy kvalitet, vanligvis bilder med full bredde som er relevante for innholdet på nettstedet. På toppen av dem er det vanligvis en kort tekst (en eller to linjer) som formidler en melding til brukere, og a Call-to-Action-knapp som kaller dem til å ta en bestemt handling, for eksempel å handle eller registrere deg på nettstedet.
“Destinasjonsside”
Opprinnelig en side der en online besøkende går inn på et nettsted. Nylig er termen ganske brukt til en frittstående side designet for a Spesifikke forretningsformål.
For eksempel, hvis nettbrukere følger en bannerannonse, finner de seg ofte på en destinasjonsside som kaller dem til å kjøpe et relevant produkt. Landingssider med a enkelt fokus og a Fjern oppringing har en tendens til å nå høyere konverteringsfrekvenser.
“Lazy Loading”
En teknikk for å laste bilder og annet statisk innhold, for eksempel videoer, bare kort tid før de Bli synlig for brukeren.
Hvis et nettsted bruker lat ladning, blir bare bilder over brettet lastet først, resten blir bare lastet når (hvis) brukeren ruller siden. Ofte brukt i responsivt og mobilt design som det sparer ressurser. For eksempel øker Google AMP opp mobile nettsteder av lat lasting av statiske ressurser som standard.
“Mediesøk”
En CSS-funksjon som gjør Responsivt webdesign mulig ved å gjøre det mulig for designere å lage forskjellige design for ulike enhetsdimensjoner (bredde og / eller høyde), orienteringer (landskap eller portrett) og medietyper (utskrift, skjerm osv.).
Vanligvis reagerende nettsteder har separate oppsett for desktop, tablet og mobile skjermer, stoppunkter mellom dem er definert av media spørringer lagt til CSS.
“Progressiv forbedring”
En webdesign strategi som først legger bare til de grunnleggende elementene til et nettsted som fungerer på hvilken som helst nettleser, båndbredde og enhet. Mer avanserte front-end-funksjoner (stiler og interaktivitet) er lastet i lag etterpå.
Progressiv forbedring primært fokuserer på innholdet, resulterer i nettsteder som er tilgjengelig til alle brukere, derfor er det den overordnede måten å bygge nettsteder i mobiltiden (i motsetning til grasiøs nedbrytning).
“Responsiv utforming”
En webdesign tilnærming til å lage nettsteder som tilpasse seg dimensjonene av forskjellige enhetstyper (oftest mobil, nettbrett og skrivebord) ved å designe forskjellige oppsett og andre stiler (for eksempel typografi, bildestørrelse) for dem.
Responsive design bruker ulike teknikker, for eksempel relative enheter, fleksible nett, og media spørringer for å kunne tjene hver bruker med brukbart, lesbart og tilgjengelig innhold. De fleste moderne nettsteder bruker lydhør design.
“Skeuomorphism”
Et UI design språk som utnytter kjennskapsprinsipp, og fokuserer på å skape designelementer som ligner deres ekteverdige ekvivalenter.
For eksempel knapper som ser ut som virkelige knapper ved å bruke effekter som skrå og preg, slipp skygger, gradienter og andre. Før flat design er blitt dominerende, var skeuomorphism den ledende webdesigntendensen i mange år.
“Overgang”
En webdesignteknikk for visualisere enkle endringer når et skjermelement endrer seg jevnt mellom en begynnelse og slutt tilstand.
Overganger - i motsetning til animasjoner - har ikke mellomstater, bare a start og sluttpunkt, derfor skal de brukes til subtile endringer, som for å visualisere svinger stater.
“White Space”
De tomt mellomrom mellom tilstøtende designelementer. Også omtalt som negativ plass.
Hvit plass hjelper brukerne skum innholdet, og visuelt angir innholdshierarki. Hvit plass er ikke nødvendigvis hvit, men bruker bakgrunnsfargen på nettstedet. Mangelen på tilstrekkelig hvit plass fører til a rotete side.
