信息布局:完美地呈现移动UI中的信息-创视优品

信息布局:完美地呈现移动UI中的信息

  •   在设计移动UI界面时,布局主要是指对界面中的文字、图形或按钮等进行排版,使各类信息更加有条理、有次序和整齐,帮助用户快速找到自己想要的信息,提升产品的交互效率和信息的传递效率。
    一.热门标签布局
      在移动UI设计中,搜索界面和分类界面通常会采用热门标签的布局方式,让页面布局更语义化,使各种移动设备能够更加完美地展示软件界面。如动漫之家和晋江文学App等就采用了这种热门标签布局,如图2-6所示。


    图2-6 热门标签布局


    二.走马灯式布局
      走马灯式布局又可以称为页面转盘式布局,主要是采用图片环绕在手机界面的四周,这种布局操作起来比较简便,而且方便用户单手进行操作,很多手机抽奖游戏常常运用这种布局模式。走马灯式布局如图2-7所示。


    图2-7 走马灯式布局


    三.磁贴设计布局
      磁贴设计布局与Windows 10的Metro界面风格比较相似,是一种风格比较新颖的设计语言,某种程度上可以让人直接看到应用的相关信息。界面中的各种元素以Tile(瓷贴)的形式展现,而且这些小方块可以动态显示信息,还可以按照用户的意愿进行分组和删除等操作。Windows手机就应用了这种磁贴设计布局,如图2-8所示。


    图2-8 磁贴设计布局


    四.图示式布局
      图示式布局的整体样式比较简单,是一种可视化的布局模式,在新闻、美食、旅行以及视频类App的二级菜单中经常会运用到。
      例如,在爱奇艺App中,就可以看到各种图示式布局,当用户切换不同页面时,图片的内容也会发生改变,而且这些图片本身的内容也在不断更新,如图2-9所示。


    图2-9 图示式布局


      需要注意的是,图示式布局中的图片由于经常需要进行更新,为了让用户更快地找到各种内容的入口,设计者需要对这些图片进行归类,并为其配置固定的栏目或者标题。
    五.幻灯片式布局
      幻灯片式布局常用于并列展示图片或者整块内容,用户可以向左或者向右滑动进行快速切换页面,一般不需要用户更多的点击操作,适合层级简单的应用,一个页面基本就能满足需求,如图2-10所示。


    图2-10 幻灯片式布局


    六.数据图表布局
      App里面采用图表布局,可以让App更具商务气质。几乎所有的App商业图表都符合这一构图原则,可以说是商业图表背后的布局指南。数据图表布局的优点和缺点分析如图2-11所示。


    图2-11 数据图表布局优点和缺点分析


      例如,支付宝App中的很多界面都是采用数据图表布局模式,尤其在记账本界面中,功能比较清晰,用户可以一眼看到消费时间、支出、收入、账本明细、类别报表、账户和信息,而且还具有简单的图表分析模式,如图2-12所示。


    图2-12 数据图表布局

    如果想获取企业宣传片报价可以咨询创视优品。

  • 本文章摘自书籍或来源于网络,如果您喜欢本文,请通过正规渠道购买正版书籍或者访问原网站,如有侵权,请联系我们及时删除。
  • 相关资讯

    您可能对下面的文章也感兴趣!

    我们的服务项目

    企业宣传片、三维动画、企业会议片、MG动画、短视频、产品广告

    Top