主要面对后台管控类系统的样式设计,包含的主要模块有:
-
基础功能,主要是布局、色调相关的
- 样式重设
- 栅格系统
- 响应式,适应的屏幕大小,是否需要响应式(在不同分辨率区间展示方式不同)
- 标题和段落,存在几级标题,分别是怎样的字体,大小,字重,标题的边距分别是多少,段落文本是怎样的字体,缩进,字间距等等
- 文字,整个页面的默认字体,备选字体,(中英文,适应win7 win8 macos linux等系统),默认字号,字重
- 色调,背景色,前景色,包含的语义
-
组件和元素
- 图标字体
- 表单元素
- 表单布局,水平、垂直
- button,按钮有几种不同的大小,高度,字体分别什么状况,整个系统中,按钮颜色有几种含义,它们在不同状态下的颜色是如何变化的,是否需要圆角,半径多少,是否需要阴影,怎样的阴影,宽度是否需要固定
- button group
- select
- text input
- password input
- checkbox
- radio
- number input
- color input
- datepicker
- timepicker
- datetimepicker
- ranged datetimepicker
- 滑动输入
- 校验提示
- 容器和导航元素
- panel
- tab navigator
- accordion
- wizard
- 分页
- 数据列表
- 列表,是否需要隔行换色,鼠标移过某行是否要换色,选中某行是否要换色
- 表格
- 树
- 树形表格
- 辅助
- 微提醒(右上角的数字)
- 浮动提示
- 对话框
- 日历
- 滚动条
-
修饰功能
- 各类动画的运动曲线