资源预览内容
第1页 / 共10页
第2页 / 共10页
第3页 / 共10页
第4页 / 共10页
第5页 / 共10页
第6页 / 共10页
第7页 / 共10页
第8页 / 共10页
第9页 / 共10页
第10页 / 共10页
亲,该文档总共10页全部预览完了,如果喜欢就下载吧!
资源描述
Internet网页界面设计访问者通常是在非常随意的状态下快速浏览网站的。他们急于获取真实的、实用的,并且是有价值的信息。那么,你能承诺满足他们这点吗?如果他们不能及时地获取所需信息,那么,他们将离开你的网站。这意味着,你的网站已经失去了卖点。以下从几个方面来了解一下,在开发网站时需要注意的几个主要问题:一、精简的文本描述人们总是花极少的时间来阅读大部分的页面,通常只是匆匆浏览一下网页,然后从中选择感兴趣的栏目或文字。理由:1. 用户总是忙碌的,他们没有时间阅读那些不必要的内容。 2. 用户知道自己不需要读取所有的内容,通常他们只是要寻找自己感兴趣的内容。 3. 报纸、书籍、期刊的阅读经验教会用户如何快速定位感兴趣的内容。你所写的文章必须围绕一个主题,这可以方便访问者快速获取主旨信息和中心思想。举个例子来说,看看下面这段文章: “在今天的市场中,许多人趋向于投放铺天盖地的广告,他们声情并茂的吹嘘道:他们的大多数网站将会给访问者带来商业收益。这导致访问者产生了“网站语言恐惧症”,他们将毫不犹豫地点击返回按钮甚至立马离开该站点。”我们可不可以把上面这段文章的陈述方式改一改呢: “今天,越来越多的访问者都对铺天盖地的市场广告感到恐惧,因此,直接导致的结果是:他们将彻底告别这个站点。”二、网页内容要醒目网络用户一般不会在线精读文本内容。他们通常是快速浏览。因此,应该尽量使用醒目、有层次感的文本。举个例子来说,可以通过超链接的形式将重要的信息从页面中分离出来,这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。看下面的文章: “你将学会如何建站,如何设计网页以加快它的下载速度,如何选取恰当的颜色,如何改进网站的导航系统从而方便用户访问。”看看能不能把上面的文章换个写法,具体如下:你将学会下面的知识:如何建站如何设计网页以加快它的下载速度如何选取恰当的颜色如何改进网站的导航系统从而方便用户访问给整个页面的信息分出层次,以帮助阅读者在简单地浏览页面之后快速地获取所需信息。三、网络广告网络用户最反感的就是长篇大论的网络广告(文本类),他们会以“溜之大吉”的态度对抗它。 *如果非要有广告,那也要为广告设置一个“关闭”的地方,让用户能控制广告的“显示”与“关闭”。四、网页上主要字体和颜色不应该超过三种它的主要字体和颜色搭配不应该超过三种,可以分为:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。看看下面两个例子:还有这位,光是首页它已经大量使用至少五种字体,也许设计者觉得字体库里字体那么多,不用很浪费。五、图片中文字的统一也许我们会比较注意网页中文本文字的统一性,但是却经常忽略页面的图片中文字的统一性。看看下面的例子,同样是销售折扣商品,当当的商品图片里价格标注在不同位置,这实在是很容易扰乱视觉效果,降低信息传达的效率。而亚马逊的则把所有商品折扣标注在统一位置,只用背景色变化来区分折扣高低。把每一个差异化设计都用在有需要的地方。六、网页界面布局 网站中方块在现实生活中,信息的呈现很多都是以方块式存在:报纸、书,单个字成点,一行字成线,一段字成面,而这个面当然是以方形呈现的效率最高。网站的视觉设计大部分其实都是在拼方块。网站中的方块能很好地引导用户的视觉路径,用户可以通过区块来分辨这个区域的信息是否是自己需要的,从而可以迅速缩小范围细致寻找或者浏览下一个区块,比如yahoo的首页,从大块上来看,用户很容易分辨出4个大区块,每个区块里面又有小的区块。1. 方块感越强越能给用户方向感。 2. 方块越少越好。 3. 尽量用留白做视觉区分。 对齐和间距视觉设计最简单,也是最容易忽略的就是对齐。间距的一般规律:字距小于行距,行距小于段距,段距小于块距。检查的方法可以尝试将网站的背景图案、线条全部去掉,看是否还能保持想要的区块感。*“细节决定成败!”七、 基本的页面设计元素布局比例1、标志图案:位置统计结果左上角84%右上角6%上方居中6%其他位置4%新浪网易腾讯 2、搜索功能:位置统计结果右上角35%左上角30%上方居中14%中间居中12%其他位置12%新浪:上方居中网易:上方居中腾讯:上方居中华军软件园:左上角 等等。
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号