Hei suunnittelijat, aiotko kehittäjiesi ikäisiltä?
On todennäköistä, että sinulla on joitain tapoja, jotka eivät käänse erityisen hyvin koodille, ja se tekee elämästä kovaa kehittäjälle, joka työskentelee kanssasi projekteissa. Haluatko olla parempi työtoveri (ja ystävä)?
Opi paremmin kommunikoimaan ja muotoilemaan niin, että kehittäjät rakastavat sinua. Se nopeuttaa projekteja ja helpottaa työelämää. Ei ole myöskään syytä herättää kokouksia. Kehittäjät voivat rakastaa sinua tekemällä pieniä muutoksia työstään.
Suurin ongelma suunnittelijoiden ja kehittäjien välillä on, että he usein työskentelevät kuplissa. Yksilöt tai joukkueet eivät aloita puhumasta projektista, ennen kuin ensimmäinen suunnitteluprojekti on valmis. Sitten suunnittelija vaihtaa kehittäjälle.
Huokaus.
Se ei ole vain tapa toimia. Suunnittelijat ja kehittäjät tulisi olla mukana alusta asti puhumaan siitä, miten hanke tulee yhteen. Vaikka suunnittelija voi keskittyä väreihin ja kirjasintyyleihin ja kuvastoihin, kehittäjä voi tarjota tietoa käyttökelpoisuudesta, toiminnasta ja suorituskyvystä.
Suunnittelijoilla ja kehittäjillä pitäisi olla hyvä käsitys siitä, mitä toisella puolella näyttää. Suunnittelijoiden tulisi ymmärtää riittävästi koodia ja käytettävyyttä keskustella kehittäjien kanssa ja ymmärtää haasteita. kehittäjillä pitäisi olla vähän tietoa suunnitteluteorian käytöstä, jotta he voivat tehdä ehdotuksia, kun suunnitteluideat eivät ole oikeita webille.
Yksi suurimmista asioista, joita suunnittelija voi tehdä, on valmistaa ja pakata tiedostoja samalla tavalla joka kerta.
Kuinka monta kertaa olet avannut Photoshop-dokumentin, jossa on satoja nimettömiä kerroksia? Älä anna tällaista tiedostoa kehittäjälle. Jokainen kerros ja tyyli - riippumatta siitä, mitä ohjelmistoa käytät - pitäisi nimetä asianmukaisesti.
Kuinka monta kertaa olet avannut Photoshop-dokumentin, jossa on satoja nimettömiä kerroksia?
Tyylit, värivalaisimet ja typografian tulee olla yhdenmukaisia koko suunnittelun ajan. (A-painikkeen ei pitäisi näyttää eri sivulta.)
Nimeä tiedostoja ja tyylejä samalla tavalla jokaiselle projektille. Ryhmittele elementtejä samalla tavoin ja käytä johdonmukaista kansiojärjestelmää. Näin kehittäjän ei tarvitse enää opetella löytää osia ja elementtejä jokaisen uuden projektin kanssa.
Yksi suurimmista haasteista suunnitteluprojekteissa, jotka sisältävät painettuja ja digitaalisia kappaleita, on typografian hallinta. Älä käytä työpöydän fontteja tulostushankkeissa web- tai sovellusmalleihin ja oleta, että ne toimivat. (Usein he eivät.)
Valitse digitaaliset projektit valitsemalla Google Fonts -tyyppi. Tämä tarkoittaa, että sinun on ehkä löydettävä samankaltainen kirjasintyyppi webille vastaamaan tulostustasi. (Se on okei.)
Älä tee kehittäjää tekemään sitä puolestasi. Valitse vertailukelpoiset Google-fontit ja käytä niitä alusta alkaen. Voit myös muistaa tyylioppaan tulostus vs. digitaaliset kirjasimet.
Syynä tähän on yksinkertainen: fonttien upottaminen voi olla hieman hankalaa. Lisäksi Google-fontit ovat ilmaisia ja varmistavat, etteivät ylimääräiset projektikustannukset veloiteta. (Kun olet siinä, harkitse samaa asiaa kuvakkeiden kanssa ja käytä pakettia, kuten Font Awesome, jonka avulla kehittäjä voi tyylit kuvakkeita CSS: llä, älä tuota joukkoa kuvatiedostoja!)
Vaikka olemme aiheessa kuvavälineitä, vienti ja pakkaaminen oikein on erittäin tärkeää. Vaikka kehittäjä voi avata ja viedä kaikki kuvatiedostot vastaamaan heidän tarpeisiinsa, voit kysyä, mitä he tarvitsevat ja tekevät sen matkan varrella.
Näin voit saada haluamasi viljelykuvan kuviin ja pakata tiedostoja, jotta sivustosi latautuu nopeasti.
Älä yritä tehdä tätä itse. Pyydä kehittäjää, miten tiedostot tallennetaan, nimetään ja pakataan parhaalla mahdollisella tavalla.
Mobiililaitteiden ja mobiilisovellusten suunnittelussa on vain niin paljon laitekokoja ja kuvasuhteita, jotka on otettava huomioon. Suunnittelija, sinun täytyy tietää kankaalle koon, marginaalit, pehmuste jne. Luomaan mockup, joka on todella käyttökelpoinen.
Keskustele kehittäjälle ennen kuin aloitat piirustuksen, jotta voit tietää, mitä suunnitteluympäristö näyttää ennen kuin aloitat. Ei ole mitään pahempaa kuin muotoilu, joka näyttää hämmästyttävältä Photoshopissa tai Sketchissa ja laskee tasainen tuotannossa.
Sinun täytyy tietää nämä asiat etukäteen:
Se on mainittu jo muutaman kerran, mutta suunnittelijan ja kehittäjän välinen kommunikaatio on todella avain kaiken tämän tekemiseen. Viestintä voi tehdä tai rikkoa hankkeita, vaikuttaa määräaikoihin ja vaikuttaa loppuprojektin suunnitteluun ja toimivuuteen.
Viestintä voi tehdä tai murtaa hankkeita
Ota kehittäjää lounaalle. Tutustu niihin. Kysy paljon kysymyksiä matkan varrella. Jos et ole varma, toimiiko jotain tai ei, kysy vain. Kehittäjät eivät ole pelottavia ihmisiä, ja on paljon helpompi vastata kysymykseen prosessin alkuvaiheessa kuin pitää harkita uudelleen ja koko konseptia.
Kun puhut kehittäjää ja kysy kysymyksiä, sukeltaa syvemmälle. Tutustu kehitystehtäviin, jos sinulla ei vielä ole näitä taitoja suunnittelusisältösi.
Digitaalisissa projekteissa työskentelevien suunnittelijoiden tulisi jakaa seuraavat tekijät:
Et voi koskaan kirjoittaa koodia, mutta oppimisen kehittämisperiaatteet tekevät sinulle paremman suunnittelijan, koska ymmärrät työkalujen ja työnkulkujen arvon.
Suunnitteluprosessi ulottuu myös kehitykseen. Suunnittelijat, sinun on tunnustettava, että kehittäjä on yhtä tärkeä suunnitteluprosessin kannalta kuin sinäkin.
Tämän vuoksi luo "elävä" tyyliohjain, joka ei sisällä pelkästään väriä ja fontteja vaan myös komponentteja. Jokaisen pitäisi pystyä käyttämään ja päivittämään asiakirjaa hankkeen elinaikana.
Hyvä tyyliopas auttaa kaikkia projektissa työskenteleviä ylläpitämään johdonmukaisuutta visuaalisten elementtien kanssa, tarjoamaan kontekstille suunnittelun valintoja, toimimaan yhteistyönä projektissa ja auttamaan standardoimaan koodia. Elävän tyylin opas antaa kaikille mahdollisuuden jakaa ideoita ja opastaa koko projektin ajan. Se ei ole vain dokumentti, jonka joku luo juuri ennen kuin muotoilu menee eloon.
Tee seuraavat tiedot tyyliohjeeseen, jotta saat kaiken hyödyn irti:
Noudata ruudukkoa. Reagoivassa verkkosivuston suunnittelussa verkko on enemmän kuin pelkkä elementtien sijoittaminen näytölle, mutta se voi myös määrittää, missä elementit kulkevat eri näytön koossa ja miten sarakkeet pinoavat ja sekoitetaan.
Verkko voi auttaa sinua suunnittelemaan ja ylläpitämään virtausta. (Haasteena on, ettet voi mielivaltaisesti rikkoa suunnittelusääntöjä.)
Ajattele sitä näin: Suunnittelussa on neljä sisältölohkoa, jotka on rivi rivin vieressä (samansuuruiset kouruleveydet) koko näytön työpöydän näytöllä. Sitten tabletti, nämä lohkot siirtyvät muodostamaan kaksi saraketta, kaksi riviä. Mobiililaitteessa ne siirtyvät muodostamaan yhden sarakkeen, jossa on neljä riviä.
Ymmärtäminen siitä, miten verkko vaikuttaa esineiden kokoon ja miten esineet liikkuvat eri laitteissa, on tärkeä, koska se voi sanoa, miten suunnitella sisältöäsi. Ajattele samaa skenaariota uudelleen. Entä jos sinulla olisi viisi sisältöblokkia? Se vaatisi uudelleensuunnittelua, jotta voit luoda yhtenäisen visuaalisen ääriviivan.
Todellinen avain hankkeiden varmistamiseksi on oltava joustava. Suunnittelutekniikat ja -standardit muuttuvat koko ajan. Jotkut hankkeet antavat sinulle mahdollisuuden olla yksityiskohtia yksityiskohtiin ja toimimattomuus, mutta herkkä muotoilu ei todellakaan toimi tällä tavoin.
Kultainen sääntö, kun on kyse kehittäjien kanssa työskentelystä, ei ole ääliö.
Suunnittelijat, jotka ovat helppokäyttöisiä, ansaitsevat enemmän kunnioitusta ja ovat parempia suhteita kehittäjiin. Tämä johtaa parempia ja onnistuneempia hankkeita. Olisi sanomattakin selvää, mutta liian usein siellä on paljon jerk-ish-käyttäytymistä. Älä pudota siihen ansaan.
Olkaa joustavia, avoimia ja keskustele asioista kehittäjän kanssa. He rakastavat sinua siitä.