Zachovejte novoroční předsevzetí a vytvořte skok z tisku na webový design
Již od vysoké školy navrhujete tisk a dáte si pozor na to, co dělá vizuály funkční. Krajina se však změnila (a pro některé by mohla vypadat trochu děsivě). Takže když na začátku roku 2012 míč spadl, vaším cílem bylo dozvědět se něco víc o digitální stránce toho všeho a učinit se tak mnohem dostupnějším.
Nyní je čas začít. Existuje spousta zdrojů, které pomáhají návrhářům tisku dostat se do mokra při kódování, HTML a digitálním designu. Díky dovednostem, které již máte jako tiskový designér, může být přechod snadnější, než si myslíte. Už víte, jak používat text, barvy a obrázky, ale potřebujete dovednosti, aby se to stalo v online formátu. S trochou času a obětavosti se téměř kdokoli může naučit základy pomocí několika skvělých (a bezplatných) výukových programů přímo ve vašem počítači.
Prozkoumejte zdroje návrhu
Kódování pro začátečníky
Webové stránky jako Codeacademy a Carl Herold's Higher Computing for Every umožňují uživatelům naučit se základy programování v počítači zdarma. Uživatelé procházejí řadou kurzů navržených vývojáři.
Podle The New York Times se Codeacademy, která začala v létě roku 2011, může pochlubit více než 500 000 uživateli a od investorů získala 2, 5 milionu dolarů na financování tohoto podniku. Vyšší výpočetní technika pro všechny, která začala v roce 2009, tvrdí asi 6 000 předplatitelů. Každý z těchto webů je snadno použitelný a nevyžaduje předchozí znalost kódování.
Bonus pro Codeacademy je, že lekce jsou strukturovány téměř herním způsobem, což vám umožňuje získávat odznaky úspěchu za dokončení lekcí a jejich sdílení online. Lekce Codeacademy začínají na nejzákladnější úrovni - Lekce 1: Seznámení, která ukazuje syntax programování - a přechází na lekce ve funkcích Javascript. Jedinou skutečnou nevýhodou je, že lekce postrádají kontext, proč se věci dělají tímto způsobem.
Herní atmosféra Codeacademy je zábavná. Absolvováním lekcí získáte okamžitý pocit úspěchu a porozumění. S každým vstupem do tréninkové oblasti dostane uživatel okamžitou zpětnou vazbu o tom, zda byl kód zadán správně a pokud ne, naznačuje, jak postupovat. Rozhraní nevyžaduje zvuk a lze jej praktikovat libovolným tempem, i když to funguje lépe, pokud před odhlášením absolvujete celé hodiny.
Vyšší výpočetní technika Carl Herold pro každého je mnohem strukturovanější nastavení. Nemusíte se registrovat na web, abyste mohli procházet lekcemi, které jsou spíše jako čtení přednášek, než interaktivní povaha Codeacademy. Herold seznamuje uživatele s historií a pozadím kódovacích a programovacích jazyků v prvních lekcích a přechází k psaní základních programů.
Hloubka informací je působivá, ale rozhraní může být pro první kodéry zastrašující. Lekce vyžadují hodně čtení a rozhraní nemá cvičný pracovní prostor.
Kombinace lekcí ve dvou online modulech může být nejlepší cestou, jak se co nejvíce naučit o kódování. Informace Herolda vysvětlují principy jasným způsobem, takže můžete získat přehled o tom, co to všechno znamená. Lekce Codeacademy nabízejí praktické zkušenosti s prací s programováním ve snadno použitelném formátu.
Naučte se HTML
Přestože základní znalost kódování nemůže nikomu ublížit, většina návrhářů chce skočit přímo do designu webových stránek. Tam přichází HTML. Značkovací jazyk používá sadu značek zaznamenaných v hranatých závorkách k popisu toho, co je na webové stránce.
Začněte bezplatnými konzultacemi na webu w3schools.com nebo HTML Dog. Každý web nabízí řadu krátkých lekcí pro začátečníky, jak používat základní HTML - nastavení odstavců a záhlaví - až po složitější funkce, jako je vytváření tabulek nebo vkládání obrázků.
Lekce w3schools.com jsou celkem interaktivní a snadno pochopitelné. Každý modul umožňuje uživatelům vyzkoušet si hru s kousky HTML a zobrazit výsledky na obrazovce. Lekce také přidávají do cvičení další prvek výuky a vysvětlují, proč některé značky fungují tak, jak fungují a jak tings odpovídají starým a novým metodám vytváření webových stránek.
Lekce pro začátečníky na w3schools.com jsou docela základní, ale mohou položit skvělé základy pro někoho, kdo udělá krok z tisku, který nikdy nepracoval online. Pokročilá lekce mohou designérům skutečně pomoci, aby stránku vypadali tak, jak chtějí, aniž by se museli spoléhat na bezplatné šablony nebo rámované konstrukční listy. Lekce zahrnují informace o tom, jak nastavit rozvržení webové stránky; jít do podrobností o práci s médii, jako jsou obrázky, video a audio; a představit uživatelům HTML5.
Lekce HTML Dog jsou mnohem více prohlídkou s průvodcem. Slouží jako přímý průvodce, který umožňuje uživatelům cvičit samostatně pomocí programu Poznámkový blok a webového prohlížeče (které jsou standardní ve většině počítačů). Lekce jsou docela jednoduché a přímé, ale postrádají interaktivitu. Stránka však jde do docela dobrých podrobností o všech běžných termínech používání, které se objeví v HTML, jako jsou „silné“ a „em“.
HTML Dog umožňuje uživatelům ponořit se do složitějších lekcí, se zavedením CSS a přechodných a pokročilých kurzů HTML, které pokrývají položky jako Javascript a používání formulářů.
Pokročilejší „kurzy“
Nyní, když jste závislí na učení všeho, co můžete o digitálním formátu, podívejte se na všechny materiály na Google Code University. Program, sponzorovaný webovým gigantem Google, má vzhled a dojem průvodce vysokoškolským kurzem.
Lekce a kurzy jsou zdarma a nevyžadují žádnou registraci. Existuje mnoho různých věcí, které můžete vyzkoušet, včetně rozhovorů s nahranými konzultacemi a kurzů s cvičeními. Většina výuky je velmi pokročilá, s přednáškami a materiály od pedagogů a studentů na univerzitách Harvard, Duke a Carnegie Mellon.
Hlavní výhoda pro Google Code University je síť zdrojů. Lekce jsou aktuální a pohybují se s technologiemi, jako je „Vytváření aplikace pro Android 101.“ Každý kurz obsahuje seznam nezbytných znalostí potřebných pro kurz, potřebný software nebo materiály a cíle učení.
Procvičujte si nové dovednosti
Nejlepší způsob, jak otestovat, co jste se naučili, je uvést koncepty do praxe.
Cítíte se dobře s některými svými kódovacími schopnostmi? Vytvořte jednoduchou hru nebo program, který předvede vaši práci. Hrajte s něčím, s čím můžete pokračovat v práci, a pokračujte v zdokonalování nových dovedností. Vytvořte webovou stránku - a nepoužívejte šablonu. Začněte jednoduše, ale postupem času zkuste přidat nové prvky. Podívejte se na věci, které se vám líbí online, a zkuste je zopakovat na svém webu.
Pokud máte pocit sebevědomí, požádejte svého šéfa, aby spolupracoval s ostatními na digitálním projektu nebo hledal malý, který zvládnete sami, ale s dozorem a vedením, pokud narazíte na potíže. Dejte lidem vědět, že se snažíte udělat krok s digitálním designem; je pravděpodobné, že vaši kolegové vám na cestě pomohou.
Konečně se učte nové věci. Jakmile zvládnete kódování a HTML, přemýšlejte o designu v jiných oblastech, jako jsou mobilní aplikace a tablety.
Závěr
Tam jsou skvělé zdroje, které vám pomohou naučit se všechny nové dovednosti, které chcete v roce 2012 - a nemusíte se do školy vracet. Stanovte několik cílů a začněte online kurzy a návody, abyste co nejlépe využili své zkušenosti s učením.
Procvičujte si vše, co se naučíte; pouhé absolvování výukových programů nestačí k tomu, aby dovednosti byly relevantní. Vyhledejte zkušenosti a projekty, které otestují vaše nově nalezené znalosti. Pamatujte, že základní pojmy, které určují dobrý design, se nemění z tisku na web; klíčem k úspěchu v obou oblastech je aktualizovaná sada nástrojů.
