首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

APP布局中的平衡与连贯

如同设计师对其设计作品的敏感度一样,注重细节的设计,会让用户获得更好的用户体验度。如果你的页面是平衡的,当用户浏览这个页面的时候就会感觉它们是一个整体,看得时候目光的跳转也会很自然。同时,构成页面的元素仍然是彼此独立(注意

APP布局通常都会讲求很多细节,如同设计师对其设计作品的敏感度一样,注重细节的设计,会让用户获得更好的用户体验度。

如果你的页面是平衡的,当用户浏览这个页面的时候就会感觉它们是一个整体,看得时候目光的跳转也会很自然。同时,构成页面的元素仍然是彼此独立(注意不是孤立)的,你不需要用线用颜色将它们直接地串接起来,这是为什么呢?因为它们彼此之间是平衡的。这就好比跷跷板,即便你看不到连接两端的人的木板,你也能感觉到他们是一个整体,因为“平衡”!

1、对称平衡:对称是常见、自然的平衡手段,这种方式通常用来设计比较正式的页面,不过也还需要和下面介绍的多种方式结合起来使用。图1所示的APP,如果你在页面正中间划一条垂直向下的直线,你会发现页面的两边的布局是基本对称。

2、非对称平衡:非对称其实并不是真正的“不对称”,而是一种层次更高的“对称”,如果把握不好页面就会显得乱,因此使用起来要慎重,更不可用的过滥。

3、辐射平衡:页面中的元素以某一个点为中心展开就可以构成辐射平衡。图3就是典型的例子,页面的正中是一个大大的LOGO,外侧环绕着多个链接。

在一个成功的页面设计中,有很多要素是必须保持一致的,这些要素通常包括:

1、布局连贯:页面的上下、左右,页面与页面中间要保持布局一致。如果页面上方的表格居中对齐而页面下方的表格却左对齐,那么整个页面就会很难看。

2、字体:字体的大小、颜色应当基本保持一致。

3、导航栏:导航栏应当保持完全一样,通常应单单独为导航栏建立一个框架页,这样就可以保证更新导航栏的时候,所有APP都会被自动更新。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 动态 知识 数据 XML 索引 备案号:京ICP备16050073号-2

电话咨询