WEB视觉设计 WEB视觉设计 1.4网页视觉设计基础要素.ppt

课程教师：余灿灿 数字创意与动画学院 1.4网页视觉设计 基础要素 一、网站知识初探 网页视觉设计基础要素 从视觉设计的角度划分： 标志 导航 图像 文字 WEB 视觉设计 基础要素 网页视觉设计基础要素 网站的标志一指LOGO,其次就是标题,其作用是使用户看见就能联想到产品,是VI的重要组成部分。通常标志安排在醒目的位置,使用较大的字体,在版面中作点或线的编排。 标志 导航 图像 文字 网页视觉设计基础要素 导航是构成网页的要元素之一，是网站频道口的集合区域，相当于网站的菜单，方便测览者轻松到网站中的各个页面，可以让浏览者在短时间内了解网页中的内容。 根据功能不同，通常由两种常见形式： 网站导航及栏目导航 网页视觉设计基础要素 标志 导航 图像 文字 网页视觉设计基础要素 标志 导航 图像 文字 网页视觉设计基础要素 标志 导航 图像 文字 人脑对视觉影像的处理速度比文字快60000倍。 在网页中，图片往往比文字更能吸引用户,浏览网页时,用户看到文字后经历这样的过程:阅读浏览、将文字内容化、情景化景。经过这几个处理阶段,用户才能青楚这段文字想要描述或表达什么、而可视化的信息(照片、图片、图形等)可以让人迅速理解，不需要“翻译”阶段 视觉影像在短时间内的重大影响力決定了图像是网页视觉设计的一个重要手段。 网页视觉设计基础要素 网页中的文字也是需要编排设计的，总体原则包括：一要提高文字的辦识性，二要优化页面的易读性美观性。 文字属性包括字体、字号、颜色、行距、字距等等，除此之外边距、段落排版等文字相关属性也需要注意。 根据文字在页面中用途不同分别使用不同属性值。例如:标题、导航、正文、表单等。 网页视觉设计基础要素 标志 导航 图像 文字 网页视觉设计基础要素 小结： 网页视觉设计基础要素 标志 导航 图像 文字 THANK YOU！ 感谢支持，请提宝贵意见。 * * * *