Store hjemmesider synes altid at kombinere godt design med god kode. Siden opbygning af et websted er en ret simpel opgave, finder du mange mennesker at lære HTML og CSS og opdage, at hvis de kan lære det, kan de designe ethvert websted, de ønsker. Mens de teknisk kan de kan du ofte opdager, at der er nogle vigtige fejl, de gør, fordi de ikke ønsker at tage sig tid til rent faktisk at lære om design.
Programmører er designere i deres egen ret, men de designer kode og vidunderligt arkitekter. At designe noget, visuelt er helt anderledes, og bare fordi du har et godt øje med design betyder det ikke, at du har et godt sind at anvende det.
Da så mange programmører har personlige projekter, der normalt betyder, at de skal oprette deres egne hjemmesider. Hvis du er freelance-koder, er en af de største aktiver, du kan få, at kende den fulde webudviklingsproces fra start til slut, og dette inkluderer design.
Her er otte fejl, som jeg ofte ser udviklere gøre, når de anvender design på et websted.
Det kan være svært at skille et øje med design med evnen til at designe. Det ligner meget på de mennesker, der kan se på mode og fortælle dig, hvad der ser godt ud, men kan ikke rigtig klæde sig selv på samme måde.
Store designere ved simpelthen, hvad godt design er. De ved hvad der virker, og hvad der ikke virker mange gange, før de selv optager en blyant eller åbner Photoshop. Ofte er det tilfældet, fordi de har brugt år til at hælde over forskellige designs og prøve design selv. Ligesom ingen kunstner kan hente en blyant og tegne noget godt første gang, må ingen udviklere tro på, at de kan banke deres første design lige ud af parken.
På samme måde som en programmør kan studere en anden persons kode, kan enhver studere et design og begynde at få en forståelse for, hvorfor det virker.
Kigger på den smukke Punchfork Du kan se, hvad der gør designet så godt.
Der er mange flere dele af designet, der gør det så vidunderligt. Når du kommer over et design, som du kan lide, tager du tid til at studere de enkelte elementer, men også erkende, hvordan de passer ind i det hele. Et stort element i et design gør ikke hele designet godt.
Farvevalg kan være en smerte. Jeg hader at skulle vælge farver, fordi der er så mange at vælge imellem. Af en eller anden grund har de fleste udviklere tendens til at holde fast ved en blå og hvid palette. Måske fordi det bruges overalt, eller det er browserens standardindstillinger, men godt design kan indebære en række farver. Heldigvis for os farveudfordrede folk er der masser af værktøjer derude, der kan hjælpe os med at sammensætte nogle fantastiske farvekombinationer.
COLOURlovers er et godt fællesskab, hvor folk opretter deres yndlingsfarvepaletter og deler dem. Du kan gennemse, gemme og stemme for dine yndlingspaletter og farver. Ved flere lejligheder har jeg vendt mig til COLOURlovers for at komme igennem og gemme dagen med farvevalg.
Når du vælger en farvepalet, skal du holde fast ved en, der passer til stemningen på dit websted og dets indhold. Vælg ikke en palette simpelthen fordi du elsker det. Orange og sort er måske ikke de bedste farver til et websted omkring begrebet kærlighed for eksempel.
Sjældent bliver du nødt til at bruge mere end 3-4 forskellige farver, og hvis du beslutter dig for at du skal retfærdiggøre dit valg.
Det kan være meget fristende at centrere en overskrift. Det ser godt ud i aviser, men sjældent vil det fungere godt på nettet, medmindre alt er centreret. Vi ved, at venstreorienteret tekst ser professionel ud og arbejder med øjnernes naturlige gennemstrømning, så hvorfor går udenfor linjerne?
Centreret tekst bruges bedst til overskrifter og korte tekstlinjer. Brugere kan læse dem med lethed, fordi linjerne er korte, scannable og ikke har brug for gentagne øjenbevægelser. Centreret tekst kan også give dit layout et æstetisk udseende med dets symmetriske format. Dette virker for tekst, der går med centrerede billeder. Hvis dine billeder er venstre- eller højrejusteret, skal du rette op på din tekst for at holde den i overensstemmelse med dit layout.
Centreret overskrifter arbejder i aviser, fordi teksten er opdelt i kolonner, så overskriften flyder over hele historien. Hvis du kun beskæftiger sig med en tekstkolonne, skal du holde dig til en venstreoverskrift.
Når du ikke er nedsænket i typografiens verden, ser Arial ud som Helvetica og Georgien ligner Times New Roman. Du ved, at der er andre skrifttyper derude, som Comic Sans, men du ser ikke betydningen af at skulle betale for en skrifttype, når du meget nemt kan bruge, hvad der er tilgængeligt for dig.
Med ressourcer som Typekit selvom skrifttypevalg er blevet ildelignende som farvevalg. Det kan tage dage med forskning at finde den rigtige kombination, når du nemt kunne bruge en grundlæggende skrifttype og færdig med resten.
Gå ikke overbord med skrifttyper. Ligesom farver fungerer et begrænset udvalg ofte bedst. Når det kommer til skrifttyper, kan en eller to forskellige skrifttyper være nok til at producere et smukt design. Husk at du kan gøre mange forskellige ting med skrifttyper. Du kan kursivisere dem, modige dem, understrege dem, store dem eller gem dem.
Når du er udvikler, jo flere oplysninger kan du få på en side, desto bedre. Når jeg kodeker, kan jeg lide det på flere skærmbilleder, fordi det giver mig mulighed for at få alt lige foran mig. Desværre fungerer dette ikke i design. Du bør ikke få fat i så mange oplysninger i et stramt rum som du finder passende, da designet bliver dysfunktionelt.
Øjet kan kun indhente så meget information ad gangen, og hvis formålet med de fleste designs er at få en opgave færdiggjort, så gemmer den inde i en million andre informationstyper ikke til at hjælpe.
Mens travle hjemmesider kan være effektive, flere gange end ikke de er det ikke. Hvidt rum bør være din bedste ven. Du har brug for tomme portioner i dit design for at lægge vægt på de dele af designet, der er vigtige.
Vi kender alle den vidunderlige følelse af at skabe noget og se det ud i den virkelige verden. Fordi vi skabte det, har det tendens til at være en bias bagved det, der får os til at tro, at det er bedre end det virkelig er. Du skal få andres meninger at vide, om dit design er effektivt, og hvis det ikke er, kan du finde måder at forbedre det på. I stedet føler udviklere, at de ikke behøver at spørge andres mening, fordi de ved, hvordan deres design fungerer, så det giver mening for dem.
Du vil også opdage, at når folk spørger om en mening om et design, beder de ikke om en kritik, men godkendelse. De ønsker begrundelse for de beslutninger, de har truffet, og det er ikke den rigtige tilgang. Spørgende spørgsmål hjælper dig virkelig med at finde brugervenlighedsproblemer, som du måske ikke har været opmærksom på før. Ofte bliver du så fast i dit eget design, at alt giver mening for dig, men for en ny person kan dit design være mere kompliceret end en Rubiks Cube.
Med flotte designs kan det være svært at bemærke de små detaljer, der virkelig gør det. De kan være så subtile, at den afslappede observatør ser forbi dem og fortsætter videre. For en udvikler kan de små detaljer være spild af tid, fordi de ikke forstår den samlede indvirkning en dropshadow kan have på et element.
Små detaljer alene påvirker et bestemt element i et design, men når de alle kommer sammen, så har du et vidunderligt design, der flyder. Sites som Dribbble udsætte for, hvor store de små detaljer kan fungere i et større design. Men hvis du ikke er designer ved handel, fokuserer du for meget på detaljerne, kan du sænke processen mere, end du vil have. Dette betyder dog ikke, at du ikke bør være opmærksom på, hvordan detaljerne kan påvirke et design.
Hvilke andre almindelige fejl gør udviklere, når det kommer til design? Venligst del i kommentarerne!