跳至主要內容

技术中心大约 2 分钟

css规范

对css使用规范,请查阅css编码规范open in new window

布局规范

对页面进行整体布局。详细页面布局请查看view-ui-Layout布局open in new window栅格布局open in new window

间距规范

  1. 相邻两个组件或文字的间距,除了特殊的需求之外,一般使用默认数值的间距。
  2. 字体间距

色彩规范

不同色彩可以反馈不同信息,通过颜色区分某个事物所处状态,并可以对内容信息进行分层级展示,提高用户读取信息的效率。提高用户读取信息的效率。常用的色彩组成请查阅view-ui-色彩open in new window

字体规范

字体应该选择简单易读的字体,符合系统的主题和风格,并考虑到字体的大小和行距等因素,提高系统的可读性。应该避免使用过多的字体和字体大小,保持一致性和清晰度。常使用字体规范请查阅view-ui-字体open in new windowcss编码规范-字体open in new window

按钮规范

为了遵循了用户的习惯和自然的交互路径,使用户操作更加方便。按钮一般放置表单的底部、出发行为操作的信息附近、在页面或者屏幕的底部、信息的正下方。常用的按钮样式请查阅view-ui-按钮open in new window

卡片设计

设计基础容器,显示文字、列表、图文等内容,一般为上下布局或左右布局。
布局时内容之间间距不要过于大,若有图片,包含文字的容器应与图片对齐。