Bewaar de resolutie van dat nieuwe jaar en maak de sprong van print naar webdesign
Je ontwerpt sinds de universiteit voor drukwerk en hebt oog voor wat visuals doet werken. Maar het landschap is veranderd (en voor sommigen ziet het er misschien zelfs een beetje eng uit). Dus toen de bal begin 2012 viel, was je beslissing om iets meer te leren over de digitale kant van dit alles en jezelf veel beter verkoopbaar te maken.
Dit is het moment om te beginnen. Er zijn tal van bronnen om printontwerpers te helpen nat te worden in codering, HTML en digitaal ontwerp. Door de vaardigheden die je als printdesigner al in huis hebt, is de transitie misschien wel makkelijker dan je denkt. Je weet al hoe je tekst, kleur en afbeeldingen moet gebruiken, maar je hebt de vaardigheden nodig om het online te laten gebeuren. Met een beetje tijd en toewijding kan bijna iedereen de basis leren met een paar geweldige (en gratis) tutorials direct op uw computer.
Ontdek ontwerpbronnen
Codering voor beginners
Sites zoals Codeacademy en Carl Herold's Higher Computing for Everyone stellen gebruikers in staat om gratis de basisprincipes van computercodering te leren. Gebruikers volgen een reeks door ontwikkelaars ontworpen cursussen.
Codeacademy, die in de zomer van 2011 is begonnen, heeft meer dan 500.000 gebruikers en ontving 2, 5 miljoen dollar van investeerders om de onderneming in oktober te financieren, aldus The New York Times. Higher Computing for Everyone, begonnen in 2009, claimt ongeveer 6.000 abonnees. Elk van de sites is gemakkelijk te gebruiken en vereist geen voorkennis van codering.
De bonus voor Codeacademy is dat de lessen op een bijna spelachtige manier zijn gestructureerd, waardoor je prestatiebadges kunt verdienen voor het afronden van lessen en het online delen ervan. Codeacademy-lessen beginnen op het meest basale niveau - Les 1: Kennismaken toont de syntaxis van programmeren - en gaat verder met lessen in Javascript-functies. Het enige echte nadeel is dat de lessen geen context hebben over waarom dingen op deze manier worden gedaan.
De game-achtige sfeer van Codeacademy is leuk. Als je de lessen doorloopt, krijg je een onmiddellijk gevoel van voldoening en begrip. Bij elke invoer in het oefengebied krijgt de gebruiker onmiddellijk feedback of de code correct is ingevoerd en zo niet, hoe hij verder moet gaan. De interface heeft geen geluid nodig en kan in elk tempo worden beoefend, hoewel het beter werkt als je hele lessen voltooit voordat je uitlogt.
Carl Herold's Higher Computing for Everyone is een veel meer gestructureerde opzet. U hoeft zich niet te registreren voor de site om de lessen te doorlopen, die meer lezingen lezen dan het interactieve karakter van Codeacademy. Herold neemt gebruikers mee door de geschiedenis en achtergrond van codeer- en programmeertalen in de eerste lessen en gaat verder met het schrijven van basisprogramma's.
De diepte van de informatie is indrukwekkend, maar de interface kan intimiderend zijn voor nieuwe codeerders. De lessen vereisen veel leeswerk en de interface heeft geen oefenruimte.
Het combineren van de lessen in de twee online modules is misschien wel de beste manier om zoveel mogelijk over codering te leren. De informatie van Herold legt de principes op een duidelijke manier uit, zodat u een idee krijgt van wat het allemaal betekent. De lessen van Codeacademy bieden praktische ervaring met het werken met programmeren in een gemakkelijk te gebruiken formaat.
Leer HTML
Hoewel een basiskennis van coderen niemand kan schaden, willen de meeste ontwerpers meteen beginnen met het ontwerpen van websites. Dat is waar HTML om de hoek komt kijken. De opmaaktaal gebruikt een reeks tags tussen haakjes om te beschrijven wat er op een webpagina staat.
Begin met de gratis tutorials op w3schools.com of HTML Dog. Elke site biedt een reeks korte lessen voor beginners, van het gebruik van eenvoudige HTML - het instellen van alinea's en kopteksten - tot complexere functies, zoals het bouwen van tabellen of het invoegen van afbeeldingen.
De lessen van w3schools.com zijn redelijk interactief en eenvoudig te begrijpen. Elke module stelt gebruikers in staat om te spelen met stukjes HTML en de resultaten op het scherm te zien. De lessen voegen ook een extra element van lesgeven toe aan de oefeningen, en leggen uit waarom bepaalde tags werken zoals ze werken en hoe tings overeenkomen met oude en nieuwe methoden voor het bouwen van webpagina's.
De beginnerslessen op w3schools.com zijn vrij eenvoudig, maar kunnen een goede basis vormen voor iemand die de overstap maakt van afdrukken die nog nooit online heeft gewerkt. De gevorderde lessen kunnen ontwerpers echt helpen om een pagina eruit te laten zien zoals ze willen, zonder te hoeven vertrouwen op gratis sjablonen of ontwerpvellen in dozen. De lessen bevatten informatie over het opzetten van de layout van een webpagina; in detail treden over het werken met media, zoals afbeeldingen, video en audio; en laat gebruikers kennismaken met HTML5.
De lessen van HTML Dog zijn veel meer een rondleiding. Ze dienen als een directe gids waarmee gebruikers zelfstandig kunnen oefenen met Kladblok en een webbrowser (die standaard zijn op de meeste computers). De lessen zijn vrij eenvoudig en direct, maar missen interactiviteit. De site gaat echter vrij goed in op alle veelvoorkomende gebruiksvoorwaarden die in HTML verschijnen, zoals 'sterk' en 'em'.
Met HTML Dog kunnen gebruikers zich ook verdiepen in meer complexe lessen, met een inleiding tot CSS en tussenliggende en geavanceerde HTML-cursussen die items zoals Javascript behandelen en formulieren gebruiken.
Meer geavanceerde "cursussen"
Nu je verslaafd bent aan het leren van alles wat je kunt over het digitale formaat, bekijk dan alle materialen op Google Code University. Het programma, gesponsord door webgigant Google, heeft het uiterlijk van een cursusgids voor de universiteit.
Lessen en cursussen zijn gratis en vereisen geen registratie. Er zijn een heleboel verschillende dingen om uit te proberen, waaronder tutorials opgenomen lezingen en cursussen met oefeningen. Veel van de cursussen zijn behoorlijk geavanceerd, met lezingen en materialen van docenten en studenten aan de universiteiten van Harvard, Duke en Carnegie Mellon.
Het grote voordeel van Google Code University is het netwerk van bronnen. Lessen zijn up-to-date en bewegen met technologie, zoals "Een Android-applicatie 101 bouwen". Elke cursus bevat de vereiste kennis die nodig is voor de cursus, de benodigde software of materialen en leerdoelen.
Oefen nieuwe vaardigheden
De beste manier om te testen wat je hebt geleerd, is door de concepten in praktijk te brengen.
Voel je je goed over enkele van je codeervaardigheden? Maak een eenvoudig spel of programma om uw werk te laten zien. Speel met iets waar je mee kunt blijven werken en blijf nieuwe vaardigheden verfijnen. Maak een webpagina - en gebruik geen sjabloon. Begin eenvoudig, maar probeer na verloop van tijd nieuwe elementen toe te voegen. Bekijk dingen die u online leuk vindt en probeer ze op uw site te repliceren.
Als je extra zelfverzekerd bent, vraag je baas dan om met anderen samen te werken aan een digitaal project of zoek een klein project dat je alleen aankunt, maar onder begeleiding en begeleiding als je in de problemen komt. Laat mensen weten dat u de sprong naar digitaal ontwerp probeert te maken; het is waarschijnlijk dat uw collega's u onderweg zullen helpen.
Blijf tot slot nieuwe dingen leren. Als je eenmaal de codering en HTML onder de knie hebt, denk dan eens na over het ontwerp op andere gebieden, zoals voor mobiele applicaties en tablets.
Gevolgtrekking
Er zijn geweldige bronnen om u te helpen alle nieuwe vaardigheden te leren die u in 2012 wilt - en u hoeft niet terug naar school te gaan om het te doen. Stel een paar doelen en begin met online cursussen en tutorials om het meeste uit uw leerervaring te halen.
Oefen alles wat je leert; alleen tutorials doorlopen is niet genoeg om de vaardigheden relevant te maken. Zoek ervaringen en projecten op die uw nieuw gevonden kennis zullen testen. Onthoud dat de basisconcepten die een goed ontwerp bepalen, niet veranderen van print naar het web; de sleutel tot succes op beide gebieden is een bijgewerkte toolkit.
