3.高级表单
高级表单设计区域一般大或等于 664px 。并且为包含多于 10 个录入项或多种形式操作组件,需要分步操作或分组和分模块设计。仅以单列的形式排布,保证一致的纵线视觉浏览。
3.1. 视觉居中
· 一般默认单列视觉居中。为了在大宽度窗口下不至于模块留白过多,内容布局采用百分比规则横向自适应。
· 整个模块自适应最小宽度为 1000。
· 内容区域比例为:标签区 30% - 录入区 50% - 留白区 20% 。( 录入区自适应最大宽度为 700px )
3.2. 视觉居左
· 根据上下模块整体美观度,或右侧需要展示其他信息内容的情况使用。
· 内容区域比例为:标签区 18% - 录入区 50% - 留白区 32% 。( 录入区自适应最大宽度为 700px )
· 同样的,整个模块自适应最小宽度为 1000。