手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >界面设计中的结构设计
界面设计中的结构设计
摘要:构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。结构设计是指对界面内容进行分组,对界面中的信息、...

界面设计中的结构设计1

构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。

结构设计是指对界面内容进行分组,对界面中的信息、数据进行设计使之结构化呈现的过程。

好的结构设计能使界面信息传达更加清晰、快捷。那么,如果进行结构设计呢?

结构设计———内容的分组

使用线、框、背景色来分组

这是最常见的分组方式,在UI设计中历史悠久。

使用线来分组

界面设计中的结构设计2

使用框来分组

界面设计中的结构设计3

使用背景色分组

界面设计中的结构设计4

不管是线、框,还是背景色,都是可见的边界,本来引入这些可见边界的目的就是为了使信息的呈现更加清晰,但是这些视觉元素的加入也在一定程度上增加了界面的凌乱感。所以,现在越来越多的会利用空间的远近来对界面内容进行分组。

【界面设计中的结构设计】相关文章:

网站设计用色需与企业产品特点相结合

电商专题页设计揭秘之动线设计

设计漂亮有趣的转场动效

电子商务网站设计分析:登陆注册页设计

为移动应用设计快捷的注册流程

网页设计师怎么迅速搞定客户

在网页设计中怎样使用方块元素

2014年网页设计女神TOP15

版式在移动界面中的应用

我们是如何重新设计FOURSQUARE的

精品推荐
分类导航