Kako sem zgradil svoj oblikovalski sistem iz nič

Po letih začetkov vsakega projekta s čistim listom v Figmi sem končno naredil svoj obsežen sistem oblikovanja. Postopek je bil tako zahteven kot izjemno nagrajujoč in sem želel deliti svoj pristop z drugimi oblikovalci, ki razmišljajo o istem potovanju.

Nisem začel s tem, da sem pregledal pet svojih nedavnih projektov in identificiral pogoste vzorce ter komponente, ki so se pojavile v različnih oblikah. To je razkrilo nedoslednosti v mojem delu, ki jih nisem opazil prej - sedem nekoliko različnih stilov gumbov, nedosledna pravila razmika in tekstualni stili, ki so se spreminjali brez jasnega namena.

Namesto da bi ustvaril tog sistem vnaprej, sem ga zgradil iterativno skozi pravi projekt za stranko. Za aplikacijo EcoTrack sem dokumentiral vsako komponento, ko sem jo oblikoval, in ustvaril živi sistem, ki je evoluiral z potrebami projekta.

Jedro mojega sistema vključuje:

• Prilagodljiv barvni sistem s semantičnimi poimenovanji
• Tipografske lestvice na podlagi zlatega reza
• Različice komponent z jasnimi navodili za uporabo
• Pravila razmikov in postavitve za doslednost v vseh napravah

Največja izziv ni bil tehnične narave, temveč psihološke — naučiti se zaupati sistemu namesto tega, da bi za vsako novo težavo izumljali nove rešitve. Rezultat pa je bil ogromen: moj oblikovalni proces je zdaj 40% hitrejši, število popravkov strank pa se je znatno zmanjšalo, prenos v razvoj pa je veliko bolj tekoč.

Če razmišljate o gradnji svojega sistema, je moj nasvet, da začnete z majhnimi, osnovnimi elementi, jih testirate na pravih projektih in dokumentirate po poti. Dober sistem oblikovanja bi moral občutiti kot zaupanja vrednega sodelavca, ne kot niz omejitev.

Sem priložil predlogo svoje metode dokumentacije komponent spodaj - počutite se svobodno, da jo prilagodite za svoj lasten delovni postopek!