Share
God design handler ikke bare om godt utseende, og ingensteds er dette bedre enn i webdesign. Faktisk er det fornuftig å tenke på webdesign som består av tre store ikke-tekniske komponenter: estetisk design, informasjonsdesign og grensesnittdesign. Hvis du vil være en god webdesigner, er det viktig at du har en god forståelse for alle tre.
Dette innlegget er dag 2 i vår webdesignsession. Creative Sessions "Session Day 1Session Day 3"Estetisk design handler om å få utseendet riktig. Hvis du er god til dette, betyr det at du vil kunne designe nettsteder som ikke bare ser bra ut, men er hensiktsmessig utformet. Ulike design overfører forskjellige meldinger til en sluttbruker, så det er viktig at et design samsvarer med nettstedets melding.
Den andre dagen gikk jeg gjennom et supermarked og så en juice merkevare som hadde den visuelle utformingen av et vaskemiddel. Det var bare noe om måten boksen var ferdig på, og jeg lurte på et øyeblikk hvorfor det var vaskemiddel i fruktjuicegangen. På samme måte gir et nettsted en upassende pakke for innhold og melding - selv om det er en virkelig flott pakke, er det et dårlig sluttresultat. Det er derfor det er veldig viktig som en webdesigner at du ikke bare følger fads og trender blindt. Du må alltid tenke, ikke bare hvordan du kan lage et webdesign ser bra ut, men også se riktig ut.
Av de tre komponentene i webdesign er estetisk design det som folk mest identifiserer som å være design. En ting jeg finner interessant om estetisk design er at det er villedende vanskelig. Jeg husker en gang å designe en plakat og vise den til en venn som kommenterte "Åh det er bare noen få linjer og litt tekst, du må ha gjort dette om lag ti minutter" - ah gleden av å være designer!
Informasjonsdesign handler om å forberede informasjonen på et nettsted på best mulig måte, slik at brukerne effektivt og effektivt kan finne og fordøye informasjon. På større sider er bare å finne informasjon utfordrende, men på steder både store og små, er det alltid et designproblem.
Et raskt eksempel på informasjonsdesign er hvordan du organiserer og formaterer tekst på en side. Fordi folk har en tendens til å skumme gjennom innhold på en skjerm, er det mye bedre å organisere det med overskrifter og underposisjoner, diagrammer og visuelle kroker og generell variasjon for øyet. Teknikker som disse gjør informasjonen på en side mye lettere å fordøye. Men informasjonsdesign er ikke begrenset til det som er på en enkelt side, det handler også om hvilke strukturer du bruker til å huse nettstedets deler, hvordan du legger ut menyene og undermenyene og hvordan du krysser lenke forskjellige seksjoner.
Du kan være interessert i å vite at i større og mer komplekse prosjekter og steder, er det faktisk et helt yrke dedikert til modellering og strukturering informasjon kalt Informasjonsarkitektur. Den mest berømte Informasjonsarkitekten jeg kjenner til, er Jesse James Garrett som for øvrig oppfattet begrepet AJAX. Han er ganske snill og du kan lese om han på Wikipedia.
Siden vi snakker om informasjonsdesign, virker det som en god mulighet til å slå 6 avsnitt av waffley-tekst inn i et diagram, så jeg presenterer for deg mitt fantastiske diagram over komponentene i webdesign! Bask i sin røde og grå awesomeness!
Grensesnittdesign er arrangement og sminke av hvordan en bruker kan samhandle med et nettsted. Ordet grensesnitt betyr et punkt eller en overflate hvor to ting berører. Så et webgrensesnitt er hvor en person og et nettsted berører - så menyer, komponenter, skjemaer og alle andre måter du kan kommunisere med en nettside.
God grensesnittdesign handler om å gjøre opplevelsen av å bruke et nettsted enkelt, effektivt og intuitivt. Det er faktisk mye lettere å demonstrere dårlig grensesnitt design fordi det er når du virkelig merker det. Et enkelt eksempel på grensesnittdesign er bruken av ikoner. Har du noen gang sett på et ikon og tenkte "hva betyr det å representere ?!" - Vel, det ville være dårlig grensesnitt design. Bruk av ikoner til å merke og betegne ulike typer innhold eller handlinger, er bare en del av grensesnittdesign.
Forresten et annet eksempel på grensesnitt som du sannsynligvis vil møte som en webdesigner, er Application Programming Interfaces eller APIer. En API er settet med funksjoner og protokoller som du (eller programmet ditt mer presist) kan samhandle med uansett API-en. Så for eksempel gir Google Maps en API som du kan bruke til å lage programmer eller nettsteder som fungerer med Google Maps.
Nå kan du tenke, det er alt veldig bra og bra Collis, men hvor passer CSS inn i dette? Eller hva med Flash? Vel som jeg sier, dette er de tre ikke-tekniske aspekter ved webdesign. På forsiden er det alle de teknologiene og ferdighetene som HTML / CSS, Flash, Javascript og så videre. Men jeg har en tendens til å tro at de er mer en del av webutvikling enn webdesign. På samme måte som det er viktig å skille mellom HTML og CSS for å holde informasjon og presentasjon skilt, kan du argumentere for at hvordan du lager et design til virkelighet, er atskilt fra selve designet. I enklere termer, er å vite en bestemt CSS hack noe å gjøre med design?
Ikke misforstå, du må vite hvordan du bygger ting for å designe dem på riktig måte. Men når det gjelder å si hva som utgjør webdesign, er svaret mitt fortsatt Grensesnittdesign, Informasjon Design og Estetisk Design.
Hva tar du med? Har jeg savnet noen viktig del av webdesign? Eller tror du at webutvikling er en viktig del av selve webdesignet?
Senere denne uken vil du kunne lese mer grundige artikler om tips og triks for hver av disse tre komponentene i webdesign - grensesnittdesign, estetisk design og informasjonsteknologi. Faktisk kommer den første til å gå opp om noen få korte timer.
Dette innlegget er dag 2 i vår webdesignsession. Creative Sessions "Session Day 1Session Day 3"
Accentsconagua