视觉传达设计在网站设计中应用.docVIP

视觉传达设计在网站设计中应用 　　摘 要 艺术性提升价值、增强功能，并帮助用户在愉悦的视觉、听觉环境中完成目标。而可用性的任务是确保产品满足目标用户群体的需求和目标，同时，产品对于这个群体来说易于使用。因此，网站设计中有很多需要注意的地方，从视觉传达设计的角度分析了网页艺术性与可用性相辅相成的关系，并在此基础上进一步探讨如何在网页设计的流程中（主要是确定网站目标、了解目标用户、确定网站风格、网界面的布局与结构）使受众在浏览网页中收益得到最大。 　　关键词 网站设计 视觉传达设计 艺术性 　　中图分类号：TP309 文献标识码：A 　　1绪论 　　当今，新媒体的发展已经越来越多的代替了传统媒体的作用，网络现在已是传播信息快速范围广的一种信息发布方式，越来越多类型的网站开始在互联网上活跃起来，当我们在研究网站设计之前，我们应该首先了解，网络置于新媒体中，它所能体现出的特点和优势。 　　1.1研究目的及意义 　　因特网为全世界信息的沟通提供了前所未有的便利渠道，影响了人们的生活方式。世界上的网站不计其数，而且差异很大。《2001年汉城工业设计家宣言》指出工业设计应当将“为什么”的重要性置于“怎么样”这一早熟问题的结论性回答之前。这句话指出了工业设计的本质核心：必须把研究“为什么”如此设计一个产品放在“怎么样”设计一个产品之前，体现出工业设计强烈的人文色彩。因为这样才能找到本源。网站其实是一种非物质的数字化产品，但是不管是物质还是非物质的展品，其本质的目的都是一样的――服务于人类。因此我们的设计无时无刻都应该从人的角度出发，以人为核心，全面考虑人的精神和物质需求。一个优秀的网站应该是人性化的。它是带给人愉悦的，具有吸引力的，艺术性的；同时具有良好的可用性的，有效的，易于使用的，使人满意的。 　　1.2国内外现状分析 　　对比很多国内外网站设计，在界面设计视觉传达这一块是有很大差距的。在国内很多网站，网站信息量大，杂乱没有整理和过滤，网页界面的结构也比较混乱，而且排版缺乏艺术性，没有创意。但是国外的网站，更注重传递信息的易操作性，有整合和分类，界面结构简单易操作，有趣且交互性强。 　　2网页设计中各构成要素 　　2.1版式设计 　　网站的版式设计是具有相当的可变性和运动感。为适应这种变化，网页的版式设计规律也必然出现与传统平面设计有所不同的新的特征，将版式设计的普遍规律与网页的特殊性结合起来，是掌握网页版式设计的关键。 　　2.2导航设计 　　如果说网页的版式设计侧重于单个页面的组织构成，类似于平面的设计，那么网页的导航设计的重点则在于多个页面的整合，是一种空间的设计，也是一种技术的设计。 　　2.3文字的编排与设计 　　文字作为信息传达的主要手段，目前也是网页设计的主体。文字是网页中不可少的元素，也是网页中的主要信息描述要素，文字表现的好与坏将影响到整个网页的质量。因此，网页文字要能给人以清晰的视觉印象，避免页面繁杂凌乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。 　　2.4图片的编排与设计 　　图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简洁省力的办法就是使用图片。对于一条信息来说，图片对受众的吸引也远远超过单纯的文字。 　　2.5色彩的设计 　　网页设计既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩产生的强烈的视觉效果，使页面更加生动。浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。 　　3网站设计中的视觉传达应用方法 　　3.1网页的页面布局 　　3.1.1合理布局页面的造型元素 　　在网页界面中，构成版面空间的基本造型元素，有点、线、面及空白。页面布局的设计过程就是在版面空间中组织好这些点、线、面、空白，使其传达出特定的美感。当点、线、面这些实体处于版面的不同位置时，产生的视觉效果和心理作用是不同的，一般来说，居版面几何中心时，有庄重感或平衡感。 　　3.1.2页面的空白 　　网页界面中除了点、线、面这些实体造型元素，其余的空间就是“空白”，其形式、大小、比例决定了版式设计的质量和信息传达的能力。在安排图形图像、文字的位置和进行大小变化以及斟酌图形图像、文字之间的呼应关系时，应该考虑空白的位置和大小。页面中巧妙地留白，有助于更好地烘托主题、渲染气氛、集中视线、加强空间层次，使版面疏密有序、布局清晰。但这并不是说，空白越多、图文越少越好，页面空白量的多少，需根据网页的内容和整体风格而定。 　　3.1.3页面的内容 　　合理地进行