10大优享服务
62项会员特权

两种常见的软件界面设计构图方法

发布时间:2021-12-01 03:55:51     阅读次数:11820次     评论数:0次
两种常见的软件界面设计构图方法

    一个好的软件UI设计不仅可以提高整个软件在大众中的影响力同时还会直接带来非常多的经济效益,所以今天就来为大家具体的讲解一下其中比较重要的构图方法。


    一、视线在界面中的构图法则(SF字形构图)
 在设计实践中,如何引导读者视线,对增强用户体验有重要作用。好的构图视线法则,能够获得非常舒服的阅读体验。而杂乱无章的构图,往往让用户厌倦。
 在进行界面设计的时候,对用户的视觉移动方向的预设是非常重要的。在界面中加入更为顺畅的构图设计引导用户视线移动的元素,就能使用户更多的观察到产品的核心和产品的卖点。
 视线流动的轨迹多则是从上至下从左到右移动,如果不能围绕这样的视线轨迹进行排版,用户在阅读的时候会变得很吃力,找不到重点,使用户产生反感。所以在界面设计中格外需要注意这个地方。现在界面一般是上下滑动的,做好视线引导,可以大大减小用户的负担和阅读疲劳。
 在界面中怎么运用S形视线构图呢?
 S形视线大家都懂,关键是如何运用好S形视线来抓住用户眼球。
 首先我们看一下视线的轨迹,在视线转角处视觉轨迹最为密集,浏览更为集中在切换的地方,视线转折的地方停留时间最长。所以我们应该把重要的想要突出的产品或功能放在这块,这样更容易让用户记住产品的卖点。
  
 苹果官网便采用了S形视线构图,引导阅读,大家可以从苹果官网好好体会一下。每个模块的图形进行穿插,可以起到帮助折回视线的作用。产品图更多的让用户去记忆,设计引导消费!
 此外,为了帮助视线的移动方向,图片的处理也非常的讲究。
 在iPod touch 的介绍中,第一张图片展开的效果用到了三角形构图,强化了引导视线轨迹的指示性。同时多张图片借助手机排列方向引导到视线轨迹,很好地实现了图片—文字—图片之间切换,将用户带入到整个产品画面中。
  
    二、三角形构图
 这类的构图方式主要运用在文字与图标的版式中,能让界面保持平衡稳定。从上至下式的三角形构图,能把信息层级罗列得更为规整和明确。
 在界面中三角形构图大部分都是图在上,字在下,阅读更为舒服,有重点有描述。
 当时在设计儿童卫士宝贝信息设置页时运用到了三角构图与圆形构图的结合。将体重刻度做成可滑动操作的方式,而卡通形象来突出设置的对象及这个页面的功能。如果大家对ui框架设计相关的知识还不是特别了解的话,建议大家可以登录一品威客网进行深入的了解和学习。
本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录