10 saker varje webbdesigner borde kunna göra i sin sömn

Några färdigheter, du behöver bara veta. Och du känner dem bättre så bra att du kan göra dem nästan utan att tänka. När det gäller webbdesign kan många färdigheter förändras och utvecklas över tiden, men det finns några grunder att du ska kunna göra i sömnen.

Och även om du inte är en webbdesigner? Med handeln blir alla dessa färdigheter ett måste för alla designers som arbetar idag. Hur många är du redan bekant med? Låt oss dyka in och ta en titt på vad du borde kunna göra på? Auto pilot ?!

1. Kod med HTML och CSS

Oavsett om du är utvecklare eller inte, behöver alla förstå det mest grundläggande språket bakom webbdesign. Du måste förstå hur du läser, redigerar och felsöker grundläggande HTML. (Och beroende på ditt egentliga jobb kanske du behöver veta mycket mer än det.)

I alla fall borde du kunna identifiera en djärv eller skrift eller färg- eller storleksproblem i HTML utan att tänka. Du bör kunna ersätta stilar i CSS med lätthet. Dessa är färdigheter som är lätta att lära och kommer att tjäna dig bra på lång sikt.

Lära sig det: Förnya dig själv (eller lär dig) grunderna från W3Schools. Tutorialsna är självklara, lätt att förstå och gratis. (Det finns ingen anledning att inte bli flytande på språket på webben.)

2. Redigera foton

I något designfält är det troligt att du kommer att arbeta med bilder hela dagen. Så det är bara meningsfullt att du förstår hur man manipulerar dem. Från grundläggande beskärning till storlek och lite? Städa upp? du borde kunna arbeta med bilder med lätthet. Du bör åtminstone känna dig bekväm med beskärning och storlek, liksom en viss bildkvalitetsjustering.

Lära sig det: Digital Camera World har en smidig guide som förklarar sex steg för att få ut det mesta av fotografier. Tipsna är lätta att använda och medan handledningen är rotad i Photoshop kan den appliceras med vilken som helst programvara.

3. Skriv ut

Även om ditt jobb kan vara i det digitala riket, kommer det säkert att behövas delar av konstruktionen för tryckta applikationer. Från flygblad till visitkort till pressmeddelanden bör du kunna skapa och konvertera element på ett sådant sätt som också är färdiga.

Viktiga saker att förstå inkluderar utskriftsupplösningar för olika mediatyper och färg. Medan du förmodligen använder ett värde som FF0000 för att göra ett textblock rött, fungerar det inte för utskrift. (Det kommer åtminstone att vara roligt.) CMYK (cyan, magenta, gul, svart) färgblandningar är standarden för tryckta artiklar.

Lära sig det: Lycklig för dig, vi har en guide för att få något klart att skriva ut. Det förklarar skillnaderna i färg, medium, typsnitt, blödningar och mer.

4. Skriv en rubrik

Det är nästan omöjligt att verkligen visualisera en design med lorem ipsum som huvudrubrik. Orden är limet som sätter samman bilderna och meddelandet. Din rubrik kanske inte alltid håller fast, men du bör alltid fylla i de stora orden när du sätter in ett konceptkoncept.

Som en praktisk sak kan orden hjälpa klienten att förstå hur mycket utrymme som är tillgängligt för text. En bra rubrik visar att du förstår klienten och går extra mil i projekt och det ger människor ett varaktigt intryck.

Lära sig det: Copyblogger är en bra resurs när det gäller kopior och inlägg. Börja med? Hur man skriver rubriker Arbetet.?

5. Ta tag i vilken enhet som helst och navigera på en webbplats

Du bör ha en komfortnivå med datorer och enheter som de flesta inte gör. Det kan behöva bryta sig bort från dina favoritapparater eller webbläsare eller program och spela med många andra saker. (Du kommer vara tacksam om du gör det, garanterat!)

Vi har alla varit där: Det är inget värre än en klient som piska ut en gammal telefon eller visa dig något på en liten skärm för hjälp och du kan bara inte räkna ut det med lätthet. Du borde kunna använda din webbplats (och andra) i vilken miljö som helst och prata med andra genom hur man gör det också.

Lära sig det: Börja bara spela. Se till att du experimenterar med olika webbläsare och om du är en Apple-person, hämta en Android-enhet (och vice versa).

6. Skiss med förtroende

En av de bästa sakerna med att skissa är att du kan hjälpa andra att visualisera vad du tänker. Kom ihåg att gott om andra människor behöver se en wireframe eller skissera innan de kan börja föreställa sig vad du tänker.

Att skissa med förtroende är ett bra sätt att hjälpa till att skapa den anslutningen. Detta är inte att säga att du behöver lära dig att vara en toppartad konstnär över natten. Men du bör vara redo med en kudde och penna (eller penna) så att du kan lägga dessa idéer på papper och dela dem med laget.

Lära sig det: Tuts + har en bra liten primer på att lära sig att rita. Det första steget? Avsluta försöker vara perfekt.

7. Använd en gemensam ram

Det är ingen skam att använda en webbdesignram för att starta projekt. Faktum är att du förmodligen borde, om du inte är en superstjärnig utvecklare.

Ramar hindrar dig från att uppfinna hjulet med varje projekt och är enkelt för andra att använda om du slutligen delar ut en webbplats till en klient som kommer att försöka behålla den och göra uppdateringar. WordPress är ett populärt alternativ, men det finns gott om andra där ute för att försöka.

Lära sig det: Börja med WordPress. Det är det största bloggar- och webbplatsinnehållssystemet och ramverket tillgängligt. (Och det är ganska lätt att använda.)

8. Backup och paketfiler

Medan en webbplats verkar vara ett självhäftande system är det inte. Du måste förstå hur och hur ofta du vill säkerhetskopiera din webbplats (och återställa den om det behövs) för att förhindra dataförlust, om något skulle hända med webbplatsen.(Det är bättre att vara säker än förlåt, eller hur?) Även om du inte känner till den exakta logistiken i denna övning i sömnen, borde du veta vad som sparas, hur ofta det händer och var data lagras.

Dessutom bör du ha en bra uppfattning om hur man skapar paketfiler för webbplatsstilar, designdelar och delar och mer som kan användas som backup och kan ge viktig information till kunder om de behöver använda delarna. Paketfiler (för utskrift) är en nödvändig del av webbdesignprocessen, så att klienterna har en uppsättning varumärkesverktyg som matchar webbdesignen för tryckta kampanjer. (Kunderna kommer att älska dig för detta!)

Lära sig det: Varje webbplats behöver en reservplan. Förpackningsfiler hjälper dig att hålla material, till exempel teckensnitt och bilder, tillsammans när du måste skicka dem på annat håll.

9. Känn 3 Trends (och när de ska använda dem)

Du bör ha en go-to website trender hiss pitch. Vad betyder det här?

Helt enkelt borde du kunna prata med någon med en rimlig mängd designkunskaper om vilka visuella tekniker som trender och varför eller varför du inte ska använda dem. Hur fungerar de och vad tycker du om / ogillar dem?

Lära sig det: Läs designbloggar som den här för att hålla dig uppdaterad om vad som trender och hur dessa designtekniker kan tillämpas.

10. Förklara designteori

Färg, flöde, balans och proportion, avstånd: Dessa är alla saker som du bara ska kunna se när du arbetar med projekt. Men det är mer än att ha ett bra öga; designteori är lika viktigt. Förstå varför du gör vad du gör och varför det skapar en balanserad estetik är viktig.

Och om du förstår det bra kan du förklara det och lättare försvara och förklara designbeslut för andra. En grund i grunderna hjälper dig att behärska alla projekt.

Lära sig det: Om du inte redan har den här, kan det vara dags att gå tillbaka till grunderna. Börja med? Design Basics? av Stephen Pentak och? Grafisk design: The New Basics? av Ellen Lupton och Jennifer Cole Phillips.

Slutsats

Hur många element på den här listan kan du kolla som saker du känner i sömnen? Hur många andra är du ivriga att lära dig mer om eller uppdatera din kompetens?

Webbdesign - som vilken som helst annan typ av design - är förankrad i grunderna och ströms med många trender och nya tekniker. En bra förståelse för mixen hjälper dig att växa och bli en bättre designer och hjälper dig att känna dig ännu mer säker i dina designbeslut och arbete.

Bildkällor: ekkun, lenep, Blake Patterson och cirox.