发表于: 2018-04-06 20:07:02

0 892


今天完成的事:

   做网站banner图的调研。调研完再传

   了解banner图

     banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。

                          Banner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。

     我们理解的banner就是轮播图,它是在首页上展示信息的一种方式。

                         为了让用户不用滚动屏幕就能看到更多内容,设计师们利用轮播图来最大化信息密度,轮播图有多种形状和大小。

                           轮播图一般在首页的显眼位置,并占据不用滚动即可显示的页面上相当可观的面积。

                           同一地方会展示多页内容,一次只展现一个页面,每页中包含图片以及小段文字,

                           banner图中会有空心图标显示轮播图中不止一张图片

         

banner图的优点

    让主屏最重要的位置可以显示多页内容。

    页面顶部显示了更多的信息,用户有更大的可能性看到它们。

Banner图缺点

           用户经常会忽略轮播图和里面内容,一般用户不会长时间注意页面顶部。

           设计师认为轮播图是一组图片,但用户只会在在意他们看到的那一张图片。轮播图中的一组能精确展现产品和服务,但用户就看到一组中的一张,也许会误解产品。

设计好轮播图的方法

          内容为主

         轮播图的内容决定了轮播图质量的上限,无论交互多简单,不相关的内容都会带来不好的用户体验。

 限制轮播图的页数

         轮播图的滑页不能太多,因为用户不会去读更多的内容,对于数量的限制有助于用户的搜索内容

提供进度指示器

    标示轮播图的页数,并指明用户目前在那一页,这能让用户感觉一切尽在掌控

确保内容在手机上也清晰

 轮播图中文字和图片越清晰,用户就越能理解宣传内容,当内容缩小到手机端后也要确保轮播图的内容清晰。

设计合适的导航控件

 确保导航控件显示在轮播图之内,而不是在它下面或者折叠起来,这样不论大屏还是小屏都不会出问题。


明天的计划:继续调研banner

遇到的问题:暂无

收获:banner图的知识



返回列表 返回列表
评论

    分享到