Brändin mallipohjien parhaiden käytäntöjen opas

Mallipohjat toimivat parhaiten, kun niitä on helppo muokata, ne ovat ennakoitavissa ja ne on räätälöity tiimisi todellisiin tarpeisiin.

Suunnittelemalla etukäteen ja määrittämällä elementit tarkoituksella voit luoda mallipohjia, joita kuka tahansa voi päivittää rikkomatta ulkoasuja tai vaikuttamatta brändityyliin.

Tässä oppaassa esitetään olennaiset vaiheet, joita suunnittelijat käyttävät luodessaan mallipohjia, jotka toimivat koko organisaatiossasi.

Vahva mallipohja alkaa oikeista rakennuspalikoista. Valitse elementit ja rakenne, jotka tekevät päivityksistä yksinkertaisia kaikille mallipohjaa käyttäville.

Valitse elementit, jotka tiimikaverit voivat värittää uudelleen tai korvata muuttamatta asettelua.

Käytä SVG-tiedostoja kuvakkeisiin ja kuvituksiin. Ne skaalautuvat siististi, ja ne voidaan värittää uudelleen brändipaketin väreillä.

Lataa SVG: t

1. Siirry kohtaan Lataukset ja valitse sitten Lataa tiedostoja.
2. Valitse SVG-tiedosto parhaan laadun saavuttamiseksi.

Kehykset pitävät kuvat kokoisina ja oikein sijoitettuina. Näin joukkuetoverit voivat korvata kuvan muokkaamatta rajausta tai mittoja.

Käytä kehyksiä, kun yhden kuvan on täytettävä kiinteä tila.

Brändipaketin värit pitävät mallipohjat yhdenmukaisina ja vähentävät manuaalisten päivitysten tarvetta myöhemmin.

Tämä pitää mallipohjasi linjassa brändin kanssa kaikissa päivityksissä.

Mallipohjasi pitäisi kestää, kun joku lisää pidempää tekstiä, lyhyempiä tunnisteita tai uutta sisältöä. Tekstin oikea jäsentäminen pitää välit vakaina ja estää asetteluja siirtymästä.

Uudelleenjuoksutus ohjaa tekstin liikkumista, kun rivejä lisätään tai poistetaan. Hyvä asetus estää tekstin päällekkäisyyden muiden elementtien kanssa.

• Pidä tekstiruudut riittävän leveinä pidemmille riveille.
• Jätä tekstilaatikoiden väliin tilaa, jotta ne voivat laajentua tarpeen mukaan.
• Täsmää tekstiruudun leveydet Cmd: llä tai Ctrl + Shift + J: llä ennen ryhmittelyä.

Ryhmittely varmistaa, että siihen liittyvät elementit käyttäytyvät yhtenä yksikkönä asettelumuutosten aikana.

Ryhmittele kohteet, kuten:

• Otsikot ja alaotsikot
• Kuvakkeet ja niiden tekstitunnisteet
• Koriste-elementit, jotka muodostavat yhden lohkon

Vältä ryhmittelyä:

• Elementit, joiden on liikuttava itsekseen
• Asettelun asiaankuulumattomat osiot

Ankkurointi ohjaa, mistä teksti laajenee, kun joku muokkaa sitä. Vastaavat ankkurit ryhmitetyssä tekstissä pitävät asettelut yhdenmukaisina.

Miltä hyvä ankkurointi näyttää:

• Otsikot laajenevat alaspäin
• Keskitetyt otsikot pysyvät keskitettyinä
• Leipäteksti kasvaa yhteen suuntaan

Kun asettelu on jäsennelty, lukitse elementit, jotka määrittävät mallipohjasi visuaalisen identiteetin.

Lukitse tavarat, joiden pitäisi pysyä täsmälleen siinä, mihin ne asetit:

• Logot
• Taustan muodot tai kuvat
• Koristeelliset linjat tai kuvakkeet
• Asettelulohkot, jotka määrittelevät etäisyyden tai rakenteen

Sijaintilukitus pitää elementit muokattavissa, mutta estää niiden siirtämisen vahingossa. Tästä on hyötyä:

• Kuvan kehykset
• Painikkeet
• Uudelleenkäytettävät sisältölohkot, kuten biot tai tilastot

Lukitseminen varmistaa, että mallipohjasi pysyy ehjänä, vaikka useat tiimin jäsenet käyttäisivät sitä.

Peittokuvien ja läpinäkyvyyden kaltaiset tehosteet voivat parantaa suunnittelumalliasi, mutta liian monimutkaiset tehosteet voivat vaikeuttaa kuvan korvaamista.

Jos käytät peittokuvia tai kuvioita:

• Käytä läpinäkyvyyttä peittokuvaan, ei kuvaan
• Pidä kuva peittokuvan yläpuolella, jotta se on helppo vaihtaa
• Vältä sekoituksia, jotka vaativat manuaalista uudelleensijoittamista

Yksinkertaiset tehosteet pitävät mallipohjasi joustavana ja helppohoitoisena.

• Varmista, että tekstiruutujen välissä on tilaa
• Jätä tilaa muodon sisällä olevan tekstin ympärille
• Vahvista, että kaikki ryhmitetyt tekstit käyttävät samaa ankkuriasetusta

• Kerro kuva läpikuultavan muodon yläpuolelle
• Käytä läpinäkyvyyttä kuvaan muodon sijaan

Tämä tekee korvaamisesta helppoa vetämällä ja pudottamalla.