发表于: 2021-02-01 20:24:17
1 701
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
1,banner轮播图PPT调研的整理
调研总结:
1.1经过调研,不难发现,在每一个产品中,banner轮播图都是必不可少的部分,在不同的产品中,banner轮播图的类别也不一样,单张切换式、多张切换,功能类样式、特殊排版一致类布局、复合拓展类
1.1.1,单张切换又可以分为:满屏铺满、屏宽撑满样式、未撑满样式
1.1.2,多张切换样式可分为:右侧自动滑动类样式、堆叠类样式
1.1.3,功能类样式可分为:点击展开播放类、信息归纳切换类、功能附加类
1.1.4,特殊排版一致类布局一般分图文错开类样式、图文关联类、文本一致类。
1.1.5,复合拓展类一般分为:纵向层叠列表样式、沉浸式Banner+功能类样式、Banner视频与图片叠加类样式
1.2.1,单张切换式如淘宝采取的就是单张铺满屏幕的方式,一般来说单张铺满屏幕的样式多用于首页banner的展示。
1.2.2多张切换样式中的右侧滑动样式在产品中应用居多,如豆果美食,
1.2.3功能类样式样式一般应用于视频音频类产品,如腾讯视频、爱奇艺视频
1.2.4特殊排版一致类布局一般多使用图+文字的方式进行展示,如新浪微博等
banner的作用在不同的类型的产品下所产生的作用也是不一样的,如在淘宝与京东的设计中,banner的作用的是向用户展示部分商品信息,根据用户最近的搜索类型进行准确推送,达到让用户快速购买的目的,增加转化率;而在一些资讯类网站中,banner一般都会采取图文结合的方式向用户展示,图片向用户所传递的信息和文字是息息相关的,同时可以根据相关热点与用户喜欢浏览的类型就行准确推送,增加用户点击率。
2,草船云banner设计方案:
1.1,草船云作为一个为创业者提供创业服务以及技术支持和人才推荐的综合型网站,所采用的banner设计应该是多张切换+图文结合的样式,这样做的目的是,第一,图文结合的方式更好的向用户展示相关的创业、技术信息,图文结合也能很好的抓住用户的眼球,可以将重点信息向用户进行展示,第二:多张切换,可以将有用的信息通过轮播图的方式去向用户进行展示,轮播图的自动切换时间设定为5秒,5秒可以让用户完整地了解完一页banner的内容,不会造成用户在看的途中就出现切换的情况,避免给用户来带不好的体验。
2,更改了banner原型部分。
关于banner后台管理的存为草稿功能思考:为什么会在banner的新建页面添加一个存为草稿的功能。
添加完需要展示的banner页面后,存为草稿后banner不会马上在页面进行展示,管理者需管理者需要去点击上架,才会进行展示,这样设计的目的是,避免在banner创建的过程中,出现错误,导致创建后直接上架,显示在前端,给用户带来不好的影响,或者给公司带来不可挽回的损失,为了避免这种情况的发生,所以,存在草稿功能是必须的。
明天计划的事情:(一定要写非常细致的内容)
完成任务五的调研整理。
遇到的问题:(遇到什么困难,怎么解决的)
暂无
收获:(通过今天的学习,学到了什么知识)
在调研的过程中,发现所有的产品都会有轮播图模块的存在,轮播图的内容展示与产品的内容是息息相关的,不过对于不同类型的网站来说,轮播图所采用的样式是不一样的,每一个网站或者app应该根据网站的定位,来决定banner的设计样式。
评论