大厂是如何做规范的.docx
设计师需要掌握标准化建设能力,就有很多人私信我还是不清楚怎么做?因此,今天我把这些年收藏一些大公司规范体系分享给大家学习,可以从中找到别人的设计方法。#l.AirbnbDesignLanguageMarquMEntryairbnb设计团队构建一套设计语言和执行路径的思考,非常值得大家学习。他们还谈到通过原子思维构建基础层规则时的一些利弊,以及如何打破这样的规则,建立一个可发展性的基础层组件,拓展应用到全局。TypeA11yColorSpacing«8E 1E24 bM48 fTitle144/56Title 2 32/36Title 3 248UrgeNMA9utoI7V«al«4WRowRowUserInputLongiptXrowEditE<MoZ3aeEditorialMarqueeOp<oSubtitleDescnption:Americeqe4ybe9nng1reetchedintotheearthofBoston.traditionalNewEnglundcity.99RevwtLMingd«Uh»SUmnWyHoMBbyHcxtNw#2.StarbucksBrandGuide星巴克品牌视觉指导手册,里面涵盖一些字体、排版、摄影、插画、色彩等一系列标准。星巴克设计我一直很喜欢,包括他们家的周边产品设计都是非常有设计感。0I#3.HarmonyOS*rmoDW3ttttXXfIlttS(D通用设计指南华为的鸿蒙OS系统,最接近我们的产品的设计语言,强烈推荐,我想设计师也是最容易看得懂的设计系统。anMXQRX1G(概述a*ramvHvm0Oa-BR14WSl*ff<W*UM*a.Wmm力第*rmev工了"M-*IUBO.tte>9Mia«£mWIC9X.S1N9*.厚.PC.VM.MWtt.vote.K,ARMWWW>M9.算是媲美MaterialsDesign的一套国内权威性设计语言系统,设计体系单元拆分很详细。HarmonyOS和谐的数字世界设计语言介绍视频#4.SalesforceLightningSalesforceLightning设计系统创建于2015年,为在Salesforce生态系统中设计企业应用程序建立了原则和最佳实践。它不仅仅只专注在设计上,又让设计师专注于用户体验、交互和设计流程。PDesignSystemFundamentals#5.SpectrumDesignsystemM*tmG 1PrinciplesSpectrum自2019年开始向公众开放,它定义了AdObC应用程序系列的通用体验,非常值得大家去了解下,涵盖了他们从顶层原则、到基础层原子组件搭建以及设计模式应用。GIOSMry#6.FluentDesignSystemFluent是一个开源的跨平台设计系统,可为设计上和开发提供创建引人入胜的产品体验所需的框架一一包括可访问性、国际化和性能。GetstartedwithiOS*Mb*AdCWtomIhM*vRMNyTCMfOSwMv1ufM*MrIlwmDesignit#7.CarbonDesignSystemCarbOnDesignSystemCarbonisIBM'sopensourcedesignsystemforproductsanddigitalexperiences.WiththeIBMDesignLanguageasitsfoundation,thesystemconsistsofworkingcode,designtlsandresources,humaninterfaceguidelines,andavibrantcommunityofcontributors.Carbondesignsysten碳原子设计系统,是IBM旗下针对B端出的一套网页端设计规范语言,里面详细罗列出设计语言基础层定义思路,设计组件化定义以及后面的设计模式及资源。MargynsTkeiTMM41theouterBfthetdM*kM0*»4»VHtfMlAbnCOWnmXrMSMfereatoantiIeratAtto*mmn«*m一些网格间距系统的规则定义O*<MWMeColoranatomyZCOfVu*yWfWtMt*wprwwyCQRcote*crMAMMPfOdWCtlMaprwctMMieAaiCeiOnat*UMdWamandcmpomM*MertaCMiImplementingcolorConUmtoMeMmtomwtootor.tkmark*mC«ndttwnwpcthec*orVWuMZlM«wtowro*MMftaUt.tarnM*tM#8.AudiDesignSystemUwrMvrfaroC-m>0<>M>CovporWrMmC.*SwMMtt>Rt«twv«AMfn0brVycOG88DRingsAnewfreedomAUdiDeSignSyStCnl算是一套成熟设计系统,里面该有的都有,品牌主张,价值观,以及到基础风格的定义,非常值得借鉴。AudiTypeVariableWeightWidthAudiAudiAudiAudiOTDLayoutregionMostcomponentsirePUCedInSldaUyoutre9M,MCttusuallyItrtube$totbfullwfthoftbCoMtntareaSpacingsystemEkmntonbePuCedQgde»Uyovtregionbyus>ngtesoacngSyStetntodefine<MtncebetwwthemButtom3beuedtosowtheuser*%choiceofoptionsforactionsandawq”theetoclearhierarchy.ThetargetagetobeaccessedortheactiontobeE99efed15shownonthebuttonsbyme3nsofalabelAudTypeWideNormaloreUebynicon,orbyaCOmblngonofthetwoAUbuttonsprovideVaTfeedMKkwheocUckedortoppedintheformofresponseeffectButtom*reeitherblackorwteButtonscmbegroupedThe3.ofbuttonsdependsonthebas«font$UeUdwhcanbeadaptedtotheVIeWPoftwidthSmaUbuttonatabasefontzeof16.g.GaImArtPhoneappMwMxnsuedbuttonatat»sefontsizeo<lx.e.g.m3UMetpp.largebutton4batefontweof20px.egonawebsitewhitrenderedawideviewportTheminimumwidthofpnmaryandsecondarybuttons15definedMZftetunesthebasefontsuehuwithaZSefontweof16pN.themtnamumbuttonWldtb916px144PKF×lMessages¼Messages回¼MessagesMessages