浅析中国电信网页制作中的视觉传达设计分析研究 计算机专业

1、浅析中国电信网页制作中的视觉传达设计Visual communication design in the production of China Telecom Webpage 任务书1.课题名称：浅析中国电信网页制作中的视觉传达设计2.课题的意义:视觉传达设计主要就是通过用视觉来向人们传达各种信息，所以构成视觉传达设计的主要要素就是文字、插图以及标志，视觉传达设计把设计者想要表达的东西通过这些要素传递给每一个接受到这个信息的接受者，它的主要功能就是起到传播的作用，本文以网站为例，试图进一步探寻这种传播作用，为更多的网站建设服务。3.本课题的研究内容：视觉传达设计艺术在网页上的应用，使其与传统

2、的平面设计相比有了很大区别，视觉传达设计艺术的变化和进步，也推动了网页设计的发展。文章主要论述网页制作中的视觉传达设计，首先论述了视觉传达设计基础，在此基础上论述了网页视觉传达设计内容分析和实践分析，未来网页的视觉传达设计艺术还会继续克技术条件的限制，为设计者提供自由驰骋的新天地。4.研究方法：文章主要用到以下几种研究方法。理论研究法，即本文在对既有理论进行分析的基础上，指导本文研究，并作为本文研究的理论基础，为接下来的实验和实践阶段做好准备，进而促进实践阶段的顺利开展。文献研究法，根据本课题的研究目的，在大量收集文献的基础上，对文献进行分析、归纳和整理，进而在文献中找到自己研究的相关类似内容

3、，并依此为参照，构建文章的结构。实地调研法，文章选择中国电信网页作为实例，在进行正文写作前，对该网站进行了充分的考察和分析。5.研究手段：首先，笔者对网站视觉传达设计的研究有着浓厚的兴趣，在这之前，一对我国在这方面所面临的问题进行过大量的关注和研究，对当前网站设计中存在的不足的改进有着十分强烈的愿望，其次，笔者通过学校图书馆以及官方权威网站收集了国内外相关研究资料，收集了大量相关的专著论文，这些都为笔者进行研究提供了重要的材料依据，第三，指导老师的精心的指导将会有助于本课题的顺利进行。6.研究步骤：第一步，撰写草案并提交指导教师，请指导教师填写修改意见，第二步，撰写初稿并提交指导教师，请指导教

4、师填写修改意见，第三步，撰写论文修正稿并提交指导教师，请指导教师填写修改意见，第四步，提交规范的毕业论文并撰写论文答辩申请书。7.参考文献资料：1 李翠轻. 网页设计中信息传递和视觉传达的统一J. 艺术教育. 2009(01) 2 杜晓哲. 视觉传达在网页设计中的应用原则J. 艺术与设计(理论). 2011(09) 3 吴乃群,史耀军. 网页界面设计中视觉传达的解读J. 艺术研究. 2012(03) 4 王建才. 网页设计的视觉传达J. 楚雄师范学院学报. 2009 (10) 5 胡蓓. 网页设计中的视觉传达J. 电脑知识与技术. 2012 (36) 6 戎喜平. 谈网页界面中视觉传达设计的引

5、导性J. 技术与市场. 2009 (12) 审 批 人 任务下达日期 2014年7月1日 全部完成日期 2014年10月10日 摘 要视觉传达设计艺术在网页上的应用，使其与传统的平面设计相比有了很大区别，视觉传达设计艺术的变化和进步，也推动了网页设计的发展。本文主要论述网页制作中的视觉传达设计，首先论述了视觉传达设计基础，在此基础上论述了网页视觉传达设计内容分析和实践分析，未来网页的视觉传达设计艺术还会继续克技术条件的限制，为设计者提供自由驰骋的新天地。关键词：网页制作；实践传达；设计Abstract Application of design art in Webpage on visual

6、 communication, and the traditional plane design is a big difference, visual communication design changes and progress, but also promote the development Webpage design. Visual communication design in this paper Webpage production, first discusses the visual communication design basis, in this paper

7、based on the analysis of Webpage visual communication design content analysis and practice, the future Webpage visual communication design art will continue to G technology conditions, with a free and new world for designers.Keywords：Webpage production practice communication; design目 录 TOC o 1-3 h z

8、 u HYPERLINK l _Toc395102844 一. 绪论 PAGEREF _Toc395102844 h 2 HYPERLINK l _Toc395102845 二 视觉传达设计基础 PAGEREF _Toc395102845 h 2 HYPERLINK l _Toc395102846 三 网页视觉传达设计内容分析 PAGEREF _Toc395102846 h 2 HYPERLINK l _Toc395102847 （一）视觉分析 PAGEREF _Toc395102847 h 3 HYPERLINK l _Toc395102848 （二）图形、页面设计 PAGEREF _Toc

9、395102848 h 3 HYPERLINK l _Toc395102849 （三）交互设计 PAGEREF _Toc395102849 h 3 HYPERLINK l _Toc395102850 四 网页视觉传达设计实践分析 PAGEREF _Toc395102850 h 3 HYPERLINK l _Toc395102851 （一）版面布局 PAGEREF _Toc395102851 h 4 HYPERLINK l _Toc395102852 （二）整体视觉形象和风格 PAGEREF _Toc395102852 h 4 HYPERLINK l _Toc395102853 （三）视觉流程

10、PAGEREF _Toc395102853 h 4 HYPERLINK l _Toc395102854 （四）色彩搭配 PAGEREF _Toc395102854 h 4 HYPERLINK l _Toc395102855 四、结语 PAGEREF _Toc395102855 h 4 HYPERLINK l _Toc395102856 参考文献 PAGEREF _Toc395102856 h 6 HYPERLINK l _Toc395102857 致 谢 PAGEREF _Toc395102857 h 7 HYPERLINK l _Toc395102858 附录 PAGEREF _Toc395

11、102858 h 8一. 绪论自个人计算机和互联网出现以来，数字化产品占据了我们生活的各个方面，互联网代表着一种崭新的信息传播方式，使信息传达的范围、速度与效率都产生了质的飞跃。而视觉传达设计作为一种借助视觉符号来传达信息的设计，是应用性传播与艺术的结合，早期形式如绘画、雕塑、建筑和工艺设计等均可纳入，随着科技的发展，现在又有更多新的形式，互联网的出现和普及对视觉传达设计产生了深刻影响。但就其本质而言，它总是以图形和形象为手段，为某种意图而传达出具有特定含义的可视图像。无论社会如何发展，视觉艺术始终以其独特的可视性语言追求自身审美价值的实现，并争取与社会、大众心灵的沟通融合并力图超越国家和民族

12、的界限。二 视觉传达设计基础根据心理学测定的结果，进入人类大脑的信息约有85%来自眼睛，自久远的原始艺术开始，视觉艺术就一直占据着艺术的主流。人类的眼睛不仅有辨别明暗的明暗视和识别移动物体的运动视，还有辨别色彩的色彩视和识别形状的形态视。这些都是动物所无可比拟的。就知觉而论，它不仅仅限于眼睛对外部世界的录制，感知活动永远不是单独进行的，它只不过是无数同类活动支流中最近的一种。同样，现在产生的经验也会被储存起来，与过去产生的经验混合在一起，人类还有另外一双眼睛，那就是心灵的眼睛，从艺术的角度来看，心灵的眼睛具有一种审视艺术对象背后的普遍性本质的能力，这种能力为人类心灵所独有。视觉传达和所有信息传

13、达一样，都是以符号为载体进行的，其信息载体是视觉符号，并引起人与人之间信息交流的具体形状和姿态。在视觉传达设计领域里，视觉过程是视觉符号接收与信息解读的过程。在这一过程中，设计师创造的是经过组织的视觉符号，受众通过接触这些视觉符号获取相应的信息，其基本要素包括文字、标志、图像、色彩等。在网络环境下，视觉传达设计是蕴含特定意义的信息库，主要应用类型及发布形式包括图片、多媒体文件和flash文件等，多媒体是信息数字化进程中的一个专用概念，而flash文件进一步突破了HTML语言功能局限和编程障碍，它可以将音乐，声效，动画以及富有新意的界面融合在一起，制作出高品质的网页动态效果。与位图图形不同的是，

14、矢量图形可以任意缩放尺寸而不影响图形的质量，从而缓解了网页浏览者焦急等待的情绪。另外，flash是通过使用关键帧和图符使得所生成的动画（.swf)文件非常小，下载迅速。三 网页视觉传达设计内容分析一组完整的网页视觉传达设计，需要考虑到视觉、结构、页面、交互、导航等诸多方面，进行网页视觉传达设计，不仅要具备过硬的美术设计基本功，更要了解受众心理，熟悉网络环境特点。（一）视觉分析网页的视觉信息都是呈现在显示屏上的，人在注视显示器屏幕时，实现基本上垂直于平面，眼睛与屏幕的距离通常在0.5m-1.0m，人的视线会首先落在屏幕中心，因此在观看显示内容时，视线会向四周移动。通常人们习惯性地从左到右，从上倒

15、下进行浏览。当某一部分的视觉剌激明显区别于周围时，信息接受者的注意力首先被这一部分所吸引。最容易吸引读者目光的“视觉震撼”首推页面上的图片，因为图片可以轻易引导读者顺着页面流程从一个目标焦点转向另一个目标焦点。而不含信息价值的图像若大量出现，反而造成分散读者注意力的反效果，因为其抑制了读者对信息的接收。一些剌激性的物理特性常常影响视知觉，显示器实际上是处于不停地闪动、刷新过程中的，人眼长时间注视显示屏，会引起视觉疲劳。另外，值得注意的是，互补色的组合在某些显示器上看起来有颤动感并会加强闪烁效果。（二）图形、页面设计网页视觉传达设计是视觉传达设计在新的媒介和新的技术手段支持下实现的新的设计创作领

16、域，是传统的视觉传达设计的延伸。网页设计中，我们可以从传统的设计形式中找到他们的影子。所以我们必须清楚的认识到，网页的视觉传达设计受基本的设计理论所指导，应遵循传统的美学规律。而从动态影象来看，又可以看到影视作品的处理方法。在单纯从一个静态的页面来看，好的设计就是一幅好的版式和平面设计作品。（三）交互设计所谓的交互设计指的是传播者与接受者双方具有控制能力，传播者与接受者的角色是可以互相交换的，可以实时参与和修改媒介环境的形式与内容，以满足彼此不同的传播需求，而且彼此之间传送的信息必须是互相对应。许多交互设计的理念都源自于人体工程学，符号学，人工智能，认知科学及戏剧艺术的精神。交互设计指人与机器

17、，人与信息，或者人与人的互动，最早使用在展览业界及点子游戏的设计中。四 网页视觉传达设计实践分析中国电信是中国规模较大的移动通讯公司，下面以中国电信网站的视觉艺术表现来做实例分析。下面，我就如下几个方面简要分析一下中国电信网站的视觉艺术效果。（一）版面布局中国电信网站中各个网页的版面布局较为合理。以首页为例：整个页面通过色调和图片白色蓝色大致分割为三块，使页面内容较为清晰明了，画面中的图像、文字的视觉份量左重右轻，主次分明，能达到安定、平稳的效果。（二）整体视觉形象和风格企业网站就如同企业本身一样，也要为公众树立一个良好的整体形象。中国电信网站的整体视觉形象和风格主要是通过以下几个方面来体现的

18、：（1）在关键性的标题、菜单、图片里使用统一的标准字体。使用标准色彩和相近的底色；（2）以蓝色作为网站的标准色彩。网站的标志、标题、主菜单和背景色块都使用标准色并运用到各级网页里，从而使整个网站表现出整体统一的效果、呈现出亲切漂亮的风格；（3）将中国电信的标志放在左上角最为显眼的位置。（三）视觉流程中国电信网站设计者为了突出中国电信的企业形象，网页的设计达到了较好的主题诉求效果，较好地利用了受众的视觉心理和习惯。特别将其图片置在很显眼的左中部分（并以GIF动画格式显示），从而使受众迅速为画面所吸引。然后设计者将受众视线自然引导到的中国电信相关业务介绍的内容上去，再利用右边的深蓝色的色块的吸引，从而很好地达到了宣传产品，向受众传递服务信息的最终目的。在这个页面中，设计者主动引导受众的视线沿着设计者事先设计好的方向顺序运动，通过一系列视觉诱导元素，由主及次，把页面的各构成要素依序串联起来，使整幅页面重点突出、脉络清晰，形成一个有机整体。（四）色彩搭配为了和其他公司的网站区分开来，中国电信网站以其标准色蓝色作为网页的基本色调的同时，还利用蓝色的明度变化产生不同的色彩。网站的各级页面都以蓝色和白色为主，蓝色和白色的对比使网页呈现出一种简洁明快的效果，视觉上给人一种专业历练的感觉，突出了中国电信网站的个性，使整个网页看起来统一和谐，有层次感。四、结语网络和多媒体技术已