Välkommen till Design School for Developers

Designskolan för utvecklare är en handledningsserie som syftar till att hjälpa utvecklare (och de nya eller helt enkelt intresserade av att designa för webben) att förstå mer om de tekniker och beslut som används bakom den design som de kan koda.

Du kan vara en utvecklare som brukade arbeta med andra designers och vill få en bättre förståelse för designen i allmänhet, eller du kan vara en utvecklare som vill - eller måste - arbeta med egna projekt och vill lära sig att designa bättre webbplatser.

Hur som helst och oavsett din situation, i slutet av denna session kommer du att vara beväpnad med en stor mängd kunskaper som du kommer att kunna genomföra på ditt nästa projekt.


Vad är Design?

Vi kan definiera löst Att designa som:

besluta om utseende och funktion (en byggnad, plagg eller annat föremål), vanligtvis genom att göra en detaljerad ritning av den.

Även om det här talar om ingenting att göra med webben, kan vi ganska enkelt översätta det här för att relatera till vad som utformas för webben betyder:

besluta om utseendet och funktionen (en webbplats, användargränssnitt eller app) genom att skapa detaljerade, informativa och hjälpsamma guider och digitala representationer av produkten.

Att utforma en användbar produkt har aldrig varit lätt, och detsamma gäller vid utformning för webben. Sedan internet bildades har det gått igenom många utvecklingar och revolutionerande steg - införandet av CSS-baserade layouter har till exempel fört fram många nya sätt att introducera visuella läckerheter på webben och att de ses av många.

Nu, tillsammans med de utmaningar vi ställde inför för att bara designa för webben, finns det många andra hinder att möta. Inte bara måste vi utforma en webbplats som ser bra ut och, viktigast av allt, tjänar sitt syfte, men vi kan också behöva göra det lyhört, arbeta på en löjligt stor mängd enheter och fortfarande fungera oavsett hur mycket bilder och innehåll vi har har på en webbplats.

Men trots att vi står inför många utmaningar när det gäller att designa för webben, är det mycket vi gör som vi kan vara stolta över. Vi är en av världens mest innovativa industrier, ständigt kan driva oss själva och det arbete vi gör framåt - och det är något att vara stolt över.

Kort sagt är designen för webben aldrig en lätt uppgift - det finns många utmaningar och hinder vi kommer att möta och när du är ny för att designa för webben kan det vara ganska överväldigande. Många viktiga beslut fattas vid utformning av en webbplats - den mest grundläggande är färg, typografi och visuell bildspråk som används och hur allt detta och många andra designelement knyts samman för att skapa en väldigt sammanhängande, vacker upplevelse för våra användare.

Som utvecklare är du troligt van att vara försedd med färdiga konstruktioner som du sedan ska använda för att utveckla en helt funktionell webbplatsbyggnad. Under den här tiden kan du komma över beslut som verkar konstiga eller uteslutna - eller bara ha lite nyfikenhet på varför en formgivare fattade ett visst beslut.

Bara ett litet exempel är att du kanske inte förstår varför en formgivare är olycklig om de inbyggda elementen inte riktar sig helt på samma sätt som på deras PSD. I slutet av denna serie skulle jag hoppas att du skulle få en mycket bättre förståelse för resonemanget bakom sådana beslut - och om du fortfarande är osäker på orsaken till att ett beslut har fattats kommer du att ha förtroende och förståelse för att prata korrekt till designern om dina bekymmer.

I slutet av dagen kan du förstå att du har bättre förståelse för den design du jobbar på. Med en mer designinformerad och orienterad hjärna hoppas jag att du skulle kunna uppskatta designen för webben mer - och till och med gå själv.

Om uppdrag

I slutet av varje artikel i denna session hittar du en lista över uppdrag. Dessa syftar till att ge dig något praktiskt att göra och genomföra de färdigheter du har läst om.

Jag tycker alltid att jag lär mig bättre med faktiskt gör något, i stället för att bara läsa om det - och att genomföra dessa uppdrag är ett bra riskfritt sätt att öva vad du har läst om utan några begränsningar.

Så låt oss fastna med den första lektionen!