网页设计制作论文范文精选

2023-06-18 10:41:26 来源:互联网

随着互联网的发展,网页设计也不断的发展起来。下面是小编为大家整理的网页设计论文,供大家参考。

网页设计论文篇一:《简约主义视角下的网页设计》

在当前这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。


(资料图片仅供参考)

关键词:简约主义;网页设计;对策

一、前言

迈入新世纪之后,信息技术蓬勃发展,我们已经身处于信息时代的怀抱中,在这个时代中,各种视觉信息不断泛滥,让我们眼花缭乱、应不暇接。人们越来越希望网页设计能够变得简洁、明快、一目了然。将简约主义思想应用于网页设计中,有着明显的现实意义。本文先分析简约设计理念的起源,接着研究简约主义视角下网页设计的特点,最后提出一套有针对性的应用简约主义理念的对策,希望能起到一定的启发意义。

二、简约主义溯源

早在春秋战国时期,我国哲学家、思想家老子就提出过“少则多、多则惑”的思想。在古希腊时期,柏拉图曾经用“简单及少”的理念来论述立方体。这足以说明简约主义思想源远流长,很早就初见雏形。事实上,正是世界文明史上的现代主义运动直接带动了简约主义的发展与成熟。从理论角度而言,现代主义是功能主义与简约原则的有机融合。上个世纪初,英国兴起的“工艺美术运动”正式将简约主义理念登上了历史的舞台,使其出现在人们的视野中。“工艺美术运动”旨在否定机械化与装饰过度的设计风格,主张真实、热情,兼具功能与价值的设计。这次运动为现代主义风格奠定了良好的基础。其提出设计应该以功能作为核心,强调非装饰化的简单几何造型。之后,著名建筑大师米斯•凡德罗提出了经典的“Lessismore”的设计原则,直接为简约主义理念奠定了理论基础。如今,不光是建筑领域,产品设计领域、平面设计领域、室内设计领域、家居设计领域都开始追求简约主义设计理念。如今,关于简约主义的称法层出不穷,白色派、极少主义、“空”设计,其实都是追求简约大方的设计风格,是简约主义设计理念的具体体现。本文认为,所谓简约主义,其实就是呈现最基本的要素,主张摒弃一切多余的结构、色彩、文字与图形等,这样可以让核心内容成为聚焦点,使人们迅速攫取到中心内容。

三、简约主义视角下网页设计的特点

互联网的日益普及使得网络承载的网页内容不断增多,功能也日趋多元化。虽然人们通过网页能找到自己想要的信息,但由于网络世界缺乏应有的监管,导致一些网页看似华丽,实则空虚,这就对网页设计提出了更高的要求。将简约主义理念用于网页设计中,有着广泛而深远的意义。首先,网页设计应用简约主义理念,可以提升用户体验。如果只注重网页的外观设计,一味追求华丽美观,用户可能难以在网页中迅速攫取自己想要的信息内容,这样的用户体验显然是很糟糕的。其实,在网页设计中,简约是一个相对性概念,力求摒弃泛滥与随意。网页设计的简约是对网页信息结构进行科学布置,简单清晰地向用户传达他们想要的信息,从而留住用户,提高网页的点击率。其次,网页设计应用简约主义理念,可以做到网页信息主次分明。Google产品设计副总裁MarissaMayer曾经对这个功能做出过精辟阐释,她认为简约的网页设计就犹如一把合上的瑞士军刀,用户往往只能记住一个网站的7-9个功能,脑海中留有16个左右的关键词印象,所以必须在这个范围内合理考虑用户的要求,而那些功能繁杂、页面华丽的网站,更像一把打开的瑞士军刀,可能会“伤害”用户的使用,使其感觉信息混乱。

四、网页设计应用简约主义理念的对策

自从米斯•凡德罗提出了经典的“Lessismore”设计原则,简约主义设计理念收到了人们的热烈追捧与认可,它提倡摒除所有无关紧要的要素,以简明、活泼、轻快的设计风格直达用户内心,满足用户诉求。如今,现代人身处于一个信息爆炸、知识泛滥的时代中,内心越来越渴望网页界面做到简洁明快,能快速找到想要的信息。有鉴于此,网页设计应用简约主义理念可以从以下几点入手:

1、合理取舍

简约主义设计风格始终追求简单明晰的设计效果,摒弃所有多余的色彩、文字与图形等设计元素,力求高效快捷地向用户传达有效信息,将他们的视觉关注点引领到关键信息中,对网页的关键要点产生兴趣。要达到这样的境界,合理取舍至关重要,具体是指强调与着重,因为简约主义不是主张去除一切,而是提倡将关键信息优先曝光在用户的视觉世界中,在保证网页好用的基础上,为用户减轻视觉负担,使他们享受到良好的使用体验。在合理取舍过程中,设计者要注意这么几个基本要求:网页色彩、文字精简、图形处理、位置编排和版面的“留白”处理等。对于一个没有任何留白,文字布局密密麻麻的网页,根本会让读者感觉无从下手,导致他们直接关上网页。所以,网页设计者必须保留一定的网页留白,在空白背景下曝光重点信息和关键信息,然后再一步步引导用户了解其他的信息。

2、合理组织视觉要素

在设计网页界面时,有了简约主义设计理念的指导,设计师应该合理组织视觉要素,力求做到简单清晰。设计者要合理分类、组合网页界面的信息,进行适当删减。分类网页信息是为了让用户在浏览网页时,可以直接、快捷地了解网页布局与结构,做到心中有数,在其脑海中留下一定印象;减少类别和适当删减并不是要减少网页含量,而是将重点信息、关键信息放置于一个相对简单的布局中,使用户能一眼就看到有效信息而不浪费时间。在组织视觉要素时,设计师可以先构建一个简单清晰的首页,摒弃繁杂,然后进行适当配色,色彩种类不可过多,以简洁素养为主,文字介绍也不可花里胡哨,力求做到简洁明快。

3、网页各界面保持风格统一

毫无疑问,现在的网页界面有着众多层级,设计是必须做到网页界面的风格统一和和谐,不可产生太大的突兀之感。用户一般是通过首页或者网页链接进入网页界面的某个层级中,假若网格界面的风格不够统一,甚至存在较大反差,很容易影响用户认知网页信息的效果,不利于他们顺利解读网页信息。事实证明,统一和谐的网页界面风格不仅可以增强用户的认知与记忆,提高他们搜索所需信息的效率,还能使用户对该网页印象深刻,对其形成满意度,成为该网页的“忠实粉”。对于网页界面风格的和谐统一,关键要做到同样元素的位置和大小要保持一致,起码不能差距太大,配色方案也要保持整体一致,同类型的设计要素风格也应该尽量保持一致。

五、结束语

在网页设计中应用简约主义理念大有裨益。但我们不能忽视,目前有设计师在应用这个理念时走进了误区,即为了简约而简约,忽视了网页的功能性,不注重用户浏览网页信息时的认知体验,这样的网页设计必定“费时、低效”。其实,简约主义设计理念并不是简单地简化设计元素,而是合理取舍界面要素。对于网页设计而言,设计师必须立足于提升用户的使用体验,提高网站的可用性,只有做到“以用户为中心”,才是真正的简约主义设计。我国网页设计师应该多学习和借鉴国内外优秀的成功案例,认真学习简约主义设计理念的精髓。

网页设计论文文献

[1][美]RobertHoekman,Jr.瞬间之美-Web界面设计如何让用户动心[M].北京:人民邮电出版社,2009

[2]鬲波飞.网页设计之视觉信息传达分析[J].湖南大学学报(社会科学版),2001,15(4):15-19.

[3]唐良瑞,李丹.网页设计的诸要素分析[J].北方工业大学学报,2000,12(1):15-19.

[4]黄海燕.网页设计与平面设计[J].包装工程,2004,25(1):126-127

[5]李饶,李忠明.浅谈网页设计中色彩搭配的运用[J].计算机光盘与软件,2011.

[6]徐超.探究简约主义的网页设计[D].上海:上海师范大学设计艺术学,2012:19.

[7]李静.基于视觉体验的网页界面极简主义设计[D].武汉:中国地质大学艺术与传媒学院,2013:27.

网页设计论文篇二:《浅谈网页设计之美》

摘要:网页设计伴随着网络的快速发展而兴起,网页讲究的是排版布局,其功能主要就是提供一种形式给上网者,让他们能够了解网站提供的信息。怎样能让上网者在浏览网页信息的同时,不但浏览起来方便快捷而且感觉网页赏心悦目了?以下针对网络环境下的审美,谈谈自己对网页设计的一己之见。

关键词:网页设计 审美 美感

一、网页设计的审美需求

1、网页的审美

谈到美,网页这种特殊环境下的美与传统的艺术上的审美有着明显的区别,一般的艺术上只要能够在欣赏者的心里产生共鸣就是美的;而网页的布局上的审美却要受到很多的限制,网页设计面对的是大量用户,由于更新速度的快捷,随时都会反馈回来对网页的批评建议等,可以根据实际情况进行修改,这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如,任设计师自由的发挥。

2、网页的功能

网页,最初就是在功能性的基础之上发展起来的。使用者如何从网页中更好得到功能,这就需要站在使用者的角度来看待网页设计。作为设计师引导潮流没有错,但是更要贴近自己的使用对象,想他们所想,急他们所急,适时的将自己的设计风格融入到作品中去,接受他们的检验,只有经得起考验的设计才是好的设计。

二、网页设计的几点原则

1、要考虑上网者的环境。

在网络世界里,涉及到各方面的内容,使用者通常是打开很多的窗口,在一种纷繁复杂的情况下接受信息。假如他们浏览的网页是设计特别花哨,文字、动画等堆砌的极为杂乱,加剧了心理上的厌烦感,这种网页能算得上美吗?所以从使用环境里的功能的因素来考虑美才是最根本的。

2、考虑网页的使用对象

考虑网页的使用对象本身也是网页审美的一个重要方面,网页设计都是为每个具体的网站做宣传,那么不考虑对象就如同闭门造车,这样会造成其根本的功能的损失。例如一个儿童网站,设计得如同新闻专题的网页一样,纯粹是文字。那么使自己的使用对象 ――儿童在浏览该网站的时候毫无兴趣,阻碍了网站的基本的目的,从这个功能层面上来理解,设计的美是同使用对象分不开的。

3、考虑网页的使用功能

网页设计的美其实是一个满足使用者需求的过程,使用起来方便快捷,排除使用中的问题,这就是美的,这就是纯粹从功能上的要求出发的。假如我想上一个体育的网站了解当天的足球战报,那么我上网的目的性就是非常的明确,直接看足球的结果。我的上网过程就是先敲入网址,尽快的找到足球的栏目,再找到比分的链接,设计师如果考虑到上这个网站的很多人都想知道足球的比分,那么在主页上放一个流动的临时更新的框,就可以使上网站的使用者直接在主页上看到想要看的东西,这样快速而又方便的结果,其实质上是一个网页设计的成功的地方,这种网页就是美的。反之假如把网页设计得非常的“漂亮”(这里指的是纯粹的从艺术审美上的漂亮,满足一般的形式美的要求的,而不考虑使用环境的情况),但过程复杂,增加了使用者的不便,没有为使用对象考虑,就是失败。

4、网站的自身形象设计

还有一个美的因素也不能不考虑,就是网站本身,通过自己的设计使网站的形象得到提升,使网站的形象在每个使用者的心目中扎根。这是现在网页设计中普遍不受重视的,例如网站的名称或者是网址没有得到强化,尽管使用了之后觉得好,但是第二次使用时却记不起是什么网站,收藏夹里太多也找起来不方便。因此假如网页设计时注意了网站的名称和网址的因素,加强网站自身形象设计,从这个功能上来说是设计成功之处,也是网页设计美的一个观念的异化。

三、网页美的基本标准

1、简洁实用

网络特殊环境下,以最高效率的方式将用户所要想得到的信息传送出去,使用方便,越满足使用者的要求,就越显示出其功能美。

2、整体性好

一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的。

3、网站形象突出

一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。

4、页面用色协调,布局符合形式美的要求

布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。

一个网站单一颜色,让人感觉单调乏味;颜色过多让人感觉轻浮花俏。必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。

5、交互式强

发挥网络的优势,使每个使用者都参与到其中来,这样的设计才能算成功的设计。

四、设计界面的应用方法

设计界面所包含的因素运用中必须有侧重、有强调的把握。设计因素虽多,但它仍是一个不可分割的整体。它的结果是物化的形,但这个形却是代表了时代、民族等方面的意识,并最终反映出人的“美”的心理活动。

设计界面的运用,核心是设计分析。在一些大公司都有许多的成功案例可为借鉴。如柯尼卡公司设计相机,首先不是绘制“美”的形和考虑技术的进步,而是进行对象人的日常行为分析,作出故事版(STORY)。它先假定对象人的年龄为35岁,名:Xxxx,从而分析他的家庭、喜好与憎恶,分析他的日常行为,进而考察其人在什么场合需要僚机,从而为设计提供概念(CONCEPT)与目标(TARGET),进行设计。经过分析,设计师有了明确的概念与目标,并随信息的交互产生了创造力。

另一方面,设计师自身对社会环境也要进行深入的认识与考察,对设计的作品取向有明晰的认识。日本设计师佐野邦雄先生曾作一图――生活的变迁与设计师的课题,将日本及世界上某些非常有影响性的事件进行了归纳,进而对设计有了深入的认识与感悟。所以,要运用好设计的界面,理性的认识是首要的,其次就是创造性的,而且是有实效性的分析、处理信息。设计不是一成不变的,分析方法也不是一成不变的,设计的界面同样是在人一物的信息交流中变化发展的。

以上谈了几个涉及到网页设计的美的相关的功能的影响,综合以上的概述,下面总结以下网页美的基本标准。

五、设计界面的运用原则

1、合理性原则

即保证在系统设计基础上的合理与明确。任何的设计都既要有定性也要有定量的分析,是理性与感性思维相结合。努力减少非理性因素,而以定量优化、提高为基础。设计不应人云亦云,一定要在正确、系统的事实和数据的基础上,进行严密地理论分析,能以理服人、以情感人。

2、动态性原则

即要有四维空间或五维空间的运作观念。一件作品不仅是二维的平面或三绝的立体,也要有时间与空间的变换,情感与思维认识的演变等多维因素。

3、多样化原则

即设计因素多样化考虑。当前越来越多的专业调查人员与公司出现,为设计带来丰富的资料和依据。但是,如何获取有效信息,如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

4、交互性原则

即界面设计强调交互过程。一方面是物的信息传达,另一方面是人的接受与反馈,对任何物的信息都能动地认识与把握。

5、共通性原

即把握三类界面的协调统一,功能、情感、环境不能孤立而存在。

网页设计论文篇三:《网页设计中的色彩设计》

从心理的角度来讲,设计元素给人一定的先后印象,它们的次序分别是:色彩―图象―文字。色彩起着必不可少的作用,把握好色彩,才能把握好网页的整体设计。

一、网页设计中的色彩模式

网页设计的页面最终显示在计算机显示器上,而非传统的纸张上,因此,它的色彩运用有特殊的要求。

网页设计中用色以RGB色彩模型为基础,而RGB模型则依赖混合不同的R(红)、G(绿)、B(蓝)值来建立色谱中的大多数颜色,RGB模式主要用于计算机上所显示的图象。以红,绿,蓝为计算机上所显示图象的三原色,其它的色彩都可以用这三种色彩调和而成。

二、网页设计的色彩艺术设计

(一)综合色相、明度、纯度进行的网页色彩设计

网页的色彩艺术设计是以色彩的属性进行配色的依据,而色彩的属性包括色相―色彩不同的相貌、明度―色彩的明暗程度、纯度―色彩的鲜浊程度。

1、根据色相的特征考虑网页的色彩

充分运用色彩的特性,可以使我们的网页设计具有深刻的艺术内涵,从而提升网页的文化品位。下面分析不同色彩的特性:

(1)黑色使人感觉沉静、庄重、含蓄。无论什么色彩与它相配,都能取得赏心悦目的良好效果,在网页设计中,把黑色与其他流行色彩组合应用,颇有时尚、个性的气派。但是,黑色大面积使用会产生压抑、阴沉的恐怖感。

(2)白色给人的印象是洁净、光明、恬静等。在它的衬托下,其他色彩会显得更鲜艳、更明朗。

(3)灰色突出的性格是柔和、平稳,它不会明显影响其它色彩,因此,在网页设计中,作为背景色非常理想。任何色彩都可与灰色相混合,给人以高雅、细腻、含蓄、而有素养的高档感觉。

(4)红色一般用作迎贵宾的场合,含白的高明度粉红色,则有柔美、甜蜜、幸福的感觉,不妨考虑用它作为女性网站的色彩。

(5)橙色感觉活泼、华美、甜密、幸福等,但也有疑惑、嫉炉等消极的倾向。含白的浅橙色与橙色本身都是食品包装中常用的甜美色彩,用在食品的网页设计上是不错的选择。

(6)黄色是所有色相中明度最高的色彩,具有轻快、活泼、健康等印象。但黄色过于明亮而显得刺眼,并且与他色相混和即容易失去原来的色相,所以也有轻薄、不稳定等含义。

(7)绿色象征生命、青春、和平等,人眼最适应绿色。黄绿带给人们春天的气息。蓝绿、深绿有着深远、睿智等含义。灰绿给人以成熟、深沉的感觉。

(8)蓝色表示沉静、理智等含义。浅蓝色系明朗而富有青春朝气,被年轻人所喜爱,但也有不够成熟的感觉。深蓝色系沉着、稳定,为中老年人普遍喜爱的色彩。蓝色也有另一面的性格,如刻板、冷漠、悲哀、恐惧等。蓝色受到世界各国、各族人民的欢迎。

(9)紫色具备神秘、高贵、优美、庄重、奢华的气质,但也有孤寂、消极的感觉。尤其是暗紫容易给人以腐朽、死亡的印象。但蓝紫色,却有着类似太空、宇宙色彩的幽雅、神秘的时代感,在现代生活里被广泛采用。

(10)光泽色指除了金、银等贵金属色以外,所有色彩带上光泽后的色彩。金色富丽堂皇,象征荣华富贵;银色雅致高贵,象征纯洁、信仰,比金色温和。在网页设计中,小面积点缀,具有提神作用,大面积使用则会产生过于眩目的影响,显得浮华而失去稳重感。

2、网页色彩设计除了考虑以上所讲色相的各种特征,还要结合色彩的明度、纯度综合考虑

可以归纳为这几方面:

(1)用对比色调来表现网页的色彩设计,包括色相对比、明度对比、纯度对比

色相的对比是指不同色彩之间的对比,从24色环上按度数可分为同类色(15°)、类似色(60°)、邻近色(90°)、对比色(120°)和互补色(180°),它们分别使网页呈现以下的特点:同类色对比:和谐、统一。红色、橙色、黄色、赭色等暖色调可使网页呈现温馨、和煦、热情的氛围。蓝色、蓝紫色等冷色调可使网页呈现宁静、清凉、高雅的氛围。邻近色对比:丰满、活泼,既保持了统一的优点,又克服了视觉不满足的缺点。类似色相对比:仍然统―、和谐,与同类色相比效果要丰富得多。对比色相对比:效果强烈、兴奋;互补色(红色-绿色、蓝色-橙色、黄色-紫色)对比:饱满、活跃、刺激的特点。

明度对比,就是将不同明度的两色或多色并列在一起,明的更明、暗的更暗的现象。高明度具有优雅、明亮的感觉;中明度具有柔和稳定的感觉;低明度具有沉静厚重的感觉。

纯度对比是将不同纯度的两色并列在一起,因纯度差而形成鲜的更鲜、浊的更浊的色彩对比现象。高纯度色彩具有明朗、积极的感觉;中纯度色彩具有含蓄、稳定的感觉;低纯度色彩具有:朴素、平淡的感觉。

利用高中低明度、纯度的特点组进行网页中的色彩搭配,能体现不同的风格。

(2)色彩的大小和形状对比

色彩的大小会令色彩的对比有一种生动效果,比如网站设计中,尝试在一大片绿色中加入几小点红色小花,你会注意到红色的小花在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下,小面积的纯色会突出特别的效果。但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在米黄色中加入淡灰色,你根本就不会注意到淡灰色。

(3)网页底色与文字、图片色彩的对比

假如网页中底色是低调,网页上的文字、图片颜色就要浅,以深色的背景衬托浅色的内容;反之,底色是高调,文字、图片颜色就要深些,以浅色的背景衬托深色的内容。如果色彩的明度很接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也不适宜长期阅读。

(二)网页色彩搭配要遵循的原理

1、色彩的鲜明性

网页的色彩设计要生动,容易引人注目。

2、色彩的独特性

要有与众不同的色彩设计,使得大家对该网页的印象强烈。

3、色彩的合适性

了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。

4、色彩的联想性

不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。

(三)网页色彩搭配要注意的其它因素

1、了解你的读者群

不同地区、年龄层以及不同的文化背景对颜色的反应亦会有所不同。如年轻族群一般比较喜欢饱和色,但这样的颜色却引不起高年龄层的兴趣。

2、选择颜色要注意时效性

同一个色彩很容易就充斥着整个市场,且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看,你可以使用几十年前的流行色彩,引起人们的怀旧之情。

3、选择色盘时请考虑功能性的颜色

别忘了将关键信息部分建立功能性的颜色,例如标题和超级链接等。

4、注意网站色差问题

每一个网站开发人员都知道,即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值,并在不同的作业平台上测试你的色盘。

了解综上所述的色彩的原理有助于我们进行网页色彩设计。设计师应该在掌握这些基本理论的基础上,发挥自己的个性与创意,从多方面进行网页设计中色彩的创作与探讨。

参考文献

[1]施莹、吕树红:《网页设计与制作》,清华大学出版社,2009-05-01

[2]吉姆•克劳斯(美):《色彩设计指南》,上海人民美术出版社,2008-01-01

[3]王令中:《视觉艺术心理》,人民美术出版社,2005-08-01


猜你喜欢:

1.网站设计毕业论文范文

2.网页设计实习报告范文

3.网页设计实习报告

4.网站类毕业设计论文

5.网页设计实习报告

6.ui设计实习报告范文

关键词: 网页设计 网页 色彩
分享:
x 广告
x 广告

Copyright   2015-2022 魔方网版权所有  备案号:京ICP备2022018928号-48   联系邮箱:315 54 11 85 @ qq.com