奉行卓越设计
打造国际品质

新闻中心 Case真实、正向、传递价值

当前位置:主页 > 新闻资讯 > 网站建设 >

细说APP中列表的UI设计模式有哪些小窍门

日期:2018-07-12 / 点击:

  说道列表,我们习惯的想到的是一套经典的交互设计框架,那就是首页>列表页>详情页。这个框架符合大部分的用户使用习惯,也是大部分人平时处理信息的基本模式。

  那么我们现在要说的是这个列表具体的表现形式。

  1、垂直式列表:这种形式的列表是最基本的形式,不论是APP 还是网站,我们都可以经常看到这种方式的布局。这种形式的列表非常容易理解,也非常容易找到自己的目标。

  国内用户的浏览习惯大部分是从左到右,从上至下。所以垂直的列表我们都会用左对齐的方式展现。

  垂直列表需要注意的是没屏幕的挑数关系,每一屏幕显示多少条,要展示多少内容,都是值得思考的问题。

  垂直式列表一般有三种展示模式,有标准模式,图文模式以及控制模式。

  

  2、横向式列表:横向的列表一般就是我们常说的轮播,滚动图,走马灯。它是APP里面最常见的一种列表表达方式。一个横向式列表只在一个位置展示着很多的内容,经常被作为广告位来使用。

  一个横向列表的数量不能太多。五六个以内就可以了。

  3、网格列表:除了横向和纵向的意外,还有一种网格式的列表坚固了这两种形式。一般我们用这种列表来展现图片,搭配一下简单文字。

  如果要展示大量的图片,那么用网格式的列表最合适不过了。

  总结:列表这东西有着“分流+导航”的作用,是APP及网站中很重要的一个环节。所以,以上几种形式甚至可以说是导航的几种形式。