发表于: 2019-04-09 23:33:53

1 566


今天完成的事情:1.完成Web轮播图和列表数据的用户Story;

                           2,完成需求功能表;

                          3.完成草船云轮播图初稿;

明天计划的事情:开始调研网站滚动模块。

遇到的困难:时间少呀,回来都十点了.....

收获:一、什么叫轮播图

指任何投放于线上(PC端、移动端)的各种尺寸和形状的广告图,有静态和动态之分,总之现在你在网页上所看到的各种形状尺寸的图片基本都属于 Banner ,而且基本都是可点击的。
作用:吸引用户-用户点击-转换价值
构成:文案、商品图、背景、logo
作为产品,当设计banner图时,应该考虑:这个网站干什么的?用户打开我们网站最想知道什么?我们最想让用户知道什么?问完自己,再将信息优先级排序;
banner图显示的信息,应该是网站想传达给用户的信息中优先级别最高的,最能触动用户的内容,或者网站最能盈利的内容;
自动切换轮播图是好是坏?当用户没有预览完自己所看的页面,就被强行切换至下一页面,会不会让用户恼怒产生不可控感?
成功的轮播图:
1、信息传达准确——定位准确、图文一致
2、合理选用特效——不要显得很low
3、突出重点——有清晰度视觉层次,内容不要太多抓住重点
4、构图排布合理
如何设计:
1、使用统一字体和排版方式,让banner图看起来是站点一部分;

2、慎用自动切换——自动切换的轮播图可能会惹恼用户并更容易被他们忽略;让你的图片默认静止在最新或者最重要的内容上,给出可以切换的操作预期,由用户自主触发切换操作时才进行切换;

二、列表内容展示

分为列表数据和网格展示,最经典的例子就是修真院的日报列表以及淘宝页面了。

列表数据:相比于网格视图,列表视图能够展示更多的信息,是一种比较自然的阅读模式,且可以免去用户因频繁翻页面造成的疲惫,缺点是

                  视觉表现力不强,会逐渐失去用户注意力。

网格展示:视觉冲击强,能够抓住用户眼球,缺点是对页面空间占用率高,展示内容不多,需要用户频繁滚动页面,使用户疲惫。




返回列表 返回列表
评论

    分享到