For designere

Steg 1: Om Grunnmuren

Ved å ta i bruk Grunnmuren får designere en samling gjenbrukbare komponenter og elementer for å designe sider og brukergrensesnitt raskt og effektivt.

Grunnmuren representerer OBOS' merkevare digitalt, inkludert farge, typeskala, rutenettet og mer. Grunnmuren-teamet oversetter designspråket til kode for å bygge digitale opplevelser.

Dette gjøres gjennom elementer som fargetokens, typetokens og spacers, som er ment å brukes på alle slags digitale brukeropplevelser gjennom veiledning og komponenter.

Steg 2: Tilgang til Figma

Er du OBOS ansatt og trenger tilgang til Figma? Det kan du bestille i ServiceNow. Velg gratis hvis du bare skal se og ikke designe.

Steg 3: Koble opp mot Grunnmuren-biblioteket

Vi vedlikeholder OBOS-merkevaren i Figma. Dette inkluderer alle komponentene, elementene og stilene for gjenbruk i løsningene og designet du skal jobbe med i OBOS (Ved unntak av Vibbo per nå). Ved å bruke Grunnmuren-biblioteket vil du automatisk motta oppdateringer, noe som sikrer at det du designer holdes oppdatert med de siste utgivelsene. Dette lar deg snakke samme designspråk og ha delte funksjonalitetsforventninger som utviklerne i teamet ditt forholder seg, til ved å bruke Tailwind som variabler i bunn.

Steg 4: Se gjennom vår bruksveiledning

Vår bruksveiledning er detaljert og grundig, og du vil lære mye om systemet ved å lese gjennom komponent- og patterndokumentasjonen.

Komponenter: Grunnmuren gir en grundig innføring i designbruk og stilveiledning (Styles og Style guidance) for alle komponentene. Det er viktig å være kjent med UX- og visuelldokumentasjonen når du designer med komponentene våre.

Patterns: Vi tilbyr også en rekke patterns – beste praksis-løsninger for hvordan en bruker oppnår et mål. Disse mønstrene skal være gjennomgående på tvers av alle produktteamene, og har blitt gjennomgått og godkjent for bruk av Grunnmuren-teamet.

Steg 5: Flere ressurser

Steg 6: Kom i kontakt med Grunnmuren

Hvis du har spørsmål om komponentene, patterns eller bruken av designsystemet, kan du kontakte oss på Slack. Det er også en fin måte å få kontakt med andre designere. Sjansen er stor for at noen har hatt et lignende problem som deg og kan hjelpe deg.

Kanaler:
Grunnmuren-design-system

fagspor-design-og-ux

fag-uu