10 grundläggande regler som alla webbdesigners känner till

, , ,

I tidernas begynnelse kunde man lära sig rita med blyerts eller kol (samma kol som man grillar korv på). Idag kan vem som helt skapa färg, form och upplevelse i den digitala världen. Men det finns en del att förhålla sig till. Här kommer 10 grundläggande regler för webbdesign. Är du webbdesigner så checka så att du är uppdaterad och har du ambitionen att börja med webbdesign så sug i dig.

1. Använd mycket kontraster

Färg på bakgrund och text ska skilja sig åt så mycket det går. Undvik grå bakgrunder eller gul text.

2. Nästan svart är bättre än svart

Använd hellre #333333 RGB (51,51,51) istället för den rena svarta färgen.

3. Det viktiga innehållet först

Göm inte det som är viktigast. Användaren ska inte behöva zooma eller scrolla för att kunna ta del av det viktiga innehållet.

Exempel

Spotify lyfter fram artwork för själva skivan och Play/Pause knappen är större än framåt och bakåt.

Facebook lyfter fram innehållet från din vän främst.

4. Formatera innehållet

Det som är absolut tabu är att inte formatera innehållet, d v s se till att det är strukturerat, logiskt och ”rakt”. Bäst är att jobba med färdiga mallar (eller att skapa dem).

5. Fontstorlek och mellanrum

Använd en större fontstorlek för att göra innehållet läsbart och använd mellanrum, både mellan rader och med styckeindelning.

6. Använd enkel listvy vid sök

Många webbsidor och appar har sök och det är alltid bäst att använda en enkel listvy vid sök.

How do Users View Search Results Presented in a Grid Layout? By C. Siu & B. Chaparro

7. Designa i svart/vitt först, sen färg.

Genom att designa i svart/vitt först håller du fokus på att lösa och designa de viktigaste användarflödena först. Färg gör att du börjar tänka emotionellt och då riskerar du att tappa fokus på användarvänligheten.

8. Gör det enkelt, inte svårt

Den här bilden säger allt.

9. Använd färgpaletter

Blanda helt inte färger helt random. Ladda ner färdiga ”Color Palettes” på Dribbble eller använd ”color palette generators” som Coolors eller Color Claim.

10. Använd Apple och Google OS riktlinjer

På Google Material spec hittar du guidelines, templates, färger, ikoner och komponenter för att designa en Android app. Apple har Human Interface Guidelines där du hittar allt för att designa en Apple app.

Källa: Marc Hemeon, Design Inc, Medium.com

 

Kommentarer

kommentarer