Gode nettsteder synes alltid å kombinere flott design med god kode. Siden å bygge et nettsted er en ganske enkel oppgave, finner du at mange mennesker lærer HTML og CSS og finner ut at hvis de kan lære det, kan de designe ethvert nettsted de ønsker. Mens de teknisk kan de vil du ofte finne at det er noen viktige feil de gjør fordi de ikke ønsker å ta seg tid til å faktisk lære om design.
Programmører er designere i sin egen rett, men de designer kode og fantastisk arkitekter. Å designe noe visuelt er helt annerledes, og bare fordi du har et godt øye for design betyr ikke at du har et godt sinn å bruke det.
Siden så mange programmerere har personlige prosjekter som vanligvis betyr at de må opprette sine egne nettsteder. Hvis du er freelance-koder, er det en av de største eiendelene du kan få å vite hele webutviklingsprosessen fra begynnelse til slutt, og dette inkluderer design.
Her er åtte feil som jeg ofte ser utviklere gjøre når du bruker design til et nettsted.
Det kan være vanskelig å skille et øye med design med evnen til å designe. Det er veldig lik folkene som kan se på mote og fortelle deg hva som ser bra ut, men kan egentlig ikke kle seg på samme måte selv.
Store designere vet bare hva god design er. De vet hva som skal fungere og hva som ikke virker mange ganger før de plukker opp en blyant eller åpen Photoshop. Ofte er dette tilfellet fordi de har brukt år på å hælde over forskjellige design og prøve ut design selv. Akkurat som ingen kunstner kan plukke opp blyant og tegne noe flott første gang, ingen utvikler burde tro at de kan banke sin første design rett ut av parken.
I likhet med måten en programmerer kan studere koden til en annen person, kan noen studere et design og begynne å få en forståelse av hvorfor det fungerer.
Ta en titt på den vakre Punchfork Du kan se hva som gjør designet så bra.
Det er mange flere deler av designet som gjør det så fantastisk. Når du kommer over et design som du liker, ta deg tid til å studere de enkelte elementene, men også erkjenne hvordan de passer inn i det hele. Et flott element i et design gjør ikke hele designen stor.
Fargevalg kan være en smerte. Jeg hater å måtte velge farger fordi det er så mange å velge mellom. Av en eller annen grunn har de fleste utviklere en tendens til å holde seg til en blå og hvit palett. Kanskje fordi det brukes overalt, eller det er nettleserens standard, men flott design kan innebære en rekke farger. Heldigvis for oss utfordrende folk er det massevis av verktøy der ute som kan hjelpe oss med å sette sammen noen fantastiske fargekombinasjoner.
COLOURlovers er et flott samfunn hvor folk lager sine favorittfargepaletter og deler dem. Du kan bla, lagre og stemme på favorittpaletter og farger. Ved flere anledninger har jeg vendt til COLOURlovers for å komme igjennom og lagre dagen med fargevalg.
Når du velger en fargepalett, må du holde fast ved en som passer til stemningen på nettstedet ditt og dets innhold. Ikke velg en palett bare fordi du elsker det. Oransje og svart er kanskje ikke de beste fargene for et nettsted rundt konseptet om kjærlighet for eksempel.
Sjelden trenger du å bruke mer enn 3-4 forskjellige farger, og hvis du bestemmer deg for at du trenger rettferdiggjøre ditt valg.
Det kan være veldig fristende å sentrere en overskrift. Det ser bra ut i aviser, men sjelden vil det fungere godt på nettet med mindre alt er sentrert. Vi vet at venstrejustert tekst ser profesjonelt ut og arbeider med den naturlige strømmen av øynene, så hvorfor gå utover linjene?
Sentertekst brukes best til overskrifter og korte tekstlinjer. Brukere kan lese dem enkelt fordi linjene er korte, skannbare og ikke trenger gjentatte øyebevegelser. Sentrert tekst kan også gi layoutet et estetisk utseende med sitt symmetriske format. Dette fungerer for tekst som går med sentrert bilder. Hvis bildene dine er venstre- eller høyrejusterte, bør du justere teksten igjen for å holde den i overensstemmelse med utformingen.
Senterte overskrifter arbeider i aviser fordi teksten er brutt opp i kolonner, slik at overskriften flyter over hele historien. Hvis du bare har å gjøre med en kolonne med tekst, bør du holde deg til et overskrift på venstre side.
Når du ikke er nedsenket i typografiens verden, ser Arial ut som Helvetica og Georgia ligner Times New Roman. Du vet at det finnes andre fonter der ute som Comic Sans, men du ser ikke betydningen av å måtte betale for en font når du veldig enkelt kan bruke det som er tilgjengelig for deg.
Med ressurser som Typekit selv om skrifttypevalg er blitt skummelt lik fargevalg. Det kan ta dager med forskning for å finne den riktige kombinasjonen når du enkelt har brukt en grunnleggende skrifttype og ferdig med resten.
Ikke gå over bord med skrifter. Som farger fungerer et begrenset utvalg ofte best. Når det kommer til skrifter, kan en eller to forskjellige skrifter være nok til å produsere en vakker design. Husk at du kan gjøre mange forskjellige ting med skrifter. Du kan kursivisere dem, dristige dem, understreke dem, store dem eller lagre dem.
Når du er utvikler, jo mer informasjon du kan få på en side, desto bedre. Når jeg kodes, liker jeg å gjøre det på flere skjermer fordi det tillater meg å ha alt rett foran meg. Dessverre fungerer dette ikke i design. Du bør ikke stikke så mye informasjon i et stramt rom som du ser hensiktsmessig fordi da blir designet dysfunksjonelt.
Øyet kan bare ta inn så mye informasjon om gangen, og hvis formålet med de fleste design er å få en oppgave fullført, vil det gjemme seg inn i en million andre deler av informasjonen ikke hjelpe.
Mens travle nettsteder kan være effektive, flere ganger enn ikke de er det ikke. Hvit plass bør være din beste venn. Du trenger tomme porsjoner i designet for å legge vekt på de deler av designet som er viktige.
Vi kjenner alle den fantastiske følelsen av å skape noe og se det ut i den virkelige verden. Fordi vi opprettet det, har det en tendens til å være en bias bak det som får oss til å tro at det er bedre enn det egentlig er. Du må få andres meninger å vite om designet er effektivt, og hvis det ikke er det, kan du finne måter å forbedre det på. I stedet føler utviklere at de ikke trenger å spørre andres mening fordi de vet hvordan designen deres virker, så det gir mening for dem.
Du vil også finne at når folk ber om en mening om et design, ber de ikke om en kritikk, men godkjenning. De vil ha rettferdighet for de avgjørelsene de har truffet, og dette er ikke den rette tilnærmingen. Spørsmål hjelper deg virkelig å finne bruksproblemer som du kanskje ikke har vært oppmerksom på før. Ofte blir du så fast i ditt eget design at alt gir mening for deg, men for en ny person kan designet være mer komplisert enn en Rubiks-kube.
Med flotte design kan det være vanskelig å legge merke til de små detaljene som virkelig gjør det. De kan være så subtile at den uformelle observatøren ser forbi dem og fortsetter videre. For en utvikler kan de små detaljene være sløsing med tid, fordi de ikke forstår den totale effekten en dråpehugg kan ha på et element.
Små detaljer av seg selv påvirker bare et bestemt element i et design, men når de alle kommer sammen, har du en flott design som flyter. Nettsteder som Dribbble avslør hvor stor de små detaljene kan fungere i en større design. Men hvis du ikke er en designer av handel, kan fokusering for mye på detaljene redusere prosessen mer enn du vil. Dette betyr imidlertid ikke at du ikke bør være klar over hvordan detaljene kan påvirke et design.
Hvilke andre vanlige feil gjør utviklere når det gjelder design? Vennligst del i kommentarene!