6 Things to Put in Your Design opas juuri nyt
Suunnitteluoppaat ovat korvaamaton työkalu suunnittelijatiimin tuoton maksimoimiseksi ja johdonmukaisen brändin identiteetin varmistamiseksi. Tarkastelemme kuutta keskeistä osaa onnistuneista suunnittelun oppaista.
Suunnitteluopas on muutakin kuin asiakirja, jossa on uusi verkkosivusto tai brändi-identiteetti. Hyvä suunnitteluopas on taideteos sinänsä ja se on käytännön sovellus arjen suunnittelutyössä. Se esittelee, mitä projekti on ja haluaa olla. Sen pitäisi tuoda suunnittelun, äänen ja parillisen koodin elementtejä tavalla, joka on hallittavissa, käytettävissä ja helposti ymmärrettävissä.
Se alkaa kuudesta suunnittelun ohjausosasta, jotka täytyy olla dokumentaatiossa. (Jos he eivät ole, tarkista oppaasi heti!)
1. Brand Identity Esimerkkejä
Suunnittelun oppaan on esitettävä brändin identiteettisi visuaalisessa muodossa, joka on edustava siitä, millä tavalla suunnittelumateriaalit näyttävät. Se on luokan esimerkki näyttelystä, älä kerro. (Vaikka oppaassa on jonkin verran kerrottu visuaalisissa esimerkeissä.)
Parhaat esimerkit ovat todellisia käyttötapoja, jotka edustavat täsmälleen sitä, mitä suunnittelustandardit on tarkoitus kuvata.
Käytä kuvakaappauksia verkkosivustosi etusivulta, mobiilisivustosta, sovelluksesta tai muusta paikasta, kun malli on parhaimmillaan.
Mikä on mukavaa Rakkaus ratsastaa suunnitteluopas on se, että kaikki sivut vihjastosta näyttävät sivustolta, mikä luo tuotemerkin johdonmukaisuutta. Oppaassa tuodaan esiin myös pienet elementit, esimerkiksi oikea tyyli sovelluskuvakkeille tarkalla näytöllä.
Paras osa todellisten esimerkkien käyttämisestä suunnittelun oppaassa on se, että sinun ei tarvitse luoda ylimääräistä työtä visuaalisten elementtien esittelyyn; sinulla on jo kädet. Plus, tiimin jäsenet tietävät, että kirjallinen ohjeisto toimii varsinaisessa käytännössä, koska siinä on visuaalista näyttöä.
2. Suunnitteluohjeet
Kaikki värimallit, typografiat paletit, muotoilut ja muotoiluelementtien käyttö on selkeästi hahmoteltava.
Miksi muotoilu näyttää ja toimii tietyllä tavalla? Mikä on sen filosofia?
Näiden asioiden selittäminen voi auttaa käyttäjiä soveltamaan muotoilutyyliä tarkemmin ja johdonmukaisemmin keskenään. Web-sivuston suunnitteluun on hyvä sisällyttää elementtejä, jotka saattavat olla erilaisia kuin painetun brändin vastapuolet ja miten ne liittyvät. Esimerkiksi monet suunnittelijat valitsevat toisen tyypin paletin verkossa, joka jäljittelee painettua brändiä maksimoimaan Google Fontsin käyttö Typekitiin helppokäyttöisiksi.
Muista merkitä, mitkä kirjasimet ovat korvaavia, jos tämä on osa suunnittelustrategiaa.
Suunnitteluohjeiden hahmotteleminen on erityistä, kun se on tärkeätä - H1-tunnisteet ovat aina 88 pistettä tai pienoiskuvat ovat aina 200 x 200 pikseliä - mutta älä ylittele tarpeettomia yksityiskohtia. Haluat, että tiimin jäsenet näkevät tiedot yhdellä silmäyksellä ja käyttävät sitä, eivät punnitse alaspäin yrittäessään löytää jotain eritelmiä mereen.
3. Ääni ja persoonallisuus
Kirjoitustyyliohjeet eivät ole niin hauskoja ajatella kuin muut suunnitteluoppaan ulkoiset elementit, mutta ne ovat yhtä tärkeitä.
Kopioinnin kuvaileva kirjoitustyyli voi vaikuttaa myös visuaalisiin kuviin. Se vaikuttaa käytettävien kuvamallien tyyppeihin ja jopa elementteihin, kuten väriin ja tyyppiin. Kaikki nämä asiat yhdistyvät luomaan brändin yleistä persoonallisuutta.
Se, miten ulkomaailma tunnistaa sinut.
Lisäksi voimakas ääni ja persoonallisuus tulevat osaksi visuaalista identiteettiä. Suunnitteluelementeissä on hyvä persoonallisuus, sillä käyttäjät voivat melkein tunnistaa elementtejä muualla tuotemerkin sisällön ulkopuolella. (Ajattele Coca-Cola punaista tai Disney-allekirjoitusta.)
4. SEO-avainsanat
Hakukoneoptimointi saattaa olla yksi kaikkein puhuttu ja vähiten hauskoja osia sivuston suunnittelua. Ajattele avainsanoja aikaisin ja usein.
Sisällytä ne tavasta, jolla puhut brändistä, kuvailevassa kielessä suunnittelusta ja laita luettelo itse tärkeimmistä avainsanoista.
Urban Outfitters on hyvin suunniteltu (ja hauska) avainsanaluettelo brändioppaassaan. Vaikka vaatetusbrändi käyttää runsaasti erilaisia avainsanoja, tärkeimmät sanat korostuvat väreillä niin, että näet ne heti.
Tällainen avainsanaluettelo tuo sanat, jotka haluat sanoa huipulle, aina kun näet ne. Useimmat kopioitavat henkilöt kertovat sinulle, että kun näet tai ajattelet sanaa tietyssä kontekstissa, se tarttuu päähäsi. Se on mitä SEO-avainsanaluettelo on tarkoitus tehdä.
Suunnitteluelementtien olisi korreloitava näihin avainsanoihin aina, kun kyseinen sisältö liittyy koko sivuston suunnitteluun.
5. Kuvio- ja elementtityylit
Niin monilla eri medioilla verkossa (puhumattakaan myös yrityksistä, jotka suunnittelevat painettuja elementtejä), on tärkeää, että oppaat ovat mahdollisia.
Tämä pätee edelleen logojen, värillisten palettien, mallien ja jopa elementtien, kuten lomakekenttien ja navigoinnin, pysäyttämiseen ja animointiin.
Suunnittelukirjasi tulisi olla osio, joka on omistettu näille elementeille. Ja jos haluat, että tiimi todella rakastaa sinua, luo malli- ja elementtityylin online-sijainnilla, jotta käyttäjät voivat vain kopioida ja liittää elementtejä nopeasti käyttöön.
6. Code Snippets
Jokaisen sivuston suunnittelun oppaan täytyy sisältää runsaasti yleisesti käytettyjä koodinpätkää. Painikkeista pieniin animaatioihin liukusäädöksiin näillä pienillä koodinpituuksilla lisäät tunteja päivittäiseen työnkulkuun, eliminoimalla tarvetta syöttää manuaalisesti määritykset jokaiselle uudelle elementille.
Tämä toimii kaiken blogiviestien avulla - lisää koodilohkon kuvia, joita bloggaajat voivat kopioida ja liittää oikean kokoisen ja rajaavan - tehokkaamman käyttöliittymän vaikutuksiin.
Firefox sisältää suunnittelukomponentti-informaation suunnitteluoppaassa äskettäin tarkistetulle tuotemerkille ja logolle. Vaikka et tarjoa täydellistä koodinpätkäkirjastoa, muista sisällyttää muutamia perustietoja, kuten H1: stä H4: een, sivujen suunnittelun sivuille ja tyylipainikkeiden ja kuvien esittämiseen.
johtopäätös
Paras osa suunnittelun oppaasta on, että sen ei tarvitse olla staattinen asiakirja. Se voi kasvaa ja muuttua, kun brändi ja visuaalinen identiteetti tekevät samoja.
Suurin osa suunnittelijoista - erityisesti verkkosivujen suunnittelijoista - valitsee suunnittelun oppaan online-versiot, joten muutosten tekeminen ja tarttumiskoodit ja värikappaleet ovat nopeita ja helppoja. Harkitse tyylisuuntaussivun lisäämistä verkkosivustoosi ja muista viitata siihen (ja päivittää se) usein.