交互设计中的列表
2020-08-07 本文已影响0人
未_wiwi
垂直列表：
用户阅读习惯从左往右，从上往下，所以基本都是左对齐
列表导航
做好条目详细程度以及条目数量的平衡（看用户的关注点：通讯录/外卖订单）
三种形态：
特殊形态：时间轴形式、对话框形式（应用场景和时间顺序有关时可以使用）
横向维度：
（横向罗列，信息藏到页面外）
轮播面板：
大图展示型、小图展示型
兼顾横向和纵向：
网格列表
（展示图片为主，集中展示大量图片时很适合使用）
相比较垂直列表显示文字比较清晰干净，网格列表更加富有情感化，会让界面更有感染力
瀑布流：
显得比较随意（小红书那种）
网格列表的变种
对比总结：
垂直列表：
冷静、清晰（帮助用户快速定位）--最重要的功能放屏幕最上方
适合作为二级或多级导航，（在功能层级较浅、功能间切换不频繁的app中，如邮箱也可以作为一级导航）
轮播面板：隐藏内容，充分利用空间
体验感强，适合功能选项较少，又或者时浏览体验式的产品
网格列表：显示大量图片，提升界面魅力
功能扁平化，能充分利用界面，适合作为二级导航，在有限空间内罗列大量功能
宫格式导航：更加扁平化，充分利用整个界面，可以放置多个功能，常见于app内，但app内多用于二级导航
