Vi ved alle intuitivt, hvad der får et websted til at se dårligt ud: overused bevel effekter, corny clip art, overfyldte layouts. Disse irritationer er let korrigeret ved at udvikle sig med design fundamentale i tankerne - de samme principper, som professionelle designere og artister bruger.
Store hjemmesider samler form og funktion. Faktisk er veludformede hjemmesider betragtes som mere troværdige, ifølge a Stanford studie og er faktisk lettere at bruge (som studeret af forskeren Don Norman ). Så her er fem grundlæggende til at hjælpe dig med at holde kvalitetsdesign i spidsen for din praksis.
I designskolen vil de give dig en liste over principper, der skal overholdes, som tildeler regler til skønhedselementer som layout, orden og symmetri. Men når du går videre, bliver du derefter bedt om at bryde reglerne lidt for at skabe steder for en seers øjne for at se ved at anvende elementer som variation, spænding eller kontrast.
Her er en Eksempel på en side Jeg gjorde i Edge Reflow CC. Kan du få øje på de forskellige designelementer, der er ansat, så spilles med?
Der er nogle universelle ikoner, som folk er uddannet til at reagere på. Forstørrelsesglasset (søgning), huset (hjemmesiden) og disketten (gem) er allerede indblandet i dine brugere. Udnyt dem visuelle genveje ; alle disse vejskilte skal straks genkendes til dig.
Farve gør hele forskellen, især da vores skærme bliver bedre på vores telefoner og tabletter. Det er en facet af design, der kan være en rigtig vigtig del af historien, som dit websted ønsker at fortælle. Brug bare farve til at understøtte indhold, ikke dekorere en side. Og ofte, hvis du bruger et foto, skal farverne i designet samples fra de anvendte fotos, så dit design har en god samlet fornemmelse.
Jeg kan godt lide at trække farveeksempler med farveprøver - og Adobe Kuler Webapp er en fantastisk måde at spille med forskellige temaer og derefter importere dem til dine designværktøjer. En af de bedste regler at gå med er at bruge gratis farver. Hvilket er i bund og grund brugen af varme farver og flotte farver sammen for at skabe balance.
Der er bogstaveligt talt tusindvis af skrifttyper at vælge imellem.
Det er op til dig at blande og matche - men husk at det er bedste praksis at bruge kun op til tre skrifttyper ad gangen - en god overskriftskonfiguration, en til hovedteksten af tekst og derefter en til enhver form for udringning, du måske brug for. Ofte betyder det at bruge en sans-serif til kroppens kopi, og til overskrifter kan du blive mere interessant med enten serif eller sans-serif.
Okay, du har dine grundlæggende designelementer, med smukke ikoner og billeder, med et lydfarve og sjove skrifttyper. Hvad er næste?
Få hjælp fra andre selvfølgelig! Og ikke bare tilfældige mennesker på gaden, men konstruktiv kritik fra folk, der virkelig kender deres ting, ligesom andre designere / udviklere. Dette kan være med til at gå fra en OK hjemmeside til en, der virkelig kommer frem. Hvis du aldrig har brugt Behance til at sende en work-in-progess, anbefaler jeg at prøve. Det aktive samfund vil gøre mere end bare at fortælle dig "at gøre logoet større" - men give dig råd, der kan gøre forskellen mellem en god hjemmeside og en stor.
At dykke dybere ind i, hvordan man anvender designelementer til webudvikling, tjek min præsentation fra SXSW: