腾讯文档 - 色彩系统应用篇.docx

《腾讯文档 - 色彩系统应用篇.docx》由会员分享，可在线阅读，更多相关《腾讯文档 - 色彩系统应用篇.docx（17页珍藏版）》请在优知文库上搜索。

1、在设计系统的实际运行中，我们也需要着眼于如何应用调色板，建设协同工作流，并给各个角色提供有关色彩的扩展指导，以达到在腾讯文档中构建一致且有品牌感的数字界面并有效提升效率的目的。OTncnt Does _ Color PkIiOaiLKeXQA.LaM)HOtJkBQ1”MOA.(ooaanMKWM)MA(O0QQZHM(OaQQMlMSeHM(ftM)Q0A13*(Q00Q12)MM(ftM)Het值“gGray.08GmyMGray.06Gray.05Gray-04Gray.03Gray.02Gcay.01MtX4M0MMDLI1MKXCKDOIMIXKWNOMXBMU.WAMM(HWW)B

2、MmuMM(MnmMttCtt7JIM)ElO1MM)Mcnot2)MW(HHMo2tn*(mi1Gr8yblue.06GrayMue.05Graybiue.04Grayblue.03Graytlue.02Grayblue_QHexmffKKtt4M0A5“sMtXCt*MOrt2FCHtXFOOHtMDt,WGS14mmo7)M1M)(心SFKe48xM(WlMSms*mnnMW(M77M)M*0a7MW(M3QMW(3M1M)0(31WMiaa.PUrPiejnPurple.02PUrPl03Purple.04Purple_05Purpe.06PurpIeMKX2AMK*MMUHCXMto

3、MfX加修MEX02MffHEXHHR(1“1X与KeHglmuaQavj)WeJl“3xeMeM9MS)B6134S)MWM1M1MsaMtnMWPMOU)m(MlM)MMTM*XM0(7A3M)MS(2MHMSe(M3Flndigobke.01MdigObIueJ)2lndigoblue.03lndigoble.04lndigob!ue.05ldigoble.06ldigoblue.07MCXIMAfOxx7aMfXKWFxxM(Xcnf9XXTGac(1“t124S)nootiM)BG(U11M)MMl(IMktljMIlB0J4S)aG12MHMNHltMl24SEM7fMm(2HMM

4、)MeSMXZHSBXaMIMMI(MUM)KMOH1WMMI(MtASW)Primayblue.OlPrimaytoIUej)2PrnayWue_03PrimaybIUe04Phmayblue.OSPrimayMue.06PriEayblUej)7Ma201(MnKAiaMDtKSFWKKWFFMCICFFMKXeCfWC(2145224BMR41*1jntM(M1ffJSmMM0M22S2MM.CmHmMMPMJM2S8)KW(MMM)MMcnzmMttm2n)KBU1M)AOe(MimxT)a7ttM7m)m(msn4)HQ(11MMI02W)MHKXFFFCCBM2M1A5MBCmMA

5、snCmmg0M2412Ma(ASW2M)Htt(mM)MMBWayE-HQMM(U.M10HMM(M1WOYeIiOW-OIYeltoW_02Yelow.05YeHow.06Yellow.07mixmMacamsKXRMVMUggXKKMwMUg”KX,FFOC(2MWM)KtnxnMX5oatmiMwMOMIM144)M(miiti)Bee(miM240)Mt(tMM)mcti)MeftnotIttQHE1001MNvMaFmCMtXifmHKXVWUMmuWaCCMammace(2MMMI1(MS7)MaMH71)MBcmutwR0OM111O)aMM(5440MO)MM.(0M4)Mt

6、tAH.WQMSBfM10CHMl0M1)HttIMlgRwLOlRed.02RWLo3RWL(MRed.05Red.06ReCLO7*腾讯文档调色板命名图表Part 3定义颜色使用规则1、从调色板中选择合适的颜色并测试从调色板中根据UI中的任务挑选合适的颜色并进行可用性测试，做具体任务中颜色选择的最优解。例如，我们需要选择一个蓝色作为链接色，作为文本，对比度必须达到4.5:1以上才符合WCAG2.0的可用性标准。经过测试我们选择了PrimayblUe-02作为链接色。6.38:1Q5.57 :104.39 :1O2.65 :1Q1.92 :10膈讯文档错接色则试./用,-Pnmaryblue

7、-Ol腾讯文档链接色测试,.用TPrimaryblue-O2脏讯文档错接色测试、.是用了PrimarybIg。3腾讯文档链接色测试，是用了PrimaryblUe-04腾讯文档链接色测试，是用了PrimaryblUe-05腾讯文档的界面中，灰色系列占主导地位，起着至关重要的作用，为产品界面创造结构、表达边界、建立信息层次。在调色板中，我们选择了两种灰色：中性灰色和蓝灰色，来支撑系统的设计。蓝色系列是腾讯文档产品和体验的主要动作颜色。StandardcolorXMOMO6HOtAC8Q,304A1*)Gry.04MtXOMOMmMKiooaomMM(Qo0。EGray.03MIXOOOOOOMAmooMHtt(OOOeM)Gray.08KXOOOOOOMX-SMMW.AM)Gry.07MtXMMoO34、ka