大约 2 分钟
css规范
对css使用规范,请查阅css编码规范
布局规范
对页面进行整体布局。详细页面布局请查看view-ui-Layout布局或栅格布局
间距规范
- 相邻两个组件或文字的间距,除了特殊的需求之外,一般使用默认数值的间距。
- 字体间距
- 行间距,一般字体大小的1.5倍,行间距规范请查阅css编码规范-行高
- 段间距,一般字体大小的2倍
- 字间距:一般为 0.1em~0.2em
色彩规范
不同色彩可以反馈不同信息,通过颜色区分某个事物所处状态,并可以对内容信息进行分层级展示,提高用户读取信息的效率。提高用户读取信息的效率。常用的色彩组成请查阅view-ui-色彩
字体规范
字体应该选择简单易读的字体,符合系统的主题和风格,并考虑到字体的大小和行距等因素,提高系统的可读性。应该避免使用过多的字体和字体大小,保持一致性和清晰度。常使用字体规范请查阅view-ui-字体或css编码规范-字体
按钮规范
为了遵循了用户的习惯和自然的交互路径,使用户操作更加方便。按钮一般放置表单的底部、出发行为操作的信息附近、在页面或者屏幕的底部、信息的正下方。常用的按钮样式请查阅view-ui-按钮
卡片设计
设计基础容器,显示文字、列表、图文等内容,一般为上下布局或左右布局。
布局时内容之间间距不要过于大,若有图片,包含文字的容器应与图片对齐。