常用于|如何从零构建UI组件及设计规范（三）：全局样式( 二 )
一致图标的设计风格，采用的圆角需要保持一致性。
文章图片
设计规范图标尺寸尺寸为 24x24px，包含2px溢出区域。
造型简约避免过多的笔画，保持图标简约、干净。
尺寸大小产品设计中使用的icon实存需要按照制定的规则尺寸设计。
文章图片
图标用法颜色标准图形应该是字形，并应使用单一的纯色填充，且不应该带有阴影。
文章图片
样式选择清晰而不是好看或者个性的风格。
文章图片
隐喻不要单独使用有歧义的图标。使用正确的用户可以识别的图标（表格和文件删除除外）。
文章图片
04 Shadow 投影通过投影反映给用户，当前的元素与底层背景的距离来反应层次关系。
投影类型小投影主要用于小模块及小元素之间，轻量级提示或删除。
中投影主要用于一些较大模块以及激活需要操作的元素，例如下拉选项、气泡提示等。
大投影主要应用于一些大模块，例如轻提示、通知消息、模态弹窗等。
文章图片
投影代码小投影
box-shadow:1px 1px 4px 0px rgba(35,40,48,0.2);中投影
box-shadow:1px 1px 8px 0px rgba(35,40,48,0.2);大投影
box-shadow:2px 2px 16px 0px rgba(35,40,48,0.2);05 Voicce 文案为更好的统一标准和使用体验，九曳设计规范为此提供了一套常用的文案集合。
标准词汇库在产品设计中需按照标准的用法使用。
文章图片
错误案例感叹号 一般情况下，正面用于使用感叹号，负面使用句号。所以「你的订单量已超过限制。」使用句号，需注意确保在上下文（包括标题等）中使用不超过一个感叹号。
文章图片
礼貌用语 礼貌性语言用不好会给用户传达一些错的语调和感受。需谨慎使用“请”和“谢谢”之类的术语。
文章图片
说明出错原因 明确告知用户，发生了生么，并告知是何原因。
文章图片
给出建议 完整阐述信息，并给出建议。
文章图片
直接使用「你」 直接使用你、我和用户进行对话，避免使用「您」，让用户感觉过于客套和讨好。
文章图片
尊重用户 给用户支持和鼓励，不强迫命令。
文章图片
使用阿拉伯数字 人对于数字的感知速度更快，使用数字表述更加有效，所以统计的数据使用阿拉伯数字。
文章图片
06 Space 间距信息之间的关联度越高，它们之间的距离就应该更加接近，让给感觉更像是一个视觉单元；反之，则是多个视觉单元。通过通知控制间距，实现页面信息页面的结构和信息层次。
间距使用我们的比列是以8px（1rem）单位为基础。使用 8 的倍数来定义模块间距于元素的尺寸。
推荐阅读
- 传奇英雄▲荒野乱斗：最值得培养的传奇英雄，微氪玩家如何选择？
- 【】财鑫闻丨两市成交量连续2日破万亿，牛市真的来了？下一步如何擒“牛”？
- 精选泛科技|结果如何？，一加8续航遭质疑：上半年最全机型横评出炉
- 健康干货桶|重症肝病患者可否活动？如何掌握？
- 精选泛科技一加8续航遭质疑：上半年最全机型横评出炉，结果如何？
- 「孙权」孙策逝世后，弟弟孙权是如何对待20岁嫂子大桥的？说出来别不信
- 科学家■如果宇宙由奇点大爆炸而来，那么奇点又是如何来的？
- 娱娱乐道|厚嘴唇加大饼脸，网友：她是如何火的？，杨超越大量旧照曝光
- “健康北京”微信公众号|新型冠状病毒肺炎确诊病例如何分型？北京中医医院院长解答
- 央视网|上直播、转内销……外贸企业如何突围？