发表于: 2018-04-06 20:07:02
0 892
今天完成的事:
做网站banner图的调研。调研完再传
了解banner图
banner:可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。
Banner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。
我们理解的banner就是轮播图,它是在首页上展示信息的一种方式。
为了让用户不用滚动屏幕就能看到更多内容,设计师们利用轮播图来最大化信息密度,轮播图有多种形状和大小。
轮播图一般在首页的显眼位置,并占据不用滚动即可显示的页面上相当可观的面积。
同一地方会展示多页内容,一次只展现一个页面,每页中包含图片以及小段文字,
banner图中会有空心图标显示轮播图中不止一张图片
banner图的优点
让主屏最重要的位置可以显示多页内容。
页面顶部显示了更多的信息,用户有更大的可能性看到它们。
Banner图缺点
用户经常会忽略轮播图和里面内容,一般用户不会长时间注意页面顶部。
设计师认为轮播图是一组图片,但用户只会在在意他们看到的那一张图片。轮播图中的一组能精确展现产品和服务,但用户就看到一组中的一张,也许会误解产品。
设计好轮播图的方法
内容为主
轮播图的内容决定了轮播图质量的上限,无论交互多简单,不相关的内容都会带来不好的用户体验。
限制轮播图的页数
轮播图的滑页不能太多,因为用户不会去读更多的内容,对于数量的限制有助于用户的搜索内容
提供进度指示器
标示轮播图的页数,并指明用户目前在那一页,这能让用户感觉一切尽在掌控。
确保内容在手机上也清晰
轮播图中文字和图片越清晰,用户就越能理解宣传内容,当内容缩小到手机端后也要确保轮播图的内容清晰。
设计合适的导航控件
确保导航控件显示在轮播图之内,而不是在它下面或者折叠起来,这样不论大屏还是小屏都不会出问题。
明天的计划:继续调研banner
遇到的问题:暂无
收获:banner图的知识
评论