Et designsystem er et sæt af komponenter, regler, forskrifter og værktøjer til at forbedre kvaliteten og hastigheden af produktudviklingen, samt effektivt understøtte eksisterende. På engelsk bruges begrebet " designsprog " oftest til at henvise til designsystemer, hvilket også definerer dets væsentligste forskel fra et designsystem - muligheden for at bruge det uden for sfæren af digitale produkter. Et eksempel på et sådant "visuelt sprog" er BMW -bilers genkendelige design (forlygter, gitter). Det visuelle sprog definerer det grundlæggende grundlag for at skabe produkter og løsninger.
I dag, som hovedkomponenterne i designsystemet, skelner eksperter:
Systematisering af design er påkrævet gennem skabelsen af indbyrdes forbundne grundelementer for at komme til et enkelt felt af indbyrdes forbundne produkter og løsninger. Med andre ord hjælper designsystemer med at skabe et bekvemt økosystem af produkter, som vil være forståeligt for udviklere og brugere.
Af grundlæggende betydning er forskellen mellem biblioteket af færdige elementer og designsystemet, sidstnævnte er kendetegnet ved en exceptionel detaljeret undersøgelse af alle nuancerne. Et slående eksempel på et stort gennemtænkt designsystem er IBM 's Design Language [1] , som beskrev alle mulige muligheder for at udvikle sit koncept i digitale produkter og præsenterede systemets filosofi for samfundet. IBM fikser designsystemets særlige rolle i strukturen af relationer "bruger-produkt", "klient-virksomhed", "udvikler-produkt", "medarbejder-virksomhed".
Brugen af designsystemer giver en række specifikke fordele:
Det grundlæggende i designstandardisering begyndte at dukke op sammen med udviklingen af den "schweizerstil", som tog form i 1927 takket være Jan Tschichold [2] . Tschichold introducerede ikke kun nøglebegreberne enkelhed, kortfattethed og let opfattelse, men skitserede også klart grænserne for tilladtheden af at bruge individuelle elementer i grafisk design. Designerens fortjeneste er også introduktionen af et modulært gitter - et system, der aktivt bruges i webudvikling, udskrivning og skabelsen af elementer i designsystemer.
De første tilgange til at skabe designsystemer dukkede op i 60'erne af forrige århundrede, da det modulære system begyndte at blive brugt i programmering . Ideen om modularitet har udviklet sig siden slutningen af 50'erne og har gradvist bevæget sig ud over programmeringsområdet og dækker relaterede områder.
En anden vigtig kendsgerning var den hurtige udvikling af grafisk design og kravet om dannelsen af bæredygtige virksomhedsidentitetsprincipper. Et ofte nævnt eksempel er NYCs undergrundsmanual [3] , som beskriver brugen af alle navigationselementer, typografi , konventioner og grafiske elementer.
Ideen om at skabe noget nyt baseret på udviklingen i kunstverdenen blev fremmet af Karl Gerstner og Saul Levitt . Centralt i seriekunstnernes arbejde var konceptet med at skabe kunst ved hjælp af algoritmer. Saul Levitt var nok den mest berømte seriekunstner. For Levitt selv var det virkelige kunstværk algoritmen, ikke det endelige produkt. I moderne forstand var han en af de designere, der eksperimenterede med designsystemer.
Den eksplosive vækst af tekniske løsninger, fremkomsten af nye programmeringssprog , biblioteker, rammer krævede, at store virksomheder standardiserede udviklingstilgange . Siden da er designsystemer blevet en integreret del af store projekter som grundlag for udvikling og skalering af digitale produkter.
I øjeblikket er der flere hundrede store designsystemer i verden. Lederne i skabelsen og udviklingen af retningen er store it-virksomheder ( Apple , Microsoft , Google ), banker og finansielle organisationer ( Tinkoff Bank , Alfa Bank , Spare Bank 1, VISA ), softwareproducenter ( Atlassian , Mozilla , IBM ), designstudier (Chulakov, AIC), FMCG-producenter ( Royal Canin ).
Skabelsen af designsystemer er ofte forbundet med "atomic design"-metoden fra Brad Frost [4] . Anvendes primært til webdesign, atomic design har 5 udviklingsniveauer:
Metoden til at følge niveauerne giver dig mulighed for at afklare processen med at samle både individuelle dele af produktet og hele løsningen. For at skabe designsystemer ved hjælp af atomdesignmetoden blev Pattern Lab-værktøjet skabt af entusiaster.
Applikationer som Sketch , Framer, Figma hjælper specialister i udviklingen af komplekse designsystemer . Forskellige rammer, SDK'er og biblioteker ( AngularJS , Flutter , React ) spiller også en stor rolle .
Udviklingen af statsdesignsystemer kan ses som en logisk fortsættelse af processen med digitalisering af relationer "borger - stat". I dag har Italien [5] , Australien [6] , Storbritannien [7] , Singapore [8] , USA [9] , Estland [10] deres egne designsystemer til udvikling af tjenester og produkter .
Det russiske statsdesignsystem udvikles efter ordre fra ministeriet for digital udvikling, kommunikation og massemedier , men har ikke en officielt bekræftet endelig version af det visuelle og grafiske design og regler for brug af skrifttyper og elementer i systemet .
Mange designsystemer får deres egne navne, der afspejler essensen af filosofien og det visuelle sprog: