论数字图像的视觉性研究以网页界面设计为例 毕业论文.docx
《论数字图像的视觉性研究以网页界面设计为例 毕业论文.docx》由会员分享,可在线阅读,更多相关《论数字图像的视觉性研究以网页界面设计为例 毕业论文.docx(15页珍藏版)》请在三一文库上搜索。
1、 盐 城 师 范 学 院 毕业论文 (设计) 论数字图像的视觉性研究以网页界面设计为例学生姓名: 学 院:美术学院专 业:平面设计班 级:10 (3)学 号:10173143指导教师: 2014年 4 月 21日数字图像的视觉性研究以网页界面设计为例摘要当下时代是一个信息化的时代,媒体的发达与网络的流行激发着网页设计这门学问的发展。本文主要通过研究各个成熟网站的视觉元素的特性来探索视觉元素在网页设计中的应用。阐述了色彩版面、图形图像、文字与字体等平面视觉元素适应网页界面设计发展的新特点。针对网页界面设计中的信息传达和视觉元素,提出了与平面视觉元素相结合的设计方法。【关键词】:数字图像;网页设计
2、;视觉元素;信息传达th period is short. TheyAbstractmetabolic needs. Many of the enzymes have special function and activity. Endophytes can be separated from its host plants and grow independently. They can be cultured in the laboratory and the growth period is short. They are easy to survive and can be used
3、to to obtain large amounts of target product through fermentation. Key words saline reededophyte, morphological identification, pectinase cellulase 目录:(既是论文的提纲,也是论文组成部分的小标题,应标注相应页码。)1.网页界面设计:11.1.网页界面设计的重要性11.2.网页界面的六大类别” 1引 言(前言)在传统元素中,视觉元素展现的平台就是纸质媒体和印刷技术。设计能不能达到预期的效果与应刷紧密相连,印刷技术的好坏约束了视觉元素在平面设计中的传
4、达,而数字图像通过电子显示屏幕直接传达到受众眼里,有着其显著的优势,其色彩形状等数据保存的是最完好的。21世纪,人类社会正经历着从原子时代向数字时代的转变,新世纪的互联网代表着新型的信息传达、交流方式,它使信息的传达突破了经济、政治、地域及文化的阻碍,使信息传达的速度、范围及效率都产生了巨大的变化。网页设计最为一门新的设计领域,即是平面设计在信息时代的延续,也是平面设计新的里程碑。网页界面作为数字图像的载体,从产生阶段就继承了平面设计的众多优势,从而为这种全新的大众媒体奠定了坚实的发展碑基。正文数字图像在我们生活中有着广泛的应用:电影、电视、动漫、图片、广告、摄影这些元素都可以以板块的模式呈现
5、在网页中。网页作为数字图像的最大的媒介其中有很多学问值得我们去研究,视觉的传达主要依赖于二维空间的视觉元素和这些元素的组合构成方式。做好一个网页其视觉性元素的好坏起到关键性的作用,然而在国内大部分网页都是残缺品这不得不引起我们的反思如何设计出一个优秀的网页呢?我们必须从源头出发解决问题。1.网页界面设计:1.1.网页界面设计的重要性网页(webpage)是指一个公司或一个企业在全球信息网以HTML的格式给世界各地的的使用者提供最新信息,包括主界面和各子界面。它拥有目的性强、信息量大、准确度高、传播速度快的特点。如果希望信息很快传播的同时又要让使用者认可是非常难做到的的事,这需要经过设计者的精心
6、布置。如果要做好这一点,必须要设计出一个可以让浏览者视觉感官及视觉习惯都能够适应的界面,这能让受众在第一时间内引起观看的欲望,并且长久的去关注,进一步采取相关行动,所以说主界面的设计好坏至关重要。1.2.网页界面的六大类别(1)搜索引擎类:搜索引擎类网页主要以功能及速度为主,注重页面分布的整洁性,不太使用过多的装饰元素,尽可能的提高搜索效率。因此其主要设计手法是将文字进行合理的排版。如:百度(2)大众媒体类:信息传达类网页主要以信息传达功能为主,因为其信息量比较大所以必须主次分明,以少量图片作为辅助信息传达的视觉性元素。如:新浪网新闻中心。(3)企业宣传推广类:从企业文化、理念的特有形象入手充
7、分表现企业特征。如:NAKE。(4)电子商务类:其网站的特性就是为了让浏览者能够使购物轻松化便捷化,使浏览者在购物的同时能够将时间最大化利用,要求既要有效率的传达出实际的信息,又要抓住购买者的诉求点去设计。如:淘宝网。(5)交流平台类:其主要目的是为使用者提供一个能够交流的平台,注重实用性的同时又不能让人产生视觉疲惫的感受,设计偏简单化文字化。如:BBS论坛。(6)网络社区类:网络社区类是一种自由理念的网站,它不具有任何商业性质,设计风格完全取决于其地域、文化等特征,重视自由、愉快、舒适的理念。如:2.网页设计中的色彩的选择艺术设计工作者常常在告诉我们,不懂得欣赏艺术或不能注意艺术家所运用的各
8、种色彩是件丢人的事。当然,这种说法在某种程度上来说是正确的,但是,他们光顾着欣赏自己的作品却没有考虑到受众的接受能力,即观看、看、注意和读解(seeing、looking、attending and reading)之间的区别,而所有的艺术却必须依靠这种区别。不是每一个人生下来就是艺术家,网页设计是服务大众的不是孤芳自赏,所以我们要从浏览者的角度出发设计作品。每一个人的视觉感受都是不同的,一百个人其中就有一百个哈姆雷特,作为艺术家、设计者应该从大方向掌握不同类型人群的视觉心理。比如:淘宝网站的浏览者其目的是为了购物浏览,他们需要的是信息量同时又能长时间的观看而不感觉到累。网页设计中的色彩视觉感
9、受具有象征性、理想性、和谐性的特征。色彩视觉感受的理想性是指:设计师完全可以根据自己的意愿设置色彩,使固定的色彩模式加以变换,使形象条理化。当浏览者看到一个有色彩的网页时,其色彩作为刺激视觉感官的一种重要元素能激发出浏览者的直觉,使浏览者产生其主观的感情、感知。网页设计师首先应该是能把色彩要领运用自如的人,合理、巧妙的运用色彩能使网页设计的味觉、触觉、嗅觉,如冷热酸甜苦辣一样让受众能直观感受到。但需要注意的是网页的背景色对比不宜太强烈,这样容易使人产生视觉疲劳的感觉,在面对需要大面积的着色时应选用色彩纯度较低的,长时间的盯着艳丽的色彩时生理上不能接受。文字与背景应该协调背景是起到突出文字的作用
10、,背景色不宜比文字颜色深,而且色差不能太小或者色彩不能太丰富,这样不利于文字的读取。不同性别、年龄、文化习惯的人对色彩的心里效应也会不一样,产生不同的心理感受。所以说网页设计者必须要抓住不同浏览者的不同色彩主观感受:2.1.主观色彩即个人主观的色彩认识,由于每个人、民族、国家的理解不一样,可能偏向于不同的色彩基调,必须考虑不同性别、年龄、文化、习惯、地区、民族的差异性色彩元素。2.2.客观色彩即多数人对色彩的普遍认识。例如,蓝色给人以冷的感觉但有同时又有肃静、规整之感;黄色和红色给人以温暖和热烈的感觉同时又有警告、提示的作用;金色、紫色给人以高贵的感觉同时又有浮夸之感;黑色给人以沉稳的感觉同时
11、又有肃穆的感觉;灰色给人以干净朴素的感觉同时又有悲伤之感;彩色一般用于节日表示欢快兴奋的感觉但也可能是花哨的感觉。所以感情色彩也可以说是色彩感情,将其与网页页面设计想融合,使人们根据其认知、印象和习惯等进行联想,获得主观理解。2.3.各国色彩风格中国人喜欢红色、黄色、黄绿,不喜欢黑、白、灰三色,白色、灰色是的悲伤的色调,红色是喜庆的色调。在日本校服基本上都是蓝色、白色的,蓝色象征着年轻,象征着有活力。在葬礼上一般都要求穿戴黑色的衣服,以示对死者的尊敬。在办大寿或者是举行成人礼时一般穿戴红色的衣服。日本的神官和僧侣的衣物是白色的,在他们看来这样能给人带来洁净神圣之感,凸显他们的地位,而在中国则是
12、运用金色或者紫色来衬托华贵的气质。2.3.网页设计中视觉色彩设计的应用分析色彩使人产生各种不同的心理感受,由于每个人的性别、年龄、文化、习惯等不同,对不同的色彩所产生的心理效应就不同,因此,网页版面的色彩设计要站从浏览者的色彩心理角度出发完成网页设计。2.3.1.电子商务类网站色彩设计电子商务类网站其页面设计风格偏简洁,注重信息的传达,要求其排版能够被浏览者更好的接受,是商家与客户的交流平台。其色彩的选择偏向于稳重的色调,不会使用太多的色彩。根据不同的产品、产品特性结合消费客户群进行色彩选择搭配,考虑产品性质、消费者的喜好。(如图2-1)淘宝网作为中国使用者最多的电子商务网站,因为它的商品种类
13、较多,所以它在背景色的选择上偏向于干净整洁的白色,在看上去舒服整洁大方的同时又不让消费者产生视觉疲劳。以橙色作为主色调,使消费者产生温馨的感觉。因为电子商务网站的商品图片较多,选择橙色能够搭配更多的色彩而不会显得不协调,使整体版面看起来色泽丰满、视觉感受舒适化,这不得不得不佩服其设计的色彩选择能力。图片2-12.3.2时尚类网站色彩设计时尚类网站一般都选用偏向于简洁的色调,配合其高清晰度的图片进行精简的布局能够使整体看上去精简、时尚,这样做的好处是能够把页面中的高清图片最直接的显示在浏览者的眼中,给其留下深刻的印象。如图2-2国际品牌的bcbgmaxazria官方网站,该品牌的服装设计具有时尚
14、、个性都市,能够博得很多消费者的青睐。网页的背景色彩运用了灰色与白色的搭配,体现出官方网站的稳重与庄重,版面的右侧有红色、深蓝色的图片,即遵守原有风格又通过增添了变化,增强了时尚感。图2-23.网页设计中的图形设计通过对诸多网站的了解我发现一个规律,大部分网站的图片信息多余文字信息,图片在网页一个网页中占据了很大一部分的版面,因为图片更容易被人们接受,特别是在中国,左脑是处理图片信息的,右脑是处理文字信息的,所以说图片的视觉接受能力是大于文字的。但这并不是意味着文字表现力与信息传达特征可以忽视,而是该让图片在视觉信息上辅助文字,帮助浏览者更直观的解读信息。因为图片能具体而直接地把所需要传达的信
15、息高素质、高境界地传达给浏览者,使本来平淡无奇的事物变成强有力的综合信息,体现更强烈的表达性。图片在网页排版中能够起到吸引视觉的作用引导其阅读文字,这一点能够在新闻媒体类网站里很直观的感受到,好的标题好的插图往往更能提高点击量阅读量,图片不经能够吸引浏览者的目光还能起到辅助阅读的作用。网页页面设计的手法和平面设计有很多共同之处,在平面设计中的点、线、面的设计原理依旧适用于网页页面设计。语言的传递不能够跨越地域,即便是英文,而图片作为视觉的语言它的传递能够跨越种族、文化及地域的茶语有效的传递给每位浏览者。没有一个网页是能够说摒弃图片而存在的,有的网页甚至只有图形。图形具有引起人们的注意的能力,诱
16、使浏览者去阅读,其原因就是图形不像文字那么枯燥,适当的应用图形穿插在网页设计之中,可以优化网页的视觉效果,提高其阅读质量、信息传达效率,吸引更多浏览者。3.1.网页设计中点的应用点作为版式设计中最小的单位,它能够被灵活的运用的各个地方,具有构图自由的特点,能够调节画面的整体效果活跃气氛。所有的造型依赖于点的构造,是视觉要素构成的基本元素。康定斯基说:“点本质上是最简洁的形”。在平面设计中点不仅存在大小和形状的差异,而且还拥有不同的组合方式。点还具有音乐的节奏和韵律感,它们通过连续、间隔及方向性来表现出时间感。(如图3-1)点通过不同的形式或组合方式能够产生不同的视觉效果。不难看出点在平面设计构
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 论数字图像的视觉性研究以网页界面设计为例 毕业论文 数字图像 视觉性 研究 网页 界面设计
链接地址:https://www.31doc.com/p-3969063.html