第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

APP导航设计模式与信息布局设计模式(3)

时间:2017-08-17 15:17来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
卡片布局也是一种常见的布局,每个卡片信息承载量大,转化率高;每张卡片的操作互相独立,互不干扰。适合以图片、视频为主单一内容浏览型的展示,

  卡片布局也是一种常见的布局,每个卡片信息承载量大,转化率高;每张卡片的操作互相独立,互不干扰。适合以图片、视频为主单一内容浏览型的展示,现在也是信息展示的主流方式。

  

APP导航设计模式与信息布局设计模式

  标签布局

  标签是一个子类,主要用作填写信息信息的标注、还有搜索的时候热门关键词的布局。

  

APP导航设计模式与信息布局设计模式

  

APP导航设计模式与信息布局设计模式

  瀑布流布局

  瀑布流图片展现具有吸引力;瀑布流里的加载模式能获得更多的内容,容易沉浸其中;瀑布流错落有致的设计巧妙利用视觉层级,同时视线任意流动缓解视觉疲劳。适用于实时内容频繁更新的情况。

  

APP导航设计模式与信息布局设计模式

  手风琴布局

  两级结构可承载较多信息,同时保持界面简洁;减少界面跳转,提高操作效率高;对分类有整体的了解,入口清晰。适用于两级结构的内容,并且二级结构可以隐藏。但如果内容过多的时候,列表之间的跳转会比较麻烦。

  

APP导航设计模式与信息布局设计模式

  多面板布局

  多面板可以说是手风琴布局的改良,具有手风琴布局的优点,同时克服了手风琴布局跳转麻烦的缺点,适合分类多并且内容需要同时展示。

  

APP导航设计模式与信息布局设计模式

  旋转木马式布局

  一个单元占据一个页面位置,重点展示一个内容,通过左右滑动查看更多。单页面内容整体性强,聚焦度高;线性的浏览方式有顺畅感、方向感。适合数量少,聚焦度高,视觉冲击力强的图片展示。

  

APP导航设计模式与信息布局设计模式

  总结

  以上便是市面上主要的APP页面信息的布局模式。如有不妥,还望指正。

  最后,APP采用的设计没有最好的,只有最适合的,根据自己产品的信息结构选择最适合的布局方式,就是最好的设计。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕