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.
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