网页设计特点范文

时间:2024-02-19 18:07:00

导语:如何才能写好一篇网页设计特点,这就需要搜集整理更多的资料和文献,欢迎阅读由公文云整理的十篇范文,供你借鉴。

网页设计特点

篇1

关键词:网页艺术设计;审美视角;研究

互联网技术的发展,使各行业领域面临新的机遇和挑战。网页设计作为信息技术的产物,目前已无法满足现代人的审美标准,因此,突出设计的艺术性,是设计者亟需解决的重要问题。例如,坚持网页艺术设计的原则和特点,积极探讨网页艺术设计的设计技巧,以符合现代审美的艺术型网页,进而提高网页浏览量,达到网页信息传播的目的。

1网页艺术设计的原则

1.1突出设计主题

“突出主题”是网页艺术设计的根本原则和核心宗旨,无论设计师如何创新页面色彩、布局、文字等,都必须以突出主题为原则,以保障网页传播信息的目的。首先,确定网页主题,当有了明确的主题后,一切的设计都应围绕主题展开,在此基础上进行网页视觉的创新。其次,页面艺术创造要有度,切不可夸张的采用所谓的“后现代”色彩,保障网页符合大众审美,而不是为了迎合某一部分非主流网民,应以高端大气的艺术设计强调网页的视觉冲击,进而使主题突出。总之,在保障页面清晰、美观、艺术、简练的视觉效果之外,也要突出页面或栏目的重点、热点信息和主题。

1.2统一设计风格

网页设计的风格决定着网页内容、布局、色彩的运用,不仅是设计师设计水平及设计理念的重要体现,同时不同风格的网页设计也会给网民不一样的视觉审美效果。与书籍、杂志的版面设计类似,网页艺术设计同样忌讳同一页面运用多种不同设计风格,这会使网民在浏览网页时感觉到眼花缭乱,根本无法掌握页面主题,也与网页艺术设计中“突出主题”的原则相背离。一般同一页面设计风格不超过三种,而且这三种风格需设计者严格把控,以保障页面的审美效果以及主题突出。

1.3丰富网页色彩

网页色彩影响着网民对网页的第一感觉,若设计时将网页的色调统一设计,虽给人以舒服、流畅的感觉,但若长时间浏览单一网页时,统一的色调又会给人乏味之感,降低浏览质量。因此,把握网页设计时的色彩对设计者的设计功底具有很大挑战。设计时,不仅要综合考虑页面的整体色彩布局对内容的影响,也要求设计者在创新页面色彩时,保障主题突出的初始原则,同时也要注重多数网民的主观感受,保障网民浏览视觉美好,达到网页艺术设计审美效果。

2网页艺术设计的特点

2.1即时性

网页艺术设计的即时性特点与传统纸质媒体最大的不同就是可以随着热点话题或事件的进程实时更新。作为网页艺术设计最突出的特点,其在网络端口更新、推送时要求设计师根据当前网页浏览实际数量进行微调整或修改,以保障网页信息的即时性,吸引更多浏览量。其次,网页艺术设计时的互动性是最大的优势,设计师可将网页反馈的信息作为再设计的基础或参考,更新网页信息时体现网页的互动性、亲民性,进而体现网页的影响力。

2.2交互性

信息技术、网络技术的发展,使全球网络化发展迅速,使人们的交流沟通更加顺畅,尤其是以手机为代表的移动终端的应用。现代网络平台交互方式多种多样,如:视频、语音、文字等,且近年来随着各直播平台的推出,使人们获取信息、信息的渠道再上一个台阶。网页新闻受到严重冲击,因此,如何创新网页艺术设计、保持或增加网页浏览量是各大网站面临的重大发展问题,其中最重要的一点就是积极探索网页设计时多媒体式的交互性。

2.3不可操控性

设计的不可操控性主要体现在网页版式方面,即在规定的页面内应用不同的视觉或听觉技术将页面元素进行构建,以体现设计师的设计风格和设计理念,并注重以视觉倾向表达视觉效果。虽然网页版式在网页设计中只占据一部分,但其是网页表达审美的直接体现。与传统平面设计不同,网页设计脱离固定的设计尺寸,完全由网民自行调整网页尺寸,这就使网页在设计时要兼顾不同尺寸的页面显示。其网页版式的不可操控性,对设计师的设计精准度是一项极大的考验,也是网页艺术设计独特之处。

2.4融合性

网页艺术设计有网页和艺术两个基础。其中网页考验的是设计师的网络技术水平,也是设计的客观因素;艺术考验的是设计师的艺术创造能力和审美能力,也是设计的主观因素。因此,成功的网页艺术设计必须同时融合设计师的主客观两方面的思维,利用现代化的网络技能结合自身的设计理念和设计主题,完美地设计出符合大众审美意识和取向的优秀作品。

3网页艺术设计的设计技巧

3.1文字的设计技巧

文字是网页艺术设计的灵魂,也是设计的主体。文字的大小、颜色要遵循易看、易认、易读、易懂的设计原则,其技巧主要为:(1)合理安排字体,同一页面字体样式不可多于三种,否则繁杂的字体只会使网民产生杂乱感,没有任何网页审美视觉,同时也要避免使用对于某些显示器无法显示的字体。字体选择时应以易看、易认为原则。(2)确保文字的可读性,也就是文字的易读、易懂原则。设计网页文字时切不可过多的文字装饰,保持文字清晰可辩,给网民创造良好的视觉印象。(3)科学利用字号差,即大标题配小内文,但这个差异一定要控制好,以突出网页艺术设计的主题。

3.2图片的设计技巧

网页艺术设计时,图片的位置、数量、尺寸、形式等都直接影响着网页的视觉传达效果。在设计时网页图片应遵循的设计技巧为:(1)图片精准定位,突出网页设计主题,符合主题要求和约定。(2)图片设计的独特性作为网页的一部分,创造性图片更能吸引眼球,带动网页浏览量。设计师在创造图片时,应打破传统思想壁垒,以全新的视角设计出具有强烈视觉冲击的图片。(3)坚持图片审美标准,在网页艺术设计方面,图片被赋予特殊的情感表达。不同图片的视觉效果可以直抵人的内心情感世界,这也是图片最大的魅力所在。因此,图片不仅给人视觉上的享受,更要表达更深层的情感。

3.3版式的设计技巧

篇2

前言:

得益于计算机与智能手机的普及,我国网民数量已达7亿,而这一庞大的网民人口则标志着网络与我国民众生活之间联系的日渐紧密。我国当下数字媒体的发展速度不断提升,其本身也开始真正融入我国各行各业之中,但数字媒体本身在发展中也暴露出了一些问题,而本文就数字媒体中网页设计原则与制作技巧展开的研究目的,正是为了解决其中一部分问题。

1.数字媒体概述

为了能够较好的完成本文就数字媒体中网页设计原则与制作技巧展开的研究,我们首先就需要对数字媒体进行深入了解。结合相关文献资料与笔者自身对数字媒体的认知,本文将数字媒体定义为利用二进制数据处理和记录,采取数字通信的原理,收集、存储、传输各种矢量数字文本的过程,简单的说数字媒体就是一种图形、图像、视频、声音、动画等信息的载体与平台。对于数字媒体来说,其本身具备着高效相互性、灵活多变性以及强大融合性等三方面的特点,这些特点也是其能够较好发挥自身功能的原因所在。具体来说,高效相互性指的是数字媒体能够通过自身的载体与平台特性,使信息变为可感、可知、可管、可交互的状态,这就使得信息的传播的过程中能够较好的实现作者与受众的交流网络影视、网络游戏等都属于这一特点的具体表现;而在灵活多变性这一特点中,这一特点使得数字媒体能够将声音、图片、视频、音频、文字等创作要素进行较好的改变,这样相关信息就能够实现更好的创造;而在强大融合性这一特点中,这一特点使得数字媒体本身能够与各类艺术方式实现较好的融合,这种融合由于往往能够发挥“1+1>2”的作用,就使得数字媒体能够更好的满足各类受众的需求[1]。

2.数字媒体中网页设计原则

上文中我们深入了解了各类数字媒体,而在下文中笔者将结合自身实际工作经验与相关文献资料,就数字媒体中网页设计原则进行详细论述,希望这一论述能够在一定程度上为我国数字媒体的进一步发展带来一定帮助。

2.1明确网页主题

在数字媒体的网页设计中,为了保证这一网页设计能够较好的为受众提供服务,我们首先就需要结合网页内容确认网页主题,而为了实现这一目标,网页设计人员需要进行充分的市场调查,最大程度上了解网页受众的情况,这样才能够较好的确定整个网页的风格与主题。而在确定了网页的主题后,设计人员还需要在设计的过程中保证网页本身的鲜明突出、要点明确,最终实现通过简单的网页页面传达不简单的信息这一追求。值得注意的是,网页还需要最大程度上保证自身的即时性,这样才能够更好的实现信息的传达[2]。

2.2结合受众需求

除了明确网页主题外,网页设计人员在进行数字媒体的网页设计过程中,还需要细致了解网页受众人群的性别、年龄、职业以及受教育程度、生活习俗等方面的分布,并以此更好的结合网页向受众传达某种情感,这样就能够更好的提高数字媒体中网页信息的传播效率。例如,对网页受众年龄的把握,使得设计人员能够更好的抓住网页设计的侧重点,这样就能够保证该网页设计传达的信息更具备针对性,这自然就大大提高了网页本身信息的传达效率。值得注意的是,我们还需要在网页设计中参考受众的接受与理解信息的态度、愿望、需求以及情感等心理因素,这样才能够更好的为其提供服务[3]。

2.3保证风格统一

除了上述两方面的原则外,设计人员还必须保证数字媒体中网页设计的风格统一。具体来说,据笔者调查发现,我国当下很多数字媒体中的网页设计存在着文字设计影响网页质量、色彩运用与搭配影响网页主题风格、图片选用不合理等一系列问题,这些问题归根结底属于网页设计中风格出现的问题,而这一问题也对数字媒体中网页设计带来了种种负面影响,为此设计人员必须在文字选择、色彩搭配、图片选用等方面注意保持整个网页的风格统一,这样才能够更好的保证数字媒体中网页设计的整体质量[4]。

3.数字媒体中网页制作技巧

3.1首页设计技巧

在数字媒体中的网页设计中,网站的首页一般存在形象展示型与信息罗列型两种,一般来说信息罗列型较为适用于大、中型网站,也是我国当下最为主流的网站首页设计选择。在形象展示型的网站首页设计中,设计人员需要在突出网站本身形象的同时向受众传达相关形象与气氛;而在信息罗列型的网站首页设计中,设计人员需要结合自身信息传播特点,合理选择“国”字、拐角、标题正文、左右框架、上下框架、封面、变化等型号的版面布局方式,这样才能够实现相关信息的较好传达。

3.2风格统一技巧

上文中笔者提到了数字媒体中网页设计必须遵循风格统一这一原则,而为了真正实现这一风格的统一,设计人员就需要从网页设计的结构、色彩、导航栏等三个方面实现这一风格统一。具体来说,在网页设计的结构统一中,设计人员需要保证整个网站除特殊网页外,在网站布局、文字排版、装饰性元素出现的位置、图片的位置等方面呈现较高的统一性;而在色彩的统一中,设计人员需要尽量保证网站的主体色彩一致,并只在有需求的时候改变网站的部分色块;而在导航栏的统一中,导航栏的位置与背景必须在大小、明暗、位置等方面实现统一,这样才能够较好的提高网站本身的特点,使更多的受众对该网站产生深刻印象。

结论:

在本文就数字媒体中网页设计原则与制作技巧展开的研究中,笔者详细论述了数字媒体的概念、网页设计的原则以及网页的制作技巧,虽然受限于篇幅原因本文并未对数字媒体中网页设计进行较为深入的研究,但还是希望本文论述的内容能够在一定程度上推动我国数字媒体的相关发展。

引用:

[1]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,2009.

[2]张燕.多媒体素材的无障碍设计研究[D].浙江师范大学,2009.

[3]黄晓乾,陈超.网页设计原则与制作技巧[J].中国科技信息,2010,07:95-96.

篇3

简约主义源于20世纪初期的西方现代主义。“简”并不是简单的繁琐复杂的设计直接简化如此简单,而是精简,取其精华,去其糟粕,在精简的同时又不失作品本身复杂的深度。我们国家古代最伟大的哲学家老子也说过“少则得,多则惑”。简约主义的前身实际上是减少主义,减少主义的风格特点是:按照“减少、减少、再减少”的原则进行艺术创作。简约主义风格理念的基础仍然强调对空间功能的需求。简约的空间设计通常非常含蓄,往往能达到以少胜多、以简胜繁的效果。简约主义设计风格由于延续了现代主义追求简洁、强调功能的设计精神。

二、网页设计现状

1.随着网络时代的不断发展,网络设计的重要性逐渐受到人们的关注

人们上网搜集有效信息的时候,不再单单满足于信息能看就行,是在最求信息实用性的同时,对美的追求不断深入。为了促进网站更好的运营,网页设计者不光是把各种信息简单的放到网站上,就算完成网页设计。冷冰冰的文字的摞放,毫无生气。网页设计还要从审美方面入手,结合使用方便的要求,设计出美观、合理的页面,运用一些平面设计中美的基本形式就能使网页更加富有美感,给初次浏览者一个良好的第一印象,大大提升网站的自身形象。平面设计是传统美术输出行业但不是立体的美术构成网页设计则是非传统美术行业,肉眼能看见但非实物的美术构成.网页设计中,设计师将平面设计的节奏与韵律融入到网页设计中,是网页设计页面更加有条理。网页的设计原则,既要注意网页设计满足使用者基本功能需求,也要注意给使用者带来视觉上美的享受。设计者从审美的角度入手,突出自己的特色和优势。网页设计只有真正表现美的时候,才能发展,才具有生命力。

2.网络设计从业者个人素质和业务水平还有待加强

网页设计在我国出现的历史并不长。“他们比平面设计师多懂点代码,比程序员多懂点设计,有时候他们还会搞点动画”。这应该是对网页设计的职业特点概括。造成这一现象的一部分原因与网页设计招聘公司的招聘原则有关。为节约成本,提高经济效益,网页招聘公司多希望招聘到多能型人才,希望以一顶十,招聘一个设计师,即会网页技术设计,又有艺术修养,原因是网页设计师而招聘原则造成的,很多单位在招聘网站方面的员工时往往希望应聘人员什么技术都会。认为一个设计师就可以什么都做,网页制作与网页设计两个方向的技术想都不想就交给同一个设计师去做。还有一部分原因是网络设计师本人滥竽充数造成的,我们应该要注意的是,并不是高学历就代表高能力。高材生并不是设计行业的最佳选择。有自己独特见解的设计人才才是精品。目前的网页设计师,投机取巧,用以往的教条式设计模式,偷盗他人的设计形式,缺乏责任心和敬业精神,安于现状,不认真专研业务。许多网页设计人员注重网页技术设计,忽视网页艺术要求,使得表面上五光十色的网页设计实际上没有艺术的内涵。提高网页设计者的业务技术水平,注重网页艺术设计和技术的结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网络信息的高质量要求,也是促进我国网络业及网络文化发展的重要环节。

3.网络管理立法机制不够完善,道德体系尚未建立

网络文化建设在创建和谐社会中发挥着重要作用。近几年我国出台了上百条有关互联网的管理制度,网络管理涉及部门多,但是没有一部适用于互联网领域的基本性法律,网络文化管理技术监管水平低,网络处于一种无法可依,无法可管的状态。使我国的网络文化出现了许多亟待解决的问题。网络的匿名性使网络道德体系尚未建立。网民们可以忽视一切规矩和约束,自由表达自己对事物的观点和立场。在吸收多种世界文化精髓的同时,也为种种不良文化,垃圾文化提供了栖身之地。虚假,暴力,低俗等信息充斥着网络。

三、网页设计中的简约主义的意义

1.简约主义设计给用户带来的情感体验相比复杂的页面而言,是一种简单的快乐更肉易被用户接受和掌握。简约更符合现代人快节奏的生活

状态对自然简单的需求,巨大的学习、工作压力,使得许多人每天像上紧了发条的钟,有的甚至连吃饭的时间都是挤出来的,这就使得网页中大部分为了装饰页面的无用信息在浏览过程中被忽略,成了无用设计。设计师费心费力的“用心”设计,在用户那里成了画蛇添足。用户根本不领情,不买账。简约的页面设计更容易让用户抓住重点,更易于使用,更容易让用户满足。

2.简约主义设计绝不是为了简约删减必要信息,而是通过简单明了的视觉流设计,在视觉上通过精简设计元素,来是信息主次分明,重点突出

简约主义网页设计在设计中注意信息密度的合理删减,通过尽量减少主页的信息密度,曾强网站的可持续性,缓解大量图文所带来的视觉负担。清新明了的网页设计更符合中国人的审美情趣。中华民族是一个以朴素为美德的民族,质朴,清新,简约,淡雅的网页设计符合中华民族的审美标准。真挚自然简约的网页设计,更能激发网页使用者在使用网页过程中的情感共鸣。在中国人眼里,任何过分矫揉造作的艺术设计都会损伤艺术本身的美感。简约主义的网页设计也润喊着以清淡为美的特点。通常利用线条,文字,色彩的简介运用,给人们带来清秀端庄的审美感受。

3.网页简约主义设计也符合网络信息呈现特点

网页信息表达与传统的纸质印刷信息不同。网页信息内容的数量和图像尺寸的大小,受计算机屏幕尺寸的限制,过大的图片会影响网络传输速度。所以说网页图片在保障图片清晰度的前提下,尽量要小一些。

篇4

【关键词】网页 设计 人性化

近些年来,国家开展的各项事业大都以人性化为追求的目标,这主要是对人的地位进行了充分的肯定。在网页设计中也是如此,在网页中的导航、文字、图像、按钮等等方面的设计,都应该遵循人性化的设计理念,这不仅能够给网页浏览者带来方便,还能体现出“以人为本”的核心思想。因此,在网页设计中应该不断追求人性化的设计效果。

一、网页设计中人性化设计的内在含义

所谓的人性化设计,是指将以人为本作为网页设计的核心思想,并且按照这一方向和目标来进行设计。实现网页设计的人性化,不仅能够给网页浏览者带来最大程度的便捷,还能够在很大程度上建立起人与网络产品之间的关系,在得到便捷的网页服务的同时,使人产生心理上的舒适,并且提高生活的质量[1]。

二、网页设计中人性化设计的必要性

在当今物质文明极其发达的网络时代,计算机信息技术的发展可谓是突飞猛进,给人们带来便捷的服务的同时,也在不断进行改变和创新。网页是人们了解计算机信息技术本身,以及对网络产品和网络信息进行了解的首要接触点,只有在保证了网页设计在声音、图像、链接、按钮等方面具有强烈的人性化特点的前提之下,对网页进行文字、图像、色彩等视觉元素的优化设计,使网页设计具有整体性、选择性、审美性和便捷性,才能使网页设计的整体水平得到提高,并且将人性化的设计理念在网页设计中完整的体现出来。所以说,网页设计中体现人性化的设计理念是具有必要性的。

三、网页设计中人性化设计的体现

(一)导航设置中人性化设计的体现

在网页的构成中,导航是最基本的设置,也是一种必要的设置,导航具有引导人们进行网页浏览的信息功能,是网页设计中人性化追求的基本要求。因为人们在进行网页的浏览时,需要有一定的标志性信息,来指引人们搜索想要得到的信息,这时就需要导航来辅助人们进行网页浏览,为人们提供清晰的、明确的指导,浏览者可以通过细致的指导来进行浏览,为用户提供便捷的服务,这是网页设计中体现人性化理念最基本的要求。

(二)链接设置中人性化设计的体现

链接是网页设计中的枢纽,是各个网页之间进行连接的纽带。在用户浏览网页时,可以在导航的指引下,灵活的进行网页之间的跳转,随时访问自己想要浏览的网页,并且不论是处于哪一界面之下,都能够随时回到网页的主界面中。链接作为整个网页设计中的神经系统,将网站中的各个部分和各个环节进行了紧密的联系,每一部分都各自成页,并且这些部分又同时统一于网站之中,用户可以便捷的进行网页浏览,以最简单、最直接的方式进入自己想浏览的网页之中。这种网页设计的便捷性,是人性化设计的重要表现形式。

(三)按钮设置中人性化设计的体现

若链接是网页设计中的神经系统,那么按钮就是作为神经元而存在的,是链接中的关节部位[2]。按钮的设置在很大程度上决定了链接能否快速、简单的为用户提供网页跳转的服务,由此可见,按钮在网页人性化设计中的重要性。而实现按钮人性化主要有以下两个方面的要求:首先,按钮必须要具备一定的识别性,通过采用清晰醒目的色彩,或者是调整按钮的大小等方式,使按钮能够引起人们的注意,抢占人们的眼球,并且将按钮放置在显眼的位置上。其次,按钮的设置还应该具有一定的固定性特点,将按钮设置在网页的上部已经成为网页设计中一种约定俗成的规定,更加促使按钮为人们提供便捷的浏览服务,实现网页中按钮设计的人性化。

(四)图像设置中人性化设计的体现

在网页中,图像是主要的视觉元素组成部分,在网页中占据了大量的篇幅。近年来,网页中的图像设计变得越来越花哨,令人产生一种杂乱的感觉。而图像主要是为了实现传递信息的目的,而是不作为一种艺术表现形式而存在的,这就需要网页设计者明确图像设计的意义,在进行设计时更加注重图像的清晰明了,让浏览者能够准确及时的抓住图像中表达的信息,减少浏览网页的时间,提高浏览网页的速度,优化图像的设计,实现图像设计的人性化。

(五)动画设置中人性化设计的体现

在网页设计中增加动画设计,主要的目的就是为了减少网页的单调性,改变网页设计中只有静态设计而无动态设计的状态[3]。但是,在进行动画的设置时,不能使动画过多、过长。若设置的动画过多,很可能造成网速的下降,影响用户浏览网页的速度,而动画过长又会使用户产生一定的厌倦心理,难以达到最佳的动画设置效果和目的。因此,在网页设计中对动画的设置要合理,不论是在数量还是在长短方面都应该以人性化的理念来进行设计。

通过上文的阐述,我们能够总结出,网页设计是计算机信息技术重要的组成部分,在网页设计中体现人性化的设计理念也是当今社会网页设计的目标和发展方向。实现网页设计的便捷性、协调性、整体性、清晰性,并且对网页中的各个视觉元素进行合理的优化配置,是网页设计中人性化设计理念的体现和追求。因此,网页设计人员在进行网页的设计时,要时刻秉承着“以人为本”人性化的设计理念,以满足用户的实际需求为目标,逐渐改变原有网页设计中的不合理的现象,对链接、按钮、导航、图像和动画等重要的网页构成部分做进一步的优化设计,并且将人性化的设计理念贯穿于网页设计的始终。

参考文献:

[1]李湘媛.浅谈网页设计中的色彩语言表达[D].纪念中国流行色协会成立三十周年:2012中国流行色协会学术年会学术论文集,2012,11(30).

篇5

【关键词】网页设计;计算机图像处理技术;应用解析

在计算机技术和网络技术飞速发展的背景下,网页设计呈现出蓬勃发展的趋势。网页设计的最终目标是借助于文本、图形、图像、声音、视频等多种媒体表现形式,将所要表达的思想、内容展示给网页浏览者。在激烈的市场竞争中,商业性的网页越来越多,对于网页设计的要求也越来越高。网页既要客观呈现事物,又要精彩美观。图像在网页设计中起着至关重要的作用。在网页设计中应用计算机图像处理技术,可以提高网页设计的自身效果,也是市场需求的必然选择。

1网页设计中的使用图像的意义

在网页设计中引入适当的图像,可以增强网页的艺术感染力和视觉冲击力,更好的传递出网页设计的主题思想,吸引浏览者的注意,也可以体现出网页的设计风格。总的来说,图像具有信息传达和视觉吸引的功能,在网页设计中起着非常重要的作用[1]。

1.1信息传达功能

图像本身就是一种传达信息的重要手段。在文字叙述的区域,引入适当的图片,能够更快、更形象、更直观的突出文字的主题,传递出网页的主要内容。图像与文字相比更容易引起浏览者的关注。采用文字和图像结合的方式,可以帮助浏览者快速找到所需要的信息。图像能够美化网页,将相关的内容、理念等信息直观、高效、形象的传达给浏览者。

1.2视觉吸引功能

在网页设计中,包含许多的媒体类型,比如文字、图像、声音和视频等。只有文字的版面会显得过于单调。图像更容易吸引浏览者的目光,增强网页的视觉吸引效果。图像与文字的有机结合,对网页设计的协调性和美观性非常重要,可以刺激人的大脑,提高浏览者阅读的兴趣,从而达到网页设计的目的。

2计算机图像处理技术阐述

计算机图像处理技术起源于20世纪末,它是以图像为基础,利用计算机技术对图像进行加工和处理的。计算机图像处理技术结合了多媒体技术、数字化技术等,主要包括图像的平移、旋转、裁剪、去噪等前期预处理技术,图像的增强、复原、分割、重建等中期处理技术以及识别、分析、编码、压缩等图像后期处理技术。早期,计算机图像处理技术主要应用于航天事业,但随着计算机和网络技术的迅速发展,计算机图像处理技术被广泛的应用到网页设计中,得到了众多网页设计者的认可。利用计算机图像处理软件可以对图像放大、缩小、合成、色彩调整、创意设计和制作特效等,使图像与网页的主题相一致,进一步达到美化网页的功能。计算机图像处理技术在快速的发展进步,功能也在不断的完善。如今计算机图像处理技术在网页设计中具有非常重要的地位。

3计算机图像处理技术在网页设计中的应用

3.1网页设计中常用的图像格式和选择技巧

计算机图像格式种类繁多,选择适合的图片格式可以提高网页设计的效果、节约下载时间以及较少服务器的负担。在网页设计中应用较多的图片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名称为GraphicsInterchangeFor-mat,可以翻译为图形交换格式。GIF格式的图像分为静态和动态两种类型,采用无损压缩存储方式,但是限制了色彩的表现能力,只支持256色以内的图像。在不影响图像质量的情况下,可以生成很小的文件。它支持透明色,图像可以浮现在背景上面,也可以制作动画,这是它最突出的一个特点。GIF文件的特点顺应了互联网的需求,几乎所有的浏览器都支持这种格式,于是它成了互联网上最流行的图像格式。2)JPEG格式。JPEG格式是一种支持8位和24位色彩的压缩位图格式,是一种有损压缩,文件较小。JPEG的压缩技术十分先进,它具有调节图像质量的功能,可以设置压缩比例,压缩比越大,图像品质就越低,压缩比越小,图像品质就越好,同时,色彩的信息保留非常好。JPEG非常适合储存色彩丰富的图片,例如照片等,图片有轻微失真肉眼也很难辨别出来,但是它不适合存储线条、图标或文字等边缘非常清晰的图片,特别适合在网页和网络中使用。3)PNG格式。PNG格式英文名称为PortableNetworkGraphicFormat具有文件小、无损压缩、支持透明效果的特点。PNG格式存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,还可存储多到16位的α通道数据。虽然PNG采用的是无损压缩,但是PNG格式图片还是会有不同程度的失真。PNG8最多只能索引256种颜色,如果图像的颜色较多的话不能真实还原;PNG24则最多可以保存1600多万种颜色,基本能够真实还原我们肉眼所见的所有颜色。PNG格式广泛应用于JAVA程序、网页或S60程序中。设计师需要根据实际需求来选择不同的图像格式。存储图像时选择JPG还是PNG的主要依据是图像上的色彩层次和颜色数量。当图像的色彩丰富,并且边缘线条没有锐利反差时,选择JPEG格式可以得到最好的输出结果;当图像是有明显边缘的线条图、没有太多色彩或者需要制作透明背景时,GIF格式是最好的选择;而PNG-24格式虽然看起来非常完美,但是需要考虑浏览器的支持问题,虽然现在大多数的浏览器都支持它,可是IE6是不支持透明的PNG图像的。现在IE6或更早的版本使用者不会太多,但是设计师也要将这个因素考虑在内的。另外页面结构的基本视觉元素,如Banner、商品图片等对质量要求不是特别高的,可以使用JPG进行存储降低文件大小。

3.2网页设计中常见的图像形式

图像的形式多种多样,网页设计中应用较多的有摄影、截图、简单图形、连接图片等。为了让网页内容丰富且有艺术感染力,设计师需要将多种图像形式应用到设计中。摄影是网页设计中图像素材的重要来源,摄影配图是最简单,也是最常见的配图方式。摄影图像属于写实性的,有较强的直观感,可以将浏览者带进特定的情境中。摄影图像经过计算机图像处理技术加工处理后,结合相应的文字描述,很容易被人们所接受和喜爱。另一种应用较多的是插图。在网页中,插图经常用在描述性的文字的四周,既能增强直观感,又能起到延伸文字和拓展信息的功能。插图可以表现写实性的图片,也可以表现抽象类的图片,具体根据实际需要设计。此外,还可以在网页中插入一些有特色的图形符号等图像形式,以增强网页的艺术魅力和视觉冲击力。

3.3网页设计中图像的角色和职责

在网页中图像有多种角色,比如网站的LOGO、背景图、网页关键图和导航等,角色不同,职责自然也不同。下面对其中较为重要的3种角色类型做介绍:1)网站的LOGO。LOGO是网站的标志,也是网站的名片。它是互联网络上各个网站之间链接的图形标志,是网站提供给浏览者进入网站的一个门户。图形的LOGO比文字链接更吸引人的眼球。从某种程度来讲,LOGO决定着一个网站的点击率,可以说是一个网站的“点睛”之处。对于一个高品质的网站,一个好的LOGO能够反映网站的某些信息,比如网站类型、内容和风格等。提起LOGO,我们很容易想到一些熟悉的网站,比如百度、搜狐、新浪等,这就是品牌的效应。LOGO大多是网页设计师切合网站的理念、文化特色精心设计的,兼备功能性和艺术性,给浏览者带来艺术美感的视觉享受和高度的信赖感。2)网页的背景图。近年来,一些网站使用背景图像作为背景,给浏览者一种视觉冲击感。背景是网站的主要组成部分。对于一个网站来说,背景图一定要简单,效果不能太过强烈,只要提供一点质感就可以,否则就抢了页面内容的风头。如果背景图的设计与网站融为一体,并且富有特色,色彩视觉效果处理得当,就会对浏览者产生很大的吸引力,浏览者有兴趣进一步浏览网站。那么这个网站在同行业中便会出类拔萃,在网络营销上也会占据优势。3)网页的关键图。网页上通常都有一些很醒目的图像,用来吸引浏览者的注意力。在网页中插入图像的主要目的是用来宣传一些主题,一般在页面最显眼的位置,不需要过多的文字描述信息,浏览者看到图像就能知晓其所表达的含义,表达内容非常直观,视觉冲击感非常强。

3.4网页设计中图像的处理技巧

3.4.1图像的尺寸网页要达到理想的效果,图像的合理布局就显得尤为重要。设计师就需要灵活运用计算机图像处理技术,熟练掌握图像处理技巧[3]。图像的尺寸直接影响网页的直观效果。尺寸大的图像包含的内容丰富,能够更好的表达出设计意图。尺寸较小的图像,一般个性感强,具有衬托主题的作用。使用矢量创作工具制作的图像通常保存为PNG格式,尺寸需要在矢量绘图工具中确定,转换为位图后一般不再对其进行缩放操作。特别需要注意的是,Fireworks创建的PNG文件中包含图层等一些可编辑信息,其中直线、文字、形状都属于矢量图。将此类图像应用于网页设计中应先进行输出以便压缩文件大小,而输出的PNG图像会丢掉可编辑信息而转为位图。因此,图像尺寸的调节应在输出操作之前完成。对于现成的位图和照片,不要使用HTML语言中的height和width属性来改变图像尺寸,这样可能会使图像严重失真。一般使用Photoshop等软件调好尺寸后再插入到网页中。通常,放入网页中的图片应控制到一个比较小的尺寸。如果与文字混排,宽度最好在300px左右。即便单独出现,宽度也最好在600px以下。至于高度,以不超过一屏为宜。

3.4.2图像的外形不同类型的图像有不同的特色。比如,我们看到矩形的图像,就会有一种中规中矩的感觉;圆形图像给我们一种亲切温暖的感觉;不规则的图像会呈现出动感、有活力的感觉;菱形图像能够增加网页的美感。因此,我们需要将合适的图像应用到相应的网页设计中。

4结束语

综上所述,网页设计是一项涉及领域较为广泛的工作,要求网页设计师具备较高的专业技能。计算机图像处理技术在网页设计中展现出巨大的优势,将其应用到网页设计中,大大的提升了网页设计的质量与效果。在不久的将来,随着计算机技术的发展,计算机图像处理技术一定会取得更大的进步,网页设计也会更加完善、更加精彩。

参考文献

[1]蒋丽君.浅谈网页设计中计算机图像处理技术应用[J].商品与质量:消费研究,2015(1):71.

[2]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,2013,32(3):204-205.

篇6

1.1良好的交互功能

Flash虽然不能像一门语言一样进行编程,但是利用ActionScript脚本代码来进行互动性编写,则能让设计者制作出高品质的、交互性强的复杂网页动画,并以各种与用户互动的形式出现在网页中,如网页中的片头动画、Flash交互式游戏、广告动画等等,Flash这种交互式特点也使得应用Flash设计的网页成为当今被关注最多,使用最多,市场前景最大的网页类型。

1.2多元的信息表达

传统意义上的网页一般都是通过图文的方式进行内容的表达,而应用Flash设计的网页则能通过多元化的方式将信息传达出去,如图片、视频、动画等,相比于传统网页来说,这种更加动态的信息表达方式更具灵活性,所呈现出来的效果也更为明显,同时也更能被信息用户所接受。

2Flash在网页设计中的应用方式

如何在网页设计中有效应用Flash技术是每一位网页设计者值得思考的问题。不同的网页所面对的用户对象不同,因而需要在了解网页设计的目的和受众的群体基础上有针对性地灵活应用Flash技术。例如,查询搜索类网页由于功能单一,需要尽可能少用Flash技术,否则容易起到喧宾夺主的效果。而广告娱乐类网页由于指向性强,因而可以采用Flash方式与用户互动,增强网页的吸引力,使浏览者享受最佳的视觉体验。一般来说,Flash在网页设计中的应用主要分为部分和整体两种方式。

2.1部分应用

网页这个新媒体最大的吸引力就是能真正的实现动感和交互。目前,只要任意打开一个网页,基本上都能看到Flash的“影子”,有的网页将引导界面设计成Flas的形式,有的网站导航设计成Flas过程,有的网页在Logo设计中应用了Flash,还有的在网页登陆界面应用了Flash,可以说,Flash已经成为网页设计中最活跃的因子。Flash的部分有效应用给网页提供了丰富的视觉效果,也为浏览者提供了极大的方便,同时给用户以深刻的印象。但是,Flash的部分应用也应该根据网页的具体情况而定,切不可滥用,避免因过于花哨而影响浏览者的阅读,最终影响网站的宣传和推广。

2.2整页应用

当前,也有一些网页在设计过程中整体应用了Flash技术,这点在广告、传媒、设计、咨询等行业的公司最为凸显。为了追求美观,彰显个性这些公司将整个网页全部采用Flash来进行设计,包括网站的引导界面、页面的所有视频、交互式广告、网页的各级导航栏、文字、图标、按钮等。与普通网页相比,整体应用Flash设计的网页观赏性更高,艺术效果更强,对于展示宣传产品,推广企业形象具有极强的现实意义。整页应用Flash技术设计网页时,主要包括两个内容:①整体结构架构。在确定网页主题后,将网页内容划分为若干个模块,同时理清网页结构关系图。②Flash素材填充。针对每一个模块内容的不同,有针对性的准备Flash素材,如图片、声音、动画等,并进行合理的填充,尽可能地使每一模块内容能够完美呈现。③部分模块整合。在制作完每一个子模块的版面内容后,就需要对其进行整合,最终使其成为一个完成的Flash网页。

3Flash在网页设计中的发展趋势预测

Flash作为一款功能强大的软件,汇集了图片、文本、音视频、动画等各种元素,以Flash技术为支撑设计出来的网页在视觉表现上较普通网页更具冲击力和感染力,因而更能吸引人们眼球,从而实现网页的宣传效应。随着Flash技术的更新换代,基于Flash技术设计的网页也在不断变化中,从最初应用于网站片头的零星点缀,到如今大量应用于网站导航、产品宣传、技术服务等领域,并成为现在网页设计的主流手段。可以说,Flash技术将逐渐成为未来网页的一大主流。

4结语

篇7

1.文字的编排设计

文字是最普遍使用的视觉符号元素。文字的编排设计有字体的选择、创造以及运用等。在网页页面设计中,与其他视觉元素相比文字更具有辨识性。所以说,只要对文字进行编排设计,浏览者就更加容易接受所传达的信息。在处理文字造型时要适应文字的形态构成、空间布局、色彩搭配。通过设计与编排,文字提高了信息的准确度和可读性,从而达到良好的视觉传达效果。

2.图形图像元素

图形图像是网页中最重要的设计元素之一,具有直观、形象的特点,因此易于浏览者理解和接受。图形图像的有效应用使网页更加美观、生动,这有利于信息的传达。图形图像在网页设计中有着传达性、装饰性、表现性、趣味性、超越性等重要功能。网页页面主要是向浏览者传达信息。图形图像是最基本的实用功能,对图形图像采用夸张、象征、比喻的手法来体现视觉效果,可以让浏览者更快、更准确地了解信息。个性化的网页设计,新颖的图形语言,人性化的组合方式,往往会更加引人注目,给浏览者独特的视觉体验。图形图像使得“艺术无国界”,它用特殊的语言来传达信息。网页作为全球性的媒介,当浏览者在网页上找不到自己熟悉的语言版本时,图形图像大致了解了他们的信息需求,拉近了信息的传达者和接收者之间的距离,消除其陌生感。

3.色彩设计

在网页设计中色彩的主体色调具有先声夺人的力量,网页让浏览者产生心理共鸣。运用色彩传达信息,增强了网页的可理解性和易识别性。色彩产生了强烈的视觉效果,使得页面更加生动。色彩设计是页面设计的语言,是网页页面设计中的重要元素。色彩在网页设计中有视觉区域的划分、重点主题的突出、视线的吸引。只有利用色彩的力量,不断设计出各式各样的优秀页面,在网页页面设计中,色彩的应用或含蓄优雅,或端庄大方,或单纯简洁等,但无论哪种形式其目的都是为了引起浏览者的关注,增强网页视觉信息的传递。

4.版式设计版式

在网页页面设计中有着实用功能和审美功能。网页版式设计的实用功能就是人机交互。在网页设计时要了解网站的目的及想传达的信息,不同的网站都有不同的特色、重点。网页中设计的导航栏和空间划分组合的版式编排,及清晰合理的设计元素要符合整体风格,版式合理有序的排列使得信息有效传达。网页版式中的审美功能是为了满足浏览者的心理需求,浏览者在浏览网页的同时,版式设计使他获得了快乐与舒心的体验。网页版式各视觉要素要进行平衡与调整,使其成为一个有机的整体。保持布局设计的独特风格,可以提高网页界面的视觉表达和感染力度。

二、数字网页设计中的媒体视觉传达

1.网页主题及整体风格的视觉传达

网页设计首先要明确主题的设计和建立网站的目的,要及时进行市场调查,了解网站受众的情况,确立网页的整体风格,使网站的全部信息按照主题来设计。网页设计做到鲜明突出、要点明确,以简单的页面传达不简单的信息。网页的表现形式要与内容统一,而整体风格要与主题前后一致。同时,信息要及时更新,使网页页面中所掌握的信息一定是即时最新的,这样才能增加网页的访问量,有利于信息的传达。

2.网页设计的受众及情感传达

网页设计需要对受众定位,不同受众主要体现在人的性别、年龄、职业以及受教育程度、生活习俗等方面的差异。从年龄上看,不同阶段年龄的受众所关注的事物各不相同,因此在网页设计时可以把握这种特点,使得网页设计更加具有针对性。人们在接受和理解信息时受态度、愿望、需求和情感等心理因素的影响,所以会对信息有选择性,这种需求心理的差异决定了网页上的视觉信息应当尽可能的丰富,才能为更多的受众所用。

3.网页设计在视觉传达中应注意的问题

首先,网页的版面设计。在页面上,图片和文字同时展示给用户,将所有产品都放在一个网页上,不分主次,这样导致浏览者找不到自己所需的信息。其次,文字设计影响到网页的质量。为了突出字体内容,会将字体加大,加下划线和使用艺术字体。将字体和段落有序组织,才不缺乏视觉美感。再次,色彩的运用和搭配也极为重要。色彩搭配要合理、适度,主体风格要统一,才能够给浏览者一种美的享受。为了网页有视觉冲击力,将风格不同、颜色各异的图片、文字等放在页面上,却适得其反。最后,图片的不合理导入。现在很多网页设计中图片的选用不合理,编排不得当,使得页面零乱、空洞,极大影响了网页视觉传媒的质量。

三、结语

篇8

《电子商务网页设计与制作》课程早前在高职国际贸易专业中并未开设。然而,随着现代网络技术以及信息技术的飞速发展,信息化已经进入了几乎所有行业,国际贸易行业也不例外。国际贸易与信息化及电子商务技术的融合表现的日益紧密,外贸电子商务大大地增加了全球各经济体之间的贸易机会,降低了跨地区的交易成本,提高了贸易效益。

二、高职国际贸易专业《电子商务网页设计与制作》课程现行大纲

《电子商务网页设计与制作》课程作为国际贸易专业学生新增的一门必修课程,旨在通过教学使学生掌握电子商务网页设计与制作的基本知识与基本技能,即熟练掌握HTML语言的基本规则,运用DIV与CSS布局设置,使用网页编辑工具制作网页以网页的知识与技能,从而使学生更好地适应国际贸易专业的岗位需求。

该课程现行大纲包括以下内容:电子商务网站的定义及功能、电子商务网站的构成、特点和分类、电子商务网站的开发工具介绍;HTML简介、HTML概述、HTML文档结构、通用属性、文本格式的应用、标题标签、字体标签、格式变化标签、特殊符号、列表与超级链接的应用、列表标签;HTML超级链接、背景标签、背景颜色、背景图片、网页中的图片、显示图片、设置图片大小、边框、水平与垂直间距、图片对齐方式;网页中的表格、合并单元格、单元格对齐方式、表格背景、表格边框、单元格间距;网页中的表单的创建、表单元素的添加;CSS样式表介绍、字体设置、排版;颜色和背景设置、超链接设置;层的基本概念、层的基本操作、层属性设置、层边框、边距、使用层进行网页布局;CSS+DIV列表设计、CSS+DIV列表应用;CSS+DIV导航设计及应用;品牌销售网页设计、商品详情网页设计、促销专题网页设计、网页综合实训。

三、高职国际贸易专业《电子商务网页设计与制作》课程教学中的特点及问题

(一)课程教学中的特点

1.国际贸易专业的学生对该课程的学习表现出了浓厚的学习兴趣:该课程作为一门计算机技术类课程,在内容及上课形式上使学生感到新鲜这是他们对课程表现出兴趣的最初原因;其次,通过该课程学习,他们自己编写相关HTML文档,通过浏览器可以看到预期效果,是他们产生更为浓厚兴趣的根本原因。

2.国际贸易专业的学生对标记的理解与掌握较计算机类学生更好。通过分析,我认为国际贸易专业的学生较其他专业学生(比如说计算机类专业学生)具有强大的英语方面的优势,他们的英语功底普遍扎实,因此对标记的含义理解和记忆更为容易。当然作为文科生扎实的记忆功底以及良好的学风也不无关系。

(二)课程教学中存在的问题。

1.团队协作方面不够好。在实际工作中网页的设计与制作是需要多人合作完成的,但是在教学过程中存在这样的问题,让学生独立完成一个任务的效率通常要高于两人或多人的效率,尤其人数越多效率越低下。

2.网页设计能力较弱。由于没有先导课程以及课程课时相对较少,多数学生的网页设计能力相对薄弱。页面看起来很花哨,但是缺乏设计主题且页面之间风格无法统一,因此网页的视觉效果欠佳。

3.逻辑思维相对欠缺。在使用DIV进行页面布局时需要用到空间及数学计算等知识,但是由于专业特点,逻辑思维相比理工专业学生逻辑思维相对欠缺,对于空间及空间长宽计算处理能力较弱,甚至理解有一定困难。

4.课程与专业结合不够紧密。课程开设目的是为了适应国际贸易与信息化及电子商务技术的日益紧密融合。但是由于现行大纲教学内容设置以及授课教师对国际贸易专业了解把握度有限,使得课程与专业结合存在,但是不够紧密。

四、对高职国际贸易专业《电子商务网页设计与制作》课程的教学建议

1.在课程教学中融入对学生团队协作能力培养。

2.在大纲设计中突出网页设计能力培养。该课程的两个技能点是设计与制作,其中设计更难把握。由于没有先导课程,需要在课程中加大设计能力培养与训练,并相对增加这方面课程的课时量,相对应总的课时也需要相应增加。

3.教学过程中对学生逻辑思维进行训练,对于难理解的采用更为形象的讲解。上课过程中,发现学生对DIV进行页面布局涉及到的空间及空间嵌套以及空间大小理解有困难,在今后的教学过程中可以采用由简入难、举一反三、在纸面上画出等方式帮助学生理解。

篇9

网页设计中色彩搭配往往是设计师设计的重中之重,因为网页设计的一个重要的特点就是让浏览者以第一眼的感觉对网站进行基本的认识和定位,这个第一眼的概念就是浏览者不会在一瞬间对文字性的内容有太多的印象,而是停留在网页大面积的色彩带来的冲击上。因此色彩的搭配在为网站取得美好的第一印象的行动中显得尤为的重要。目前的网页设计中也有许多的设计师们意识到了这一点,于是有部分设计师在对网页进行设计时采用了非常抢眼的纯色,不可否认的是纯色的运用确实会在第一眼的视觉感受上造成很大的冲击,但纯色对于一个浏览者对网站的长期浏览是十分不利的,因为纯色不仅会加大浏览者的视觉疲劳感,还会会使浏览者对网站产生不利的品牌认识。在对几个优秀的网页设计作品进行对比和总结之后我们发现他们几乎有一个共同的特点,就是色彩上的留白。当然,这种留白并不是指他们的网页设计大面积的使用白色,而是他们在选用色彩时除了对需要强调的部分使用了必要的纯度较高的颜色进行突出外,其他的版面都采用了颜色纯度较低的高级灰,而且这些高级灰的面积较大,有一些甚至无限接近于白色。这种色彩上的留白使得整个网页设计的品味和内涵都得到了较好的体现,而且使得浏览者在对网页产生了相对较好的第一印象之后也非常愿意应留在网页上进行进一步的浏览,既欣赏了网页的色彩,也对网页想要传达的其他内容有了一定的了解。

二、网页设计中文字表达时的留白

文字内容对网页设计也具有相当大的影响,因为浏览者在对图片进行了第一印象的判断后紧接着就是对文字的印象了,因为一件优秀的网页设计作品不仅是色彩对浏览者的吸引,当浏览者停留下来开始对文字进行欣赏时,文字的重要就变得不言而喻了。然而文字的表达也绝非只是将网站的内容简单的以文字的形式呈现出来那样简单,其中的讲究我么也是经过了大量的对比和学习才发现了其中的一些规律,简而言之也就是在网页设计中对文字的表达也要进行留白处理。文字的表达应该如何留白处理呢?其实并不难,因为文字本身也是有一些留白的结构的,所以设计师在设计网页的文字时一定要结合文字本身的留白结构,再结合页面设计的需要对文字进行合适的的处理。且文字的留白还有一点很重要,就是当一件网页设计中需要的文字信息量很大时可以对文字本身进行平面化的处理,使文字成为一种设计元素而非成为阻碍网页设计效果的障碍,但网页设计中无论用什么方法去处理文字都应该将文字表达中最重要的部分进行强调,以免在经过多种艺术手法的处理之后反而使得文字无法有效的传达出网页所要表达的信息,进而造成网站的主题不明,寓意不明等问题。文字的表达在网页设计中必不可少,国内外许多优秀的网页设计都在文字的处理上让人们拍手称赞,其中不难发现无论使用了那种形式的处理方法,留白都是这些优秀文字处理手法的核心所在,所以,当大量的文字内容使得网页设计的效果不尽人意时我们应该停下来思考一会儿,是不是应该考虑进行留白了呢?

三、网页设计中版式设计时的留白

篇10

关键词:布局;网页设计;运用

中图分类号:TP393.092 文献标识码:A 文章编号:1007-9599 (2013) 01-0111-02

1 布局的重要性

在网页设计中,布局主要是利用各种元素在布局处理中的方法以及规律。从规律性上来讲,其主要的特点就是重复布局、近似布局、渐变布局、发射布局、特异布局,从非规律性的特点上来讲,主要表现为密集布局、分割布局、对比布局、肌理布局、空间布局。在网页设计中,布局作为整个设计的结构因素,必须要在布局中,通过科学安排相关的功能和区域,运用不同的形态、材料,重新组合成为一个新的单元,并赋予视觉化概念,将相关基本形任意组合成新的视觉元素,才能达到应有的设计效果。另外,布局关系到网页设计文化和水平的好坏,通过点、线、面的运用,以及各个元素之间关系的正确处理,满足不同文化环境对网页设计的要求,以便顺应人们的视觉感受,打动观看者的视觉,进而达到设计想要的效果。

2 布局的运用技巧

2.1 图片的应用。图片作为网页中的重要组成元素,是说明网页内容和美化页面的关键。因此,需要设计师把握布局设计理念,把图片加到适当的地方,利用图片对页面进行处理。如利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。

2.2 页面排版的应用。在网页设计中,页面排版作为视觉传达的重要手段,同样,决定着网页设计的成败。页面排版包括页面距、版面设置、表格处理、页码格式等内容,种类繁多,需要设计者从中寻找相关的规律,要根据网页的形式,利用特异处理,将一些相同的基本型中出现一个形状或者大小特异的基本型进行整合,进而达到和谐统一的画面效果机理。在这里我们以表格的处理为例进行说明:表格(table)是页面中的重要元素,是页面排版的主要手段,可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。如在使用Dream weaver制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。因此,页面排版时,可以通过各种手法,如页面尺寸、文本、页头、页脚等进行排版处理,按照设计要求,采用好的排版方案,形成各种不同的机理效果和空间效果,并在二维空间来表现三维,从而产生一定的视觉冲击力,同时,利用各基本型相互之间对比形成的一种互补的视觉分割状态,保证在作品中所有元素形成统一的状态,强化作品的空间表现形式。

2.3 造型组合的应用。造型代表着一个页面的整体形象,而这种形象一定要突出整体性。在网页设计中,要利用经典图形,用最简单的设计技术创造经典的视觉效果,同时,这也是创意和理论的高度结合,简单来讲,就是在确定好图形与背景之间的关系,通过双重意象的构建、产生与形成,吸引观众的注意力,使得他们的视线更多集中在图形或背景上,因此,这就需要强化页面布局的局部以及整体效果。比如我们平常所见到的页面布局,其在背景和图像的区别虽然不明显,但是却存在着一定的差异,由黑白条纹所布局,用上下交错的手法创造出了双重意象,给观者造成一种视觉上的错觉,能够让人反复的观赏画,成功地吸引了注意力。

因此,平面造型组合的应用,需要从以下方面做出努力:一、要注意点、线、面三者的综合运用,不能等同,要以其中一种元素为主其他为辅,否则元素越多就越容易凌乱,统一感就越难把握;二、在网页设计中,要点是设计,因此,要有创意,有个性,抢眼睛,要有较强的吸引力,可以,在设计时用直白的手法,告诉人们设计的主题和所要表达的观点,既要满足对比、协调性,在于与众不同,同时,还要用色彩突出创意设计。这样,在页面布局处理时,突出其良好的对比性,通过相关的对比因素的处理,引起人的注意,吸引人的关注,并且结合相关的视觉元素,如动画、图片以及文字等,使其形成良好的协调关系。

3 网页设计的优化

3.1 体现网页设计的对比与统一

首先,对于布局,需要通过色彩布局,强化接触的布局,在实际处理中,通常会运用多位黑白,或者黑白灰的方法,一方面是为了避免布局感受到色彩的影响,另一方面,是为了通过色彩布局,强化整个网页的统一性与和谐性,为此,需要设计人员要注重对色彩的运用和搭配,利用布局中的色彩的明度、纯度、对比度等交错搭配,增强页面效果。与此同时,用于对比的色彩,线条粗细要富有变化性,节奏有序。其次,通过对比与统一的应用,强化整体感。我们知道布局在二维的空间用点线面的元素来使画面和谐,可以采用任何一种元素来完善画面,例如点的元素,线的元素或面的元素。其核心只有一个,通过多个

元素的疏密关系,浓淡关系等使画面和谐。也就达到了设计的目的。而布局作为网页设计的基础,必须要体现其格式的灵活性、创新性。

3.2 增强页面设计情感效果

在页面设计中,对于其情感特征的体现,主要来源于点、线、面的综合运用,因此,在设计时,需要通过对这三个要素进行分析、搭配以及处理,突出设计的主题性,一方面,既要满足设计要求,另一方面,还要激发观赏者的情感因素。因此,在页面设计中,要想更好地表达设计主旨与设计要求,从而引导观者的情感,则要从下面的几点入手:首先,页面设计中情感特征的体现,主要来源于点、线、面的综合运用,因此,在设计时,需要通过对这三个要素进行分析、搭配以及处理,突出设计的主题性。其次,要运用平面构成的形态要素,奠定形式美的设计法则,利用点、线、面的构成,体现页面设计的发射构成、空间构成、打散构成,强化设计的邻近对比、补色对比、冷暖对比、面积对比,从而更好地强化人们的触觉肌理和视觉肌理。另外,要运用不同的形态、材料,重新组合成为一个新的单元,并赋予视觉化的、力学的概念,将相关基本形任意组合成新的视觉元素,通过点、线、面的运用,正确处理好各个元素之间关系,既要满足设计要求,也要激发观赏者的情感因素。总之,网页设计涉及的东西也是比较丰富的,包括广告类的创意与制作,需要设计人员要具备丰富的想象力和创意性思维,与真正的平面广告宣传应用形成一个很好的融合。

4 总结:

总而言之,要想设计出能够吸引人的网页形式,就要对布局和网页设计有一个全面的把握,遵守统一变化的原则,强化版面的外形特征,体现设计的生命力,与此同时,还要通过精心的设计与安排,进行整体上的比较,在保证形式上的和谐以外,还要保证其疏密有致,轻重适度,最终体现设计上的别具一格。

参考文献:

[1]游林华.布局在网页设计中的运用[J].职业·中旬,2012(12).