APP用户界面是怎样分割的

发布时间:2017-05-13 10:51:55来源:http://www.qzyzkj.com


 

    传统的分隔方法


    在用户界面中,最传统也是最多见的分隔方法用的是线,将视觉上或许内容上需求分割的内容用横线或纵线分开来,它协助用户了解页面的层次构造,赋予页面内容以组织性。

 
 

    1、全出穴位分隔线


    全出穴位原指平面印刷,这指的是出穴位的分隔线传统用来区别不一样的内容与版块。

    下图的用户界面里面,用的分隔线都算是全出穴位分割线。这些分隔线能让用户明晰地知道边界在哪里。

 
 

    全出穴位分割线将每一个部分都分开来。

    2、内嵌分隔线


    内嵌分隔线和前面不一样,它传统用来区别有关的内容,比方联系人列表中不一样字母最初的有些,它常常用来作为视觉头绪,方便用户来阅读大量有关的内容,当用户来阅读时,它们会以路标的形式存在,方便用户翻页阅读。视觉上,跟全出穴位分隔线不一样,它们传统会短一点,而且会留下随机的空间给别的的区别元素,如联系人列表中分隔处的首字母。

 
 

    分隔线的代替方案


    传统的分隔线在电脑的用户界面规划上一直有着不错的效果,可是它们在APP上有着严重的缺点:占用空间。确实,一条线能占多大空间呢?可是现实上,通常一页面需求区分的内容很多,分隔线就好很多。假如按照传统的做法,一个界面东西很多的APP上许会被这些分隔线影响视觉效果。值得留心的是,现在用户越来越倾向于精约的界面,这也导致现在的用户界面设计会尽量多减少非必须元素,而仅留下基本元素。这种改变背面真正的要点,是设计重心向着内容和功用搬运,这么的设计顺理成章地会让界面看起来愈加简练。

    如此,分隔元素时用留白会比用线更恰当。更少运用的线让界面看起来更利落,更现代,视觉上也更赋有张力。

    1、留白


    界面中的留白的地方一般不会放置任何元素。大量的留白可以让本来杂乱的界面看起来精约而招引人——它让界面元素周围都空出来,让这些元素愈加夺目,锋芒毕露。留白让界面显得愈加富于呼吸感,也愈加简练。

 
 

    用好留白,你能让界面以非侵略性的方法来区别不一样的区域和元素。

    2、颜色比照


    颜色比照是最强壮的设计方法之一,假如用的好,它能给你带来夺目而英俊的设计。创造性地运用颜色的区别来区别不一样的内容,这傍边的关键是是要操控两种颜色的比照度。不只要可以在视觉上简单区别,而且不能让人觉得突然发生出戏感。假如颜色比照操控得好,应当能让用户愈加迅速便捷地获取信息。

 
 

    3、阴影和高度


    阴影和高度都可以在用户界面上创造出“深度”,同等于使元素在高度上出现区别。

 
 

    阴影的别的一个效果是用来区别堆叠内容的“高度差”,出现相互关系,让其间的某个部分招引用户的注意力。

    4、图像内容无需独自的分隔控件


    图像内容运用网格来展现时,本来就不用专门的线来划分的,由于网格自身就起到了视觉划分的效果了。下面的事例中,图像间的留白和副标都是划分的效果。


 

    结语


    考虑到咱们终究仍是要简化界面,在分隔方法的选择上仍是需求三思行的。在消除不必要的元素之后,在界面的设计上咱们能做的工作还有许多,可是要保证APP端用户体验的良好,细节的把控就要愈加用心了。




【返回】

 
服务热线:
13959859749