7 regler for å lage et enkelt design
Gjør det enkelt dummen. Dette konseptet stammer fra 1960 da den amerikanske marinen implementerte KISS-prinsippet, som fastholder at de fleste systemer fungerer best hvis de er enkle, snarere enn kompliserte. Det samme gjelder stort sett ethvert designprosjekt også.
De fleste grafiske designere lærer om KISS tidlig i karrieren. Så hvordan kan du gjøre det? Å lage et enkelt design er litt mer komplisert enn du kanskje tror. Her er syv regler å designe etter, som hjelper deg med å kutte bort all rotet og lage en vakker enkel konto.
Utforsk designressurser
1. Sett ett mål per side
Begynnelsen på en enkel design starter med et mål for prosjektet og spesifikke mål for hver side på nettstedet. Hver side skal føre brukerne til én handling, unntatt navigering og bunntekst.
Dette kan være alt fra å klikke på en kobling, legge inn informasjon i et skjema, se på en video eller spille et spill. Men hver side skal fokusere på en enkelt brukerhandling eller konvertering.
For mange ting å gjøre kan overvelde brukere. De kan miste synet på hvilke handlinger som skal fullføres og kan gjøre det mindre ønskelige valget. Planlegg designen slik at hver side fører brukere til et enkelt mål. Hver knapp som kan gjøres over rullen og under rullen på den samme siden, skal gjøre det samme. Denne konsistensen hjelper brukerne å forstå hvorfor de er på nettstedet ditt og hva de skal gjøre; enkelhetene i disse valgene gjør designet enkelt og engasjerende.
2. Hold deg til to typer familier
Det er så mange designretningslinjer som anbefaler tre skrifttyper for et prosjekt. Du kan effektivisere det enda mer med to robuste type familier.
Se etter en typefamilie som inkluderer flere vekter med mye kontrast mellom de vanlige og dristige eller svarte alternativene. For enda mer stil, velg et skjermvalg som inkluderer noen få alternative tegn som du kan bruke i store overskrifter.
Så er alt du trenger å gjøre å mikse og matche fra et karossertypeskrift og vise skrifttype for å få gode kombinasjoner av bokstaver for hele designen. Bruk to type familier akkurat som du ville gjort hvis du valgte flere alternativer med spesifikke bruksområder for visse vekter eller stiler.
Du vil finne at dette kan hjelpe deg med å lage en svært lesbar og brukervennlig typografipalett som er enkel å administrere og har visuell konsistens.
3. Bruk konsekvent justering
Venstre, sentrum eller til høyre - uansett hvilken justering du vil, hold deg til den gjennom hele designen. Dette inkluderer justering som elementer, for eksempel tekstbokser og elementer som ikke er like, men passer sammen i grupperinger.
Tilpasningsdyktig gjør en god jobb med dette med teksten på glidebanen for hjemmesiden. Til tross for tekst med forskjellige antall linjer på bildet, stiller hver overskrift opp med oppfordringsknappen. Avstanden mellom elementene er også konsistent.
Hva mer er at denne konsistente justeringen fortsetter på rullen med andre overskrifter og CTA-par.
Innretningen stemmer overens med glidebryteren, som også beveger seg i en komplementær retning. Venstre og midtre justeringer er de vanligste alternativene når det gjelder tekstelementer fordi de er de mest lesbare. Med lengre tekst er venstrejustering det foretrukne alternativet.
4. Etablere hierarki
Brukere skal ikke være nødt til å tenke på hva de skal se på eller hvordan de skal bevege seg på tvers av et design. Selv de enkleste visuelle komposisjonene bør ha et tydelig hierarki.
Det starter med et dominerende visuelt. Det kan være et bilde eller en video- eller tekstvisning eller annet som vil gjøre et førsteinntrykk.
Da skal det være en slags tekst som forteller brukeren hva designen og nettstedet prøver å kommunisere. Dette er vanligvis i form av en enkel overskrift som fungerer med det dominerende visuelle.
For det tredje er en sekundær bit tekst eller handling for brukere å fullføre. Det siste visuelle elementet er en navigasjonsmeny. Brukere forventer å finne alle disse elementene, og øyet er opplært til å bevege seg gjennom elementene i utgangspunktet denne rekkefølgen. Gjør det enkelt for dem ved å designe på den måten.
5. Gi elementer god plass
Hvis du ikke vet det nå, forplikt deg dette til minnet: White space er din venn.
Gi hvert element i designen god plass. Plass vil hjelpe deg med å trekke oppmerksomhet til enkeltelementer, ta opp "plass", slik at du ikke blir fristet til å rote lerretet og bidra til å skape et overordnet design som har fokus.
Trikset for å bruke plass godt er konsistens. Angi regler for hvor mye plass som vil omgi individuelle elementer eller som passer mellom tekstlinjer. Hvis designen ender med å se for karrig må du kanskje trekke litt tilbake på avstanden. Du vil vite at avstanden er riktig når du åpner designen fersk og går rett til de stedene du vil at brukerne skal se først. (Er du ikke sikker på hva de er? Gå tilbake til nr. 4 - Etablere hierarki.)
6. Forsterk kontrast
Designelementer med høy kontrast - fra fargevalg til størrelsen på elementer - kan gi et prosjekt akkurat den rette mengden visuell finesse det trenger, selv i de mest minimale rammer.
For et trendy alternativ kan du prøve en lys kontrastfargepalett for å hente brukerens oppmerksomhet. Fet farger vil gjøre en enkel design føles mer kompleks og interessant enn et sort / hvitt alternativ. For å få mest mulig ut av kontrastfarge, velg fargetoner fra motsatte posisjoner på fargehjulet med lignende metning. Hvis dette alternativet er for mye for din smak, kan du prøve andre fargehjulbaserte par. (Du kan til og med finne en uventet ny favoritt, for eksempel den lilla og telys-kombinasjonen over.)
7. Bruk konsekvente ikoner og elementer
Konsistens i design er en av de beste (og verste) bevarte hemmelighetene rundt morderdesign. Det er en av de tingene som blir glemt altfor ofte da designprosjekter er strødd med flere knappestiler eller ikoner for sosiale medier som bare ikke samsvarer med resten av nettstedets ikonografi.
Brukergrensesnittelementer skal ikke være en ettertanke.
Det er viktig å lage et ikon og et brukergrensesnittelementsett og regler og bruke dem gjennom hele prosjektet på samme måte. (Du kan til og med kjøpe eller laste ned en ikonfont eller et element for brukergrensesnitt hvis du ikke vil lage disse fra bunnen av.)
Velg en farge for elementer, bruk den samme hoverhandlingen eller effekten for hver (en for elementer som er klikkbare og en annen for elementer som ikke er) og størrelseselementer basert på bruk. (Det er akseptabelt å ha både en ikonstørrelse og et stort alternativ for elementer som er litt mer grafiske.)
Praticca Vending Machines bruker for store ikoner for å signalisere brukere ved at det er mer informasjon. A + ligger inne i et farget ikon. Alle tre ikoner er identiske bortsett fra fargen. De gjør alle det samme på svevet, og fungerer alle på samme måte når en bruker klikker. Det samme ikonet brukes mindre på hele nettstedet for å starte nye biter av innhold og hjelpe brukere med å skanne kopien.
Konklusjon
En enkel design trenger ikke å være helt minimal eller mangler morsomme elementer eller godbit med brukergrensesnittet. En enkel design er veldig brukbar og intuitiv, slik at brukere kan engasjere seg uten spørsmål eller kompliserte instruksjoner.
Selv om det er et sted for mer komplekse nettsteder eller brukerinteraksjoner, kan de fleste nettdesignene dra nytte av KISS-tilnærmingen. Ikke tenk over det, og brukere trenger ikke å gjøre det heller.
