On helppo päästä arkipäiväiseen tapaan, jos olet sivuston suunnittelija. Riippumatta siitä, hallinnoitko sivustoja asiakkaille vai huolehdit yrityksen verkkosivuista, on tärkeää palata päivittäiseen jauhamiseen, jotta suunnittelukilvet pysyvät tuoreina.

Tämän ensisijaisen tehtävän ulkopuolisten hankkeiden työskentely on hieno tapa pysyä inspiraationa, tuoreena ja jopa tuoda uusia taitoja ja ideoita takaisin ensisijaiseen työskentelyyn. Mutta mistä aloitat? Meillä on luettelo 10 "sivuprojektista", jotka jokainen web-suunnittelija yrittää ainakin kerran. Yllätyt kuinka paljon voit oppia ja palauttaa verkkosivustoihin, joihin olet tekemässä.

1. Suunnittele postikortti

Löydät hyvin nopeasti, että tulostetun tuotteen suunnittelu jotain opettaa sinulle oppitunteja. Web-suunnittelijat voivat laajentaa kangasta tarpeen mukaan saadakseen kaikki tiedot suunnittelussa; se on jotain, mitä et voi tehdä painotuotteella.

Olipa kyse postikortista, käyntikortista tai esitteestä, on jotain mukavaa suunniteltaessa avaruuden rajoitteita. (Myös hieno tunne, joka tulee koskettamaan itse paperilla valmistettua tuotetta.)

Tämäntyyppinen muotoilu auttaa ennen kaikkea ymmärtämään erilaisia ​​kangastyyppejä ja tulosta ja digitaalista julkaisua. Muuttumalla värimassat tulosta ajatellen, kuinka iso jokin on todellisessa elämässä, painetun suunnittelun työskentely vaatii uutta prosessiryhmää.

postikortti

2. Rakenna jotain koodia

Jos olet yksi niistä suunnittelijoista, jotka käynnistävät Photoshopissa tai Sketch-projekteissa visuaalisen ääriviivan, harkitse työskentelyä toisella tavalla ja kirjoita suunnittelun ääriviivat. Aloita yksinkertaisella yhden sivun suunnittelulla ja työskentele HTML- ja CSS-osaamisen jalostamisessa prosessissa.

Jos olet web-suunnittelija / kehittäjä, joka alkaa koodilla, harkitse hankkeen entistä visuaalisempaa kehystä.

Hankkeiden lähestymistapa uudella tavalla antaa sinulle paremman käsityksen kaikista suunnittelun elementeistä ja paremman arvostuksen muille tiimin jäsenille, jotka osallistuvat hankkeisiin eri tavoin.

3. Suunnittele sovellus

Oletko venyttänyt suunnittelutaitojasi sovellussuunnitteluun vielä? Matkaviestinnän vastaavan sovelluksen luominen on paljon erilainen kuin reagoiva verkkosivusto, jossa sinun on suunniteltava eri tavalla.

Vaikka jotkin tekniikat ovat samankaltaisia, suunnitella jotain, jota voi käyttää vain mobiililaitteessa, tuo uusia haasteita ja mahdollisuuksia. Keskity käyttäjäkokemukseen sovelluksen suunnittelussa; olet todennäköisesti huomannut, että ajatteluprosessi on täysin erilainen kuin tavallinen verkkosivusto, koska käyttäjät ovat vuorovaikutuksessa suunnittelun kanssa eri tavalla.

Ja se ei ole vain kosketus vs. klikkaus; kaikki lomakkeista pelitystekniikkaan paikkatietoihin eroaa sovellusten suunnittelusta. (Ja sitten, jos haluat käynnistää, sinun on suunnattava Apple- ja Google Play -kaupan säännöt ja tekniset tiedot.)

sovellus

4. Käytä JavaScriptia

JavaScript voi olla outo ohjelmointikieli väärennetylle.

Mutta jos suunnittelet nykypäivän verkkoympäristöä, on olemassa vahva mahdollisuus JavaScriptin mukana. Aloita CodeAcademy-alukkeesta .

Mozillalla on myös erinomainen aluke ohjelmointikielellä, jos vain tietämys JS: stä menee niin pitkälle kuin "Tiedän, että laajennus käyttää sitä." (Jos näin on, sinulla on jonkin verran käsittelyä.)

5. Kirjoita blogimerkki tai oppitunti

Mikään ei ole selittänyt jotain muuta selvästi toisille ihmisille, jotta ajattelet, miten teet jotain. Opetus - varsinkin kirjoittamalla blogikirjoitus tai opetusohjelma - voi olla erinomainen tapa auttaa sinua valitsemaan toisistaan ​​ja ymmärtämään, miksi teet kaiken aikaa kaiken aikaa.

Paljon blogeja [ mukaan lukien tämä ] etsivät suunnittelijoita korostamaan miten viileät asiat voidaan tehdä esimerkiksi Sketchillä, show-esityksillä Dribbble-ohjelmalla tai jopa jakaa GitHub-koodinpätkiä.

Selitys miten tehdä jotain auttaa sinua ajattelemaan, miksi teet sen tällä tavalla. Onko sinulla hyvä työnkulku tai harjoittelu, jota muut voivat oppia? Jaa hieman osaamista suunnittelijoiden kanssa.

6. Suunnittele suuri tietojen visualisointi

Vaikka useimmat suunnittelijat ovat koonneet tietyntyyppisiä infografisia tietoja, mutta oletko suunnitellut datakohtaisen projektin? (Emme puhu joukosta tosiasioita ja kuvakkeita.)

Ajattele suuria tietoja, monimutkaisia ​​taulukoita ja paljon arvoja, jotka on yksinkertaistettava käyttäjäystävälliseen muotoiluun. Suunnittelun haaste sinulle on selvittää millainen formaatti toimii parhaiten, jotta käyttäjät ymmärtävät tiedot. Kuinka hajotat sen visuaalisesti?

Jokainen tietolaji on erilainen, ja tällainen projekti voi olla jättiläinen haaste. Jos tarvitset aloituspaikan, Data Viz -projekti on graafityyppien lajittelu ja miten niitä voidaan käyttää parhaalla mahdollisella tavalla annettuun päivämäärään perustuen. (Se varmasti auttaa käynnistämään projektisi.)

DataViz

7. Luo tyyliohje

Aivan kuten luomalla blogikirjoitus opetusohjelma auttaa sinua ymmärtämään, miten tehdä jotain, luoda tyyliohje auttaa sinua ymmärtämään, miksi teet asioita tietyllä tavalla.

Tässä on toinen bonus luoda tyyliohje: se voi auttaa sinua havaitsemaan ja puhdistamaan epäjohdonmukaisuuksia nykyisissä verkkosivustoissa. Palaa ja käsittele tyyliohjeesta verkkosivustolle, joka on valmis, kun opas on laiminlyöty. Suunnittele suunnittelua luomalla tyyliohje, jotta voit noudattaa sääntöjä. (Kuten tiedätte, monet säännöt muuttuvat käynnistämisen jälkeen käyttäjien tarpeiden mukaan.)

8. Tee logo

On paljon suunnittelijoita, jotka halveksivat logojen luomista. Se voi olla hankala hanke ja tuotemerkin tekeminen ei ole yhtä helppoa kuin ihmiset yleensä ajattelevat.

Mutta sinun pitäisi tehdä se joka tapauksessa.

Aloita yrittämällä luoda nimesi logo, jota voit käyttää salkkusi sivustolla. Aloita yksinkertaisella logolla, jos et ole valmis luomaan visuaalisemman käsitteen melko vielä. Mieti mielialaa ja tuotemerkkiä. Ja älä unohda suunnitella jotain vektorimuodossa, jota voidaan käyttää koko- tai yksivärisissä sovelluksissa.

akaatti

9. Rakenna uutiskirjamalli

Hyvä sähköpostiuutiskirjamalli voi tehdä tai rikkoa tehokkuutta, joka muuntaa käyttäjiä postilaatikosta. Luomalla uutiskirjamallin ei välttämättä kuulosta hauskasta työstä, se voi olla varsin suunnittelun haaste.

Kestää pienen HTML: n ja kankaaseen on asetettu leveys. Sinun on myös harkittava huolellisesti suunnittelustekniikoita ja pitävätkö ne tai eivät toimi sähköpostissa. (Värilliset taustat tai animaatiot eivät toimi kaikissa sähköpostiohjelmissa.)

Mukautettu uutiskirjamalli voi asettaa yrityksesi tai asiakkaasi toisistaan ​​erottelematta, koska brändäys sopii kaikkialle verkkoon, mikä helpottaa käyttäjien tunnistamista brändillä.

10. Piirrä jotain käsin

Sinun täytyy luoda jotain lyijykynällä (tai kynällä) ja paperia säännöllisesti.

Tämä on yksi projekti, joka ei ehkä koskaan näe päivänvaloa, joka perustuu yksilöllisiin piirustusteksteihisi.

Luovaa voimaa, joka syntyy sketchistä, on vaikea voittaa. Piirrä jotain - tikkuista kuvioista, jotta voit nimetä nimesi kartoittamaan lanka-kehyksen - luovat luovaa osaa mielessäsi, jota et välttämättä käytä säännöllisesti, jos et poistu tietokoneen näytöiltä.

Ajattele, piirrä, haaveile. Se on osa samaa luovaa prosessia. Ja kaikki hankkeet ovat parempia, jos yrität sitä aina silloin tällöin.

luonnos

johtopäätös

Etkö ole varma, kuinka voit lisätä nämä projektit ohjelmistoosi? Ne ovat kaikki hyviä aloitteita henkilökohtaisille projekteille, kuten portfolio. Voit myös pyytää nousua uusilla tavoilla luovaa myymälääsi.

Keskustele suunnittelijan kanssa ja näe, voitko merkitä tiimiä eri tyyppiseen suunnitteluohjelmaan saadaksesi nämä luovat mehut menemällä. Varmista, että teet vastauksia ja tarjoa apua heidän oppimisestaan ​​verkkosivujen suunnittelusta.