Innehåll
Att lära sig koda kan tyckas onödigt för designers, särskilt om du bara arbetar med tryckdesign. Men om du tror att du inte behöver koda, överväg följande två saker.
För det första vet du aldrig riktigt vad du eller din studio kommer att arbeta med om ett år framöver. Och i en bransch som alltmer fokuserar på digital är det aldrig en dålig idé att framtidssäkra dina färdigheter.
För det andra innebär inte att lära sig koda att gå all-in och bli en fullfjädrad utvecklare och veta allt som finns att veta om responsiv webbdesign. Även om du slutar ta tag i själva grunderna för kod, kommer det fortfarande att hjälpa dig enormt att kommunicera dina visuella idéer till utvecklarna som har till uppgift att implementera dem.
”Att lära mig koda är det mest spännande steget jag har tagit som designer, men mitt ursprungliga mål var inte att bli utvecklare”, säger Jun Taoka, nu produktdesigner vid London-konsultföretaget Red Badger. ”Det handlar om att kunna bättre uppskatta parametrarna för digital design och kommunicera till dina kollegor hur dina mönster kommer att fungera. "
Så här kan designers komma igång i kodvärlden ...
01. Gå på en kodningskurs
Men hur börjar du lära dig att koda? "Jag skulle rekommendera att göra en kort kurs först: en intensiv vecka eller ett par kvällar i veckan under en tidsperiod", säger Sari Griffiths, chefsdesignchef på Red Badger. "Det är fantastiskt att ha någon du kan ställa frågor och studiekamrater för att motivera dig. Se till att du fortsätter med hjälp av online-kurser och kurser."
Taoka gynnar Treehouse och General Assembly, medan hans kollega, produktdesigner Clementine Brown, är ett fan av Codecademy; andra val inkluderar Pluralsight och SuperHi.
Oavsett vad du väljer rekommenderar Brown: "Håll dig till HTML och CSS i början; detta ger dig en känsla för hur det är att få en platt grafik till liv." För oinitierade definierar HTML den grundläggande strukturen för ett webbdokument, medan CSS definierar hur det presenteras i termer av layout, färg och teckensnitt. Komplexa interaktioner och animationer skapas vanligtvis i JavaScript, vilket är mer avancerat, även om det i allt högre grad utvecklas sätt att göra dessa uppgifter även inom CSS.
02. Experimentera med kod
Viktigast är att inte bara ta lektionerna, utan börja smutsa händerna genom att omsätta det du har lärt dig. Lek med kod, bygg saker, prova saker: det är det enda sättet att du verkligen börjar få huvudet kring hur alla dessa saker verkligen fungerar. Dessutom är det kul.
"Som en inlärningskod för designer för första gången är ett av de mest spännande elementen att leva upp dina skapelser i ett nytt medium, tillgängligt för miljarder direkt", säger Craig Frost, produktdesigner på Pusher, en ledare inom realtidsteknologier baserad i London.
"Jag skulle rekommendera dig att börja i det lilla: fokusera på att översätta din befintliga kunskap om designutövning till kod. Börja med layout och avstånd, förstå rutnät på webben och när du behöver använda dem. Gå sedan vidare till typbehandlingar och färg; skillnader i terminologi, möjlighet och brist på detta. "
03. Kontrollera andras kod
Ett av de bästa sätten att lära sig hur kodning fungerar, tillägger han, är att analysera och dekonstruera andras arbete. "Använd webbläsarutvecklarverktygen för att inspektera designarbete du beundrar och arbeta sedan bakåt för att öka din förståelse för hur en viss design Du kan använda dessa verktyg för att direkt manipulera webbplatsen du besöker, så börja ändra färger, avstånd, kopiera; få en känsla för hur du skulle använda samma material för att konstruera något eget.
”När du fastnar använder du verktyg som Stack Overflow för att få kontakt med andra och få hjälp med hårda problem. Och om du använder plattformar som Codecademy eller Treehouse för att lära dig, gör dig närvarande i deras forum för att diskutera dina lärdomar med andra studenter. "
04. Fråga en utvecklare
Och om ditt dagjobb innebär arbete med utvecklare, varför inte ansluta till dem också? "Nå ut och fråga om de kommer att para ihop dig när du kodar upp din nästa design", föreslår Frost. "Kommunicera om deras idéer, färdigheter och problem. Du får en bättre uppfattning om hur du kan ändra din designpraxis och process för att tillgodose webben, och det kommer också att stärka dina arbetsrelationer.
Om du inte har turen att ha det här på ditt företag, börja leta efter möten och workshops, där du kan göra samma sak men utanför kontoret.
"Kodning är svårt i början, men det kommer att bli bättre", säger Mircea Mocanu, en designer och art director som nyligen byggde sin första webbplats - hans personliga webbplats. "Var inte rädd för språket: gör analogier med andra saker du stött på när du hanterar stor mängd information. Investera, med vetskap om att det kommer att ta lite tid och det kommer ofta att vara irriterande, men i slutändan kommer du att vara glad att du satsar på . Utöva dina nya färdigheter på mindre stavsprojekt, fortsätter han.
"Ta det steg för steg och njut av små segrar. Fråga andra kodare hur de gör det. Om de är upptagna, fråga Google. Om du inte hittar det, fråga andra igen. Förvänta dig inte att saker går framåt eller fungerar om du inte guidar dem. "
Denna artikel publicerades ursprungligen i nummer 278 av Datakonst, världens bästsäljande designtidskrift. Köp nummer 278 här eller prenumerera på Computer Arts här.
