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

2016-11-10 分类：网站建设

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

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

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

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

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

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

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

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

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

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

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容