Vi vet alla intuitivt vad som gör att en webbplats ser dålig ut: överanvändningskanaler, corny clip art, överfulla layouter. Dessa irriterande är lätt korrigerade genom att utveckla med designens grundläggande i åtanke - samma principer som används av professionella designers och artister.
Stora webbplatser samlar form och funktion. Faktum är att väl utformade webbplatser ses som mer trovärdiga, enligt a Stanford studie och är faktiskt lättare att använda (som studerat av forskare Don Norman ). Så här är fem grundläggande för att hjälpa dig att hålla högkvalitativ design i framkant av din övning.
I designskolan ger de dig en lista över principer att följa som tilldelar regler till skönhetselement som layout, ordning och symmetri. Men när du går framåt berättas du då att bryta reglerna lite för att skapa platser för en betraktarens ögon att se genom att använda element som variation, spänning eller kontrast.
Här är en Exempel på en sida Jag gjorde i Edge Reflow CC. Kan du upptäcka de olika designelementen som används, spelas sedan med?
Det finns några universella ikoner som människor är utbildade att svara på. Förstoringsglaset (sökning), huset (hemsidan) och disketten (spara) är redan inblandade i användarna. Dra nytta av dem visuella genvägar ; alla dessa skyltar bör genast igenkännas för dig.
Färg gör all skillnad, speciellt eftersom våra skärmar blir bättre på våra telefoner och tabletter. Det är en designfasett som kan vara en väldigt viktig del av den berättelse som din webbplats vill berätta. Använd bara färg för att stödja innehåll, inte dekorera en sida. Och ofta om du använder ett foto, bör färgerna i designen samplas från de bilder som används så att din design har en trevlig enhetlig känsla.
Jag tycker ganska om att dra färgexemplar med färgstickor - och Adobe Kuler Webapp är ett bra sätt att spela med olika teman och sedan importera dem till dina designverktyg. En av de bästa reglerna är att använda gratisfärger. Vilket använder i grunden varma färger och coola färger för att ge balans.
Det finns bokstavligen tusentals typsnitt att välja mellan.
Det är upp till dig att mixa och matcha - men kom ihåg att det är bästa praxis att bara använda upp till tre teckensnitt i taget - en bra rubrikfon, en för huvudtexten av text, då en för någon form av utkallning du kanske behöver. Ofta betyder det att du använder en sans-serif för kroppskopian, och för rubriker kan du bli mer intressant med antingen serif eller sans-serif.
Okej, du har dina grundläggande designelement, med vackra ikoner och bilder, med ett ljudfärgschema och roliga teckensnitt. Vad kommer härnäst?
Få hjälp av andra, förstås! Och inte bara slumpmässiga människor på gatan, utan konstruktiv kritik från människor som verkligen känner till sina grejer, som andra designers / utvecklare. Detta kan vara avgörande för att gå från en OK-webbplats till en som verkligen dyker upp. Om du aldrig har använt Behance för att skicka en in-progess rekommenderar jag att du försöker. Det aktiva samhället kommer att göra mer än att bara säga "att göra logotypen större" - men ge dig råd som kan göra skillnaden mellan en bra hemsida och en bra.
För att dyka djupare på hur man applicerar designelement till webbutveckling, kolla in min presentation från SXSW: