交互设计学习_3_移动产品模式设计之列表

交互设计学习_3_移动产品模式设计之列表_第1张图片
去掉页眉和页脚后,剩下的内容就是列表布局


交互设计学习_3_移动产品模式设计之列表_第2张图片
垂直列表是最常见的列表
 
交互设计学习_3_移动产品模式设计之列表_第3张图片
垂直列表中常见的几种样式
交互设计学习_3_移动产品模式设计之列表_第4张图片
交互设计学习_3_移动产品模式设计之列表_第5张图片
交互设计学习_3_移动产品模式设计之列表_第6张图片
交互设计学习_3_移动产品模式设计之列表_第7张图片
交互设计学习_3_移动产品模式设计之列表_第8张图片
网格列表更加富于情感


交互设计学习_3_移动产品模式设计之列表_第9张图片
交互设计学习_3_移动产品模式设计之列表_第10张图片
这3种列表用于主导航的情况如下
交互设计学习_3_移动产品模式设计之列表_第11张图片
交互设计学习_3_移动产品模式设计之列表_第12张图片
交互设计学习_3_移动产品模式设计之列表_第13张图片
使用垂直列表导航的话,不适合页面层级较深的情况
交互设计学习_3_移动产品模式设计之列表_第14张图片
使用轮播图导航的情况
交互设计学习_3_移动产品模式设计之列表_第15张图片
交互设计学习_3_移动产品模式设计之列表_第16张图片
交互设计学习_3_移动产品模式设计之列表_第17张图片
列表导航会有大部分页面是空余的
交互设计学习_3_移动产品模式设计之列表_第18张图片

你可能感兴趣的:(交互设计学习_3_移动产品模式设计之列表)