网站建设视觉元素设计
2011-09-08
网站建设视觉元素包括文字,图片,标签,表单,列表,多媒体等等,是网站外观设计的组成部分,服从睦网站的整体风格需要.一.让文字易辨识字体是帮助用户获得与网站的信息交互…网站视觉元素包括文字,图片,标签,表单,列表,多媒体等等,是网站外观设计的组成部分,服从睦网站的整体风格需要.
一. 让文字易辨识
字体是帮助用户获得与网站的信息交互的重要手段,因而文字的易读性和易辨性是设计网站页面时的重点.不同的字体会营造出不同的氛围,同时不同的字体大小和着色也对网站的内容起到强调或者提示的作用.
正确的文字和配色方案是好的视觉设计的基础。网站上的文字受屏幕分辨率和浏览器的限制，但是仍有通用的一些准则：文字必须清晰可读，大小合适，文字的颜色和背景色有较为强烈的对比度,文字周围的设计元素不能对文字造成干扰。尽可能少用游动文字、图形文字。
设计师注意点:
1. 避免字体过于黯淡导致阅读困难.
2. 字体色与背景色对比明显.
3. 字体着色不要太杂.
4. 有链接的字体要有所提示,好采用默认链接样式.
5. 标题和正文所用的文字大小有所区别.
6. 英文和数字选用与中文字体和谐的字体.
二. 让图片更合理.
页面上图片也是版式的重要组成，正确的运用图片，可以帮助用户对信息加深印象，引导用户的行为，与网站整体风格协调的图片，能帮助网站营造独特的品牌氛围，加深浏览者的印象。 网站中图片的主要作用大致有以下三种：banner 广告图片、产品展示图片、修饰性图片。图片运用不合理的情况通常有：图片尺寸过大、动态图片过多、应该使用文本的地方错用了图片。
以下是新竞争力关于这方面的总结:
1·出现的位置和尺寸合理，不对信息获取产生干扰，喧宾夺主
2·考虑浏览者的网速，图片文件不宜过大
3·有节制的使用 flash和动画图片
4·产品图片的 alt 标签加上产品名称
5·形象图片注重原创性
三. 让表单更易用
用户在填写网站表单的时候，无论是注册、发布信息/文章、信息反馈，都已到了顾客转化的关键环节，重要性不言而喻。表单涉及到较复杂的在线交互行为，与流程息息相关，当一个交互过程需要分成很多个步骤完成的时候，更重视对用户一步一步的引导，每一次点击都合理有效，接近并终达成任务目标.好的表单设计可以提升用户体验，但不少网站的表单设计都或多或少存在一些问题，排除内容部分的因素，就设计上而言，表单设计容易犯的几点错误包括以下几点：
1-过于冗长的表单和繁多的填写项
2-不知所以的单选框和复选框
3-填写出错后才出现说明和帮助
4-提交按钮不易发现
下面是由新竞争力针对表单的易用性提供的总结:
1控制输入框的大小,恰当对齐,使之符合内容版式的需要.
2.根据表单元素的相关性进行合理分组和排序.
3.有下拉选择区域的下拉列表,将初始状态默认为全部区域.
4.下增列表过长时,可横向排列.
5.对填写内容提供必要的帮助提示.
6. 避免一页表彰必填项过多,通过分页或收缩方式实现分步式表单形式.
7. 提交按钮醒目,位置符合习惯.
四.让按钮更易点击
按钮是网站界面中伴随着用户的点击行为的特殊图片,由于按钮点击行为是将用户引向顾客转化的重要步骤,因此按钮在设计上有较高的要求.
按钮设计的基本要求是要达到”点击暗示”效果
设计师可以通过以下几点来设计按钮,让它更易被点击.
1. 按钮有浮起的感觉.
2. 按钮文字提示明确,如果没有文字,确信所使用的图形按钮是约定俗成,容易为用户理解的图片.
3. 对顾客转化起重要作用的按钮用色突出一点,尺寸大一点.
4. 可点击范围够大,包括整个按钮
