20 Web Design Industry Villkor för Clueless Client
I webbdesignindustrin använder vi många insider villkor. Det gör inte bara det svårt att komma igång för nykomlingar, speciellt kunder som inte är inblandade i designbranschen, men att kommunicera sin mening ordentligt kan ibland vara en ganska utmaning.
I denna ordlista har vi samlat in 20 ofta använda webbdesign villkor och lade till en kort förklaring till var och en, så att någon snabbt kan ta en titt på dem i händelse av osäkerhet. Om du har en klient som verkligen behöver en kraschkurs i webbdesign jargong, dela den här artikeln med dem.
“Animering”
En webbdesignteknik som lägger till rörelse till skärmelement för att visualisera förändring eller att locka användarnas uppmärksamhet.
Animationer är kraftfullare än övergångar, eftersom de kan gå igenom många olika stater mellan sina start- och slutpunkter, kan de därför användas till mer komplicerade effekter.
“Brödsmula”
en navigeringstyp som informerar användarna om deras nuvarande position på en webbplats.
Breadcrumbs innehåller väg på vilken den aktuella sidan kan nås från hemsidan, vanligtvis i formatet av Hem / Kategori / Sida. Varje del av vägen är också klickbara så att användarna kan snabbt navigera i sidhierarkin. Brödsmulor visas vanligtvis ovanpå varje sida.
“clutter”
En webbdesign blunder, en indikator på a dåligt utformad sida.
Vi pratar om en rörig sida när designern pressas för mycket information på samma sida utan att lägga till tillräckligt med blankutrymme och korrekt strukturerande innehåll. Ruttiga sidor har låg läsbarhet, och skada användarupplevelse.
“Färgschema”
en samling av harmoniserande färger används för att skapa en identifierbar varumärkesidentitet.
Vanligtvis är samma färgschema används konsekvent över varumärkets hemsida, mobilapp, logotyp och marknadsföringsmaterial. Ett färgschema kan utformas enligt olika principer, Det finns monokromatiska, analoga, komplementära, triadiska och andra färgscheman.
“Kontrast”
En designteknik till betona skillnader mellan element som har olika roll eller mening.
Använder sig av komplementära färger (motsatser på färghjulet) är dock det mest kända sättet att uttrycka kontrast visuella skillnader i form, stil, typografi eller layout av sidelement som vi vill skilja kan också uppnå en kontrasterande effekt.
“Tom stat”
Ett specifikt tillstånd på en webbplats eller ansökan när det finns inget innehåll ännu på en viss sida, men designelementen är redan på deras plats.
Första användningsstatus, som tomma profiler, är typiska exempel på tomma statssidor. De kräver specifika designtekniker (som omborddesign) som informera användare om vad som borde vara på sidan, och uppmuntra dem att utföra vissa aktiviteter.
“Fast layout”
en layouttyp där en webbplats och dess element använd samma bredd över alla resolutioner, definieras i statiska värden (vanligtvis pixlar).
Det traditionella sättet att bygga webbplatser. Sällan valt för nyare webbplatser, eftersom webbplatser med fasta layouter är knappast användbara (läsbara) på mobila skärmar. För att vara tillgänglig för mobila användare använder många fasta layoutsidor en sekundär mobil plats.
“Platt design”
en UI design språk som fokuserar på rena och minimalistiska stilar, och tar bort komplicerade texturer, mönster, gradienter och andra fina effekter för att hjälpa användare bättre fokus på innehållet.
Plattformen har kritiserats för användbarhetsproblem som härrör från brist på tredimensionellitet. Mognare Flat 2.0 design språk, som Googles materialdesign, har dykt upp som svar, och lagt lite djup tillbaka till platt design.
“Fluid Layout”
en layouttyp den där använder relativa enheter att definiera bredden på en webbplats och dess element.
De vanligaste relativa enheterna för vätskeformat är procentsatser, men ems och rems kan också användas. En fluid layout resize (sträcker och krymper) som bredden på visningsporten ändras. Till skillnad från responsiva layouter, en fluid layout använder inte mediafrågor. Också kallad flytande layout.
“Vika ihop”
Undersidan av skärmens synliga del.
Termen “ovanför vikten” refererar till den del av en webbsida som besökare kan se utan att vidta några åtgärder, medan “under veckan” hänvisar till resten av sidan som användarna kan bara nå genom att interagera med webbplatsen - vanligtvis genom att bläddra eller svepa (på mobilen).
Det rekommenderas att placera branding element (t ex logotypen), navigering på plats, och lockande innehåll ovanför vikten för att få användarna att snabbt förstå syftet med webbplatsen och vara intresserade av resten av innehållet.
“Värdigt förfall”
En webbdesign strategi som innehåller alla avancerade funktioner som standard på en webbplats, tar bort eller förenklar senare saker som inte fungerar i äldre webbläsare, på mindre kapabla enheter eller vid lägre bandbredd.
fokuserar mer på utseende än på innehållet. I den mobila eran har den progressiva förbättringen blivit den dominerande webbdesignstrategin för nya webbplatser. Graceful degradering används huvudsakligen på äldre eller äldre webbplatser.
“Hero Image”
En stor storlek bildbanner placerad ovanför vikten.
Hjältebilder är högkvalitativa, vanligtvis fullbreddsbilder som är relevanta för innehållet på webbplatsen. Ovanpå dem finns det vanligtvis en kort (en eller två rader) text som överför ett meddelande till användare, och a Call-to-Action-knapp som uppmanar dem att ta en viss åtgärd, till exempel shopping eller anmälan till webbplatsen.
“Landningssida”
Ursprungligen någon sida där en online besökare går in på en webbplats. Nyligen används termen ganska för en fristående sida avsedd för a specifika affärsändamål.
Till exempel, om webbanvändare följer en bannerannons, befinner de sig ofta på en målsida som kallar dem att köpa en relevant produkt. Landningssidor med a enda fokus och a rensa uppmaning tenderar att nå högre konverteringsfrekvenser.
“Lazy Loading”
En teknik för att ladda bilder och annat statiskt innehåll, till exempel videor, bara strax innan de bli synlig för användaren.
Om en webbplats använder lat laddning laddas endast bilder ovanför vikten först, resten läggs bara in när (om) användaren bläddrar på sidan. Ofta används i lyhörd och mobil design som den sparar resurser. Till exempel, Google AMP snabbar upp mobila webbplatser av lat laddning av statiska resurser som standard.
“Media Query”
En CSS-funktion som gör responsiv webbdesign möjligt genom att möjliggöra för designers att skapa olika mönster för olika enhetsdimensioner (bredd och / eller höjd), orienteringar (landskap eller porträtt) och medietyper (utskrift, skärm, etc.).
Vanligtvis svaga sidor har separata layouter för skrivbord, surfplattor och mobilskärmar, brytpunkter mellan dem är definieras av mediafrågor läggas till CSS.
“Progressiv förbättring”
En webbdesign strategi som först lägger till endast de grundläggande elementen till en webbplats som fungerar på alla webbläsare, bandbredd och enhet. Mer avancerade front-end-funktioner (stilar och interaktivitet) är laddad i lager i efterhand.
Progressiv förbättring primärt fokuserar på innehållet, resulterar i platser som är tillgänglig till varje användare, därför är det det övervägande sättet att bygga webbplatser i mobiltiden (i motsats till graciös nedbrytning).
“Responsiv design”
Ett webbdesign tillvägagångssätt för att skapa webbplatser som anpassa sig till måtten av olika typer av enheter (oftast mobila, surfplattor och skrivbord) genom att designa olika layouter och andra stilar (t ex typografi, bildstorlek) för dem.
Responsiv design använder sig av olika tekniker, till exempel relativa enheter, flexibla nät, och mediefrågor för att kunna tjäna varje användare med användbar, läsbar och tillgänglig innehåll. De flesta moderna webbplatser använder responsiv design.
“Skeuomorphism”
Ett användargränssnitt som använder sig av principen om förtrogenhet, och fokuserar på att skapa designelement som liknar deras verkliga motsvarighet.
Till exempel knappar som ser ut som verkliga knappar med hjälp av effekter som kant och prägling, droppe skuggor, gradienter och andra. Innan platt design har blivit dominerande var skeuomorfismen den ledande webbdesignen i många år.
“Övergång”
En webbdesignteknik för visualisera enkla förändringar när ett skärmelement smidigt ändras mellan ett början och slutet tillstånd.
Övergångar - till skillnad från animationer - har inte mellan stater, bara a start- och slutpunkt, Därför ska de användas till subtila förändringar, som för att visualisera svävarstillstånd.
“White Space”
De mellanslag mellan intilliggande designelement. Också kallad negativt utrymme.
Vit utrymme hjälper användarna skumma innehållet, och visuellt anger innehållshierarkin. Vitt utrymme är inte nödvändigtvis vitt men använder bakgrundsfärgen på webbplatsen. Bristen på tillräckligt vitt utrymme leder till a rörig sida.
