== 概述 == 本文档描述汽车网资讯客户端的配色资料。列举大部分相近颜色的key/value,主要为了统一客户端主色调、提高设计和开发的效率。 以下表格按照汽车资讯客户端4.3的配色来整理,其他应用可以以此类推。 == 配色原则(注意!!!我很重要!!!) == 1,本文档所列举的对照表并不包含汽车网所有颜色。[[BR]] 2,'''事实上,汽车网中同一种颜色的数值可能不一样,但是在表现上没有太大差别的情况下,在对照表中都合并成一种。这一点应该适用在新的设计稿上。'''[[BR]] 3,理论上,根据这份文档,设计同事可以不用标注夜间模式的设计稿。[[BR]] 4,十分特殊的颜色,应该另外新建key来管理[[BR]] == 配色key/value对照表 == ||key||日间模式value||日间模式截图||夜间模式value||夜间模式截图||备注|| ||===以下是字体颜色===|| ||font.primary||51,51,51||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_11.png)]], [[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_10.png)]]||119,119,119||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_12.png)]], [[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_13.png)]]||主色调,黑色|| ||font.secondary||255,255,255||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_17.png)]]||141,164,214||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_16.png)]]||主色调,白色|| ||font.secondary.ext||255,255,255||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_18.png)]]||178,178,178||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_19.png)]]||主色调,白色,夜间模式和"font.secondary"不一样|| ||font.third||153,153,153||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_21.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_23.png)]]||51,51,51||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_24.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_25.png)]]||主色调,灰色|| ||font.uibutton.default||41,143,252||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_26.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_27.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_28.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_29.png)]]||22,91,160||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_30.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_31.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_32.png)]]||主色调,蓝色,一般用在纯文字按钮|| ||property.price||224,36,47||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_33.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_34.png)]]||151,38,41||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_35.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_36.png)]]||主色调,红色,一般用在车型库的价格|| ||===以下是色块或者背景===|| ||tableview.cell.selected.background||218,218,218||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_37.png)]]||32,32,32||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_39.png)]]||表格的选中颜色|| ||tableview.section.header.background||230,230,230||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_40.png)]]||35,35,35||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_41.png)]]||section头的背景颜色|| ||seperator.or.border||85,121,192||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_42.png)]]||55,74,122||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_43.png)]]||分割线或者边框|| ||segment.item.selected.background||85,121,192||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_44.png)]]||55,74,122||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_45.png)]]||栏目视图的选中背景颜色|| ||common.view.background||245,245,245||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_46.png)]]||19,19,19||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_48.png)]]||通用背景,通常是整个页面的背景颜色|| ||clean.and.clear||255,255,255||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_49.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_50.png)]]||30,30,30||[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_51.png)]],[[Image(http://trac.pc.com.cn/iphone/raw-attachment/wiki/pcauto_color_ref/Snip20140430_52.png)]]||另一种通用背景,通常是某些网格视图的item背景|| == 更多 == 详情请咨询雷敬棠