美文网首页
交互设计中的列表

交互设计中的列表

作者: 未_wiwi | 来源:发表于2020-08-07 09:17 被阅读0次

    垂直列表:

    用户阅读习惯从左往右,从上往下,所以基本都是左对齐

    列表导航

    做好条目详细程度以及条目数量的平衡(看用户的关注点:通讯录/外卖订单)

    三种形态:

                                           

    特殊形态:时间轴形式、对话框形式(应用场景和时间顺序有关时可以使用)


    横向维度:

    (横向罗列,信息藏到页面外)

    轮播面板

    大图展示型、小图展示型


    兼顾横向和纵向:

    网格列表

    (展示图片为主,集中展示大量图片时很适合使用)

    相比较垂直列表显示文字比较清晰干净,网格列表更加富有情感化,会让界面更有感染力

    瀑布流:

    显得比较随意(小红书那种)

    网格列表的变种


    对比总结:

    垂直列表:

    冷静、清晰(帮助用户快速定位)--最重要的功能放屏幕最上方

    适合作为二级或多级导航,(在功能层级较浅、功能间切换不频繁的app中,如邮箱也可以作为一级导航)

    轮播面板:隐藏内容,充分利用空间

    体验感强,适合功能选项较少,又或者时浏览体验式的产品

    网格列表:显示大量图片,提升界面魅力

    功能扁平化,能充分利用界面,适合作为二级导航,在有限空间内罗列大量功能

    宫格式导航:更加扁平化,充分利用整个界面,可以放置多个功能,常见于app内,但app内多用于二级导航

    相关文章

      网友评论

          本文标题:交互设计中的列表

          本文链接:https://www.haomeiwen.com/subject/qsvjrktx.html