Hogyan hozzunk létre egy stílust útmutató web design
Épület egy weboldal egyre nagyobb kihívást jelent, hogy bevonását igényli egyre többen. Fontos, hogy az eredmény nézett holisztikusan és szervesen, hogy megfeleljen az üzleti követelményeket, és hozzon létre egy kellemes élmény a felhasználó számára.
Amikor dolgozik egy feladat sok szakértő, szükséges létrehozni tervdokumentációt, vagy stílus kalauz. Ebben az esetben, még ha más oldalakon fog működni a különböző szakemberek, a teljes tervezési befejeződött és kombájnok. Szintén lesz egy stílus útmutató, amely segít a jövőben.
Hogyan hozzunk létre egy stílust útmutató?
Mi a stílus útmutató?
A stílus kalauz gyűjteménye előre megtervezett grafika és design elemek, valamint azokat a szabályokat, hogy a tervezők és fejlesztők kell követni, hogy a végeredmény, a munka a különböző emberek néztek holisztikusan és harmonikusan.
Airbnb UI Toolkit - Webot Derek Bradley
Miért fontos ez?
Ez nagyon fontos, ha egy projekt egynél több tervezők. Tehát arról, hogy nem hoznak túl sok felesleges, a hulladék a teljes tervezési koncepció. A fejlesztési stílus útmutató is hasznos, mert a fejlesztők kezdetben kap egy listát a tételeket lehet létrehozni és újra felhasználhatók. Meg fogják érteni, hogy pontosan milyen elemeket kell írni, és hogyan kell kinéznie a végén.
Ahhoz, hogy az élet könnyebb a fejlesztők, tervezők tartalmaznia kell az Útmutató a legteljesebb leírását tartalmazza: az állam, ha megnyomja lebeg, stb ...
Létrehozása stílus útmutató
1. Vizsgálja meg a márka
A kezdéshez meg kell tanulni a márka, hogy megértsük, mi van mögötte. Ismerje meg a történelem a cég, ami a csapat, megtudja, mi a jövőkép, küldetés és értékek. Fontos, hogy mélyebbre hatolnak a márka és leírni a vizuális és érzelmi elemek a stílus kalauz.
Ha egy tervező, aki nem ismeri a programozási nyelv, csak nyitott Photoshop és adja meg a dokumentum nevét és egy rövid leírást, hogy mi ez az okmány és miért van szükség rá.
Ha tudja html, HTML-oldal, amely megteremti a már leírt kódot elemeket, amelyeket fel lehet használni többször.
2. Döntse el a nyomdászat
Tipográfia - 95% a web design.
Meg kell nagyon óvatosan, és válassza bölcsen tipográfia, Veda fő eszköze a kommunikáció látogatók.
3. A színpaletta
Kezdjük azzal, hogy az elsődleges színt a stílus kalauz. Ezek a színek dominálnak az oldalon. Beleértve a megengedett árnyalatai. Bizonyos esetekben szükség lehet a másodlagos és harmadlagos színek még, hogy akkor is meg kell venni a vezető. Szintén a kézikönyv azt mutatják, a semleges színek: szürke, fekete, fehér.
Azt vizsgálták a márka, és megállapította, hogy például a fiatalok és divatos. Tükrözik, hogy a hang a fellebbezést a felhasználó számára. Például ahelyett, hogy «Van egy 404-es hiba» / „Error 404”, akkor írj «Oh boy, amit eltört interwebs. 404-es hiba. »/ "Ó, Istenem! Te törted az interneten! Error 404". Ha a márka több szilárd és súlyos, így nem szabad csinálni. Az ötlet az, hogy a hangulat és a hang a kommunikáció a felhasználó át a kis részleteket.
Iconfinder- nagyszerű eszköz megtalálása ikonok.
NounProject - egy másik forrás, hogy mindenki megérti ikonok.
6. A képek
Képek lehet mondani, nagyon sok. Tartalmazza stílus kalauz képek példák, hogy lehet használni a helyszínen. Győződjön meg arról, hogy azok tükrözzék a hangulat és a stílus a márka. Például egy jótékonysági projekt az erős érzelmi képeket, hogy jól érezze hálás a tény, hogy kényelemben éljenek, látva víz, élelmiszer, villany és az oktatás.
A következő kiváló példák arculati kézikönyv. Kattints rájuk, hogy a teljes verzió. Merítsen ihletet és készítse el saját idegenvezetőket. Azonban ne feledjük, hogy minden külön-külön, és vakon követi mások példák nem azért, mert mi a jó egy márka lehet logikus a többi.
Spotify - Partner Márkairányelvek (PDF)
Dropbox Branding és logók
Kickstarter Style Guide
Lonely Planet Design Guide
Keresse iránymutatás - A leggyorsabb út Márkatartalmak
Translation - Dezhurko