Designsystem

Ett designsystem är en uppsättning sammankopplade mönster och delade metoder som är sammanhängande organiserade. Designsystem hjälper till vid digital produktdesign och utveckling av produkter som applikationer eller webbplatser. De kan innehålla, men är inte begränsade till, mönsterbibliotek, designspråk , stilguider, kodade komponenter, varumärkesspråk och dokumentation.

Den fungerar som en referens som hjälper de olika inblandade teamen (som designers, utvecklare, copywriters och projektledare) att designa och bygga digitala produkter.

Några av fördelarna med ett designsystem är:

  • Snabbare konstruktioner, genom återanvändbara komponenter och delad logik.
  • Bättre produkter, genom mer sammanhållna användarupplevelser och ett konsekvent formspråk.
  • Förbättrat underhåll och skalbarhet, genom minskning av design och tekniska skulder.
  • Starkare fokus för produktteam, genom att ta itu med vanliga problem så att teamen kan koncentrera sig på att lösa användarnas behov.

Anmärkningsvärda designsystem inkluderar Lightning Design System (av Salesforce), Material Design (av Google), Carbon Design System (av IBM) och Fluent Design System (av Microsoft).

Ursprung

Användningen av mönster i digital produktdesign började på 1960-talet, för vilket det första skriftliga dokumentet är förhandlingarna från 1968 års NATO Software Engineering Conference . Det är här som det bestämda intresset för Christopher Alexanders arbete nämns, till förmån för bättre digitala system – då kallad mjukvara. Alexander publicerade sitt verk ungefär ett decennium senare, med titeln A Pattern Language där de tillsammans med sina medförfattare introducerade begreppet " mönsterspråk ", ett sammankopplat system av designelement, kallade mönster, eller i modern användning, designmönster.

Intressena inom det digitala området ökade igen under senare hälften av 1980-talet, för att detta verktyg skulle användas i mjukvaruutveckling, vilket ledde till föreställningen om Software Design Pattern . Eftersom mönster bäst underhålls i en samarbetsredigeringsmiljö, ledde det till uppfinningen av den första wikin , som senare ledde till att Wikipedia själv uppfanns. Regelbundna konferenser hölls och redan då användes mönster för att bygga användargränssnitt. Ökningen fortsatte långt in på 90-talet, med Jennifer Tidwells forskning som avslutade decenniet. Det vetenskapliga intresset fortsatte långt in på 2000-talet.

Det vanliga intresset för mönsterspråk för UI-design ökade igen när Yahoo! Design Pattern Library 2006 med den samtidiga introduktionen av Yahoo! User Interface Library ( YUI Library för kort). Den samtidiga introduktionen var tänkt att möjliggöra mer systematisk design än bara komponenter som UI-biblioteket har tillhandahållit.

Googles materialdesign 2014 var den första som kallades ett "designspråk" av företaget (den tidigare versionen kallades "Holo Theme"). Snart följde andra efter.

Tekniska utmaningar i storskaliga webbprojekt ledde till att systematiska tillvägagångssätt uppfanns på 2010-talet, framför allt BEM och Atomic Design. Boken om Atomic Design hjälpte till att popularisera termen "Design System" sedan 2016.

Skillnad mellan mönsterspråk och designsystem och UI-kit

Ett mönsterspråk låter dess mönster existera i många olika former och former – till exempel är ett inloggningsformulär, med ett inmatningsfält för användarnamn, lösenord och knappar för att logga in, registrera och hämta förlorat lösenord ett mönster, oavsett om knapparna är gröna eller lila. Mönster kallas mönster exakt för att deras exakta natur kan skilja sig åt, men likheter gör att förhållandet mellan dem (kallas en konfiguration) förblir detsamma. Ett formspråk har dock alltid en uppsättning visuella riktlinjer för att innehålla specifika färger och typografi . De flesta designsystem tillåter att element i ett designspråk konfigureras (via dess mönster) efter behov.

Ett UI-kit är helt enkelt en uppsättning UI-komponenter, utan några uttryckliga regler för dess användning.

externa länkar

Hämtad från " https://en.wikipedia.org/w/index.php?title=Design_system&oldid=1141090431 "