构建界面视觉层级的元素有颜色的显著程度，图片、文字的尺寸大小，还有最基础的，内容的组织结构。
结构设计是指对界面内容进行分组，对界面中的信息、数据进行设计使之结构化呈现的过程。
好的结构设计能使界面信息传达更加清晰、快捷。那么，如果进行结构设计呢？
结构设计———内容的分组
使用线、框、背景色来分组
这是最常见的分组方式，在UI设计中历史悠久。
使用线来分组
使用框来分组
使用背景色分组
不管是线、框，还是背景色，都是可见的边界，本来引入这些可见边界的目的就是为了使信息的呈现更加清晰，但是这些视觉元素的加入也在一定程度上增加了界面的凌乱感。所以，现在越来越多的会利用空间的远近来对界面内容进行分组。
利用空间的远近来对界面内容进行分组
从XP到win7，变化很明显。
网页设计中也是一样，越来越多的新界面采用极简主义的思路，只保留了极少的线和背景色，更多时候是通过拉大区块之间的距离来分组。
喜欢深究的人也许会问，为何没有可见边界，我们也能清楚的根据距离的远近来对信息进行分组呢？
关于这一现象，在20世纪早期，一个德国的心理学家研究小组就进行过研究，试图解释人类视觉的工作原理。他们观察了许多视觉现象，并提出了格式塔(Gestalt)原理。针对这一现象，是其中的"接近性"原理。
售后响应及时
7×24小时客服热线
数据备份
更安全、更高效、更稳定
价格公道精准
项目经理精准报价不弄虚作假
合作无风险
重合同讲信誉，无效全额退款
网站设计包含服务
网站制作流程
有效沟通方式
售后服务
+ 品牌创意
+ 宣传视频
+ 大陆官网
+ 外贸官网
+ 移动应用
+ 形象设计
网站建设
网站优化
网站制作
网站制作
网络营销
网站维护
公司简介
我们的观点
为什么选择我们
企业文化
支付方式
联系方式
在线留言
提交意向表
在线客服
来访路线
