美文网首页
设计规范之颜色和字体排版

设计规范之颜色和字体排版

作者: 伴夏Autumn | 来源:发表于2017-07-15 21:30 被阅读0次

1、UI色彩规范:

应用主色调或大色块颜色使用饱和度500,在此基础色之上选择3个色度和一个强调色(可有可无),强调色用于背景。

状态栏使用饱和度为700的颜色。

主要文字alpha87%,次要文字alpha54%,以表达视觉层次(白背景黑字黑北京白字)。正文和标签文字alpha26%。其他元素的字体也具有alpha值,不能使用100%实心颜色。

强调色:相比主色调颜色更深或更浅,白色背景下可使用饱和度500的基础色,若背景是饱和度500的基础色则采用100%的白色或54%的黑色。

主题:深色主题和浅色主题

2、字体排版

字体:Roboto

样式:Regular /Thin /Bold Italic/Bold/Condensed/Light Italic/Medium Italic/Black/Medium/Thin/condensed Light

字号:

headline regular24sp

Title Medium 20sp

subhead regular16

...参考material design -style字体排版

色彩对比度:

Headline black87%

Title black87%

subhead black87%

body black87%

…参考material design字体排版

行高:

文本换行标准:

每行应当包含60个字符左右

字间距:

相关文章

网友评论

      本文标题:设计规范之颜色和字体排版

      本文链接:https://www.haomeiwen.com/subject/mhpzhxtx.html