网页设计范例6篇

　　天选互联网技术日新月异的发展,已成为人们生活中不可缺少的一部分。互联网的发展使信息传达的范围速度与效率都产生了质的飞跃,随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。

　　网页设计作为一个全新的设计领域,没有照搬的模式,没有从属和延续但任何设计形式又有去规律和标准。但也有些出学的设计者,将艺术的设计语言和设计理念抛到脑后,机械的完成设计,完全成为了技术的奴隶,因此,我想从平面设计基础理论在网页设计的应用来浅谈我对网页设计的理解,希望给广大读者带来一些启发。

　　第一个要素――点:在日常生活中很多东西都可以看作点,如晶莹剔透的一颗雨滴,大海中的一页孤舟,星空中的一轮明月……从几何学角度来说,点是线的交点,它没有大小和形状;从造型艺术来说,点是最基本的要素,指画面中某一小块区域;从视觉的角度而言点不但有大小还有形状。在具体构成中点并非都是以远的形式出现的,一些较小的个体元素都可以视为点。例如,在网页中的一些按钮就可以当作点来处理。在运用点的时候重点不仅在于外形,更在于点在整个空间中所起的作用,在相同的视觉环境下相对面积越小点的感觉越强。点越多其间隔就越短,免得感觉就越强,这对把握画面的整体效果和统一画面十分重要。

　　在Racing乐队网站中20个大小相同的圆点铺满了首页这些圆点既是页面中的按钮,又是页面的装饰元素,在不同的色彩映衬下圆点似乎产生了韵律感和运动感,浏览者的视线会不断在这些点之间徘徊决定最终去向。

　　第二个要素――线:线是由无数个点构成的根据其长度宽度方向等构成线。线是点移动的轨迹线在页面中有强调分割引导的作用。垂直的线给人平稳挺拔的感觉;弧线使人感到流畅轻盈;曲线使人跳动不安。不同粗细的线在空间的性格也是不同的,粗线条给人粗犷,勇敢阳刚的感觉;细线条可以表达锐利敏感速度之感;当粗线和细线进行结合时粗线必定先进入视觉,若线的长短符合透视规律,就能表达出强烈的空间感。因而,线的构成在网页设计中有着广泛的应用,网页设计师常用简洁的线条进行页面构图,以此传递丰富的视觉信息和思想感情。

　　第三个要素――面:根据几何学定义,面是线移动的轨迹。点和线的密集可形成面;面的分割面与面的合成亦形成新的面。面试构成空间的基本单位一段文字可以视为一个面,一张图像可以看作一个大面,一大片留白可以成为一个面面的概念不是固定的,面试网页构成中常用的元素,它的大小曲直变化都会影响页面的整体布局。

　　分割面是规划空间的重要手段,在网页设计中,设计者通过面的分割组合虚实交替等多种手法来实现页面的整体效果。在网页设计技术中表格和框架就是用来分割页面的利用面的分割,可是网页页面主体清晰,层次分明。避免杂乱的重要原则就是:少即是多。另外,在网页设计中要敢于留白,善于留空。空白可以定义为页面中没有安排内容的地方,空白空间并不一定是白色的,它可以是环境空间的颜色或图案。

　　第四个要素――空间:网页设计中的空间并非生活中的立体空间,而是一个假象的空间,是看得见而摸不着的,是在二维平面上建立的空间关系。在设计中,我们可以利用对比强烈的大标题可以作为前景,大面积的正文构成中景,附属的版权信息构成背景。实践证明,这种清晰而和谐的层次关系,极大地提高了页面的整体艺术效果。

　　网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功与否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

　　在网页设计选择颜色时应注意几点事项:第一不要大面积使用很高的纯单色,否则会使浏览者感到视觉疲劳;第二当网站面对的用户超出本国范围时,最好使用网络安全色;第三为增强网页的可读性,背景与文字内容的亮度差最好在102以上。

　　在色彩运用过程中,由于生活地理文化位置的差异不同的人对色彩的喜恶有很大的差异。如生活在高原地区的人喜欢用暗色;生活在草原地区的人用红色;生活在闹市区的人喜欢用淡色……在网页设计时想要透过色彩传达某一意象时,必须将色彩形成的背景因素与目标群结合分析。同时色彩的认知是会变动的同样的一群人在不同的时间地点都会对色彩产生不同的解读。因此,不但要关注上述因素,还要考虑到网页配色的共性:色彩的鲜明性;色彩的独立性;色彩的功能性和习惯性;色彩的有限性;色彩的周期性。

　　网页界面页面设计的一个基本特色便是吸引浏览者,一个美观漂亮的页面不管内容多么空洞,也会有人欣赏,反之一个内容充实但页面简陋却往往不会有人去浏览,从这便可看出网页界面艺术设计是多么的重要。网页界面艺术设计是永远也学不完的一门学问,因为它会跟着你的成长也变化,直到形成你的一种风格,网页界面艺术设计需要大胆创新,需要新的思维,需要不断的努力。

　　网络对艺术设计行业同时造成了威胁和机遇。真正有魅力的设计师设计者的思想素养对艺术的理解及表现技术的综合体现。任何设计最终都是为人所用的,特别是网页设计的艺术表现,它既是传播信息的载体又是传递美感的使者,设计者只有不断增强交叉设计的能力,使艺术与技术有效地结合才能适应不断变化的时代!

　　在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

　　然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

　　在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

　　之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

　　1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

　　2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

　　在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

　　4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

　　1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。

　　一台电脑(64MB以上内存，当然越大越好啦)；可以拨号上网；如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

　　《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。根据职业岗位的需求，与企业专家共同确定目标和内容。通过本课程学习，使学生能熟练运用reworks/photoshop软件进行网页效果图的设计；熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页；掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能；掌握CSS+DIV网页布局设计，掌握JAVASCRIPT脚本编程语言的基本语法知识。商务网站前台设计课程，主要采用项目教学法，教学项目是教学内容的具体表现形式，也可以说教学内容就是教学项目，完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容，典型工作任务为工作过程知识的载体,课程内容来源于实践专家研讨会，工作过程是课程形式的体现，因此，教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善，最终选择了四个项目（由简单到复杂）。

　　（1）选择两个源于真实、完整的“红叶网上书城”和“校园超市”商务网站制作项目。其中“红叶网上书城”网站制作偏向于简单的表格布局制作，该教学目的难度属于中等偏易，“校园超市”电子商务网站制作偏向于较有难度的DIV布局制作，难度属于中等偏难，两个项目的整体设计共同为引导学生“怎么做？”。

　　从理论实施布局来讲，这个项目基本覆盖了所需的理论知识，构成了基础实践阶段的项目。为了进一步提高学生的实践能力，又设计了课外拓展实践项目。

　　（1）选择个性化网站制作项目，主要侧重学生同步独立实践，该项目为课外拓展实训项目，要求学生在课堂外独立完成，解决“做什么”问题。在该项目的难度属于中等。

　　（2）工学结合项目，是在期末集中实训期间，在学校聘请的兼职教师的指导下，学生以小组的形式主动到企业中找项目分角色完成真实网站制作项目。

　　随着科技的巨大进步，电脑、智能手机的普及，设计和建设网页成为了一种吸引网民的手段。人们对网页的美观度有了一定的要求，网页艺术设计教育就应运而生。一个完美的网站应该是基于设计者较高的审美能力。本文对网站艺术设计的内容、风格和布局进行了初步的归纳和总结。

　　近几年，在网络快速发展的大背景下，网页设计更加艺术化，并逐渐引起人们的重视。如果网站的发展状况不好，网页的艺术设计就更加重要。而网页艺术设计和内容的统一，是一个难题。想要做出优秀的艺术网页作品，设计者就必须有较高的艺术审美能力。本文对审美视角下的网页艺术设计进行了初步探讨。

　　网页艺术设计，顾名思义，就是艺术和技术的统一。在网页中要重点体现两者的统一。为了把握这重点，设计者必须紧紧跟随以下三点原则：

　　网页艺术设计的最终目的就是把网页的主题和内容传达给网民。网页要通过视觉、听觉效果来与网民进行信息交流，利用网民的心理规律使页面的内容更加容易被网民接受和吸收。大多数人在短时间内只能掌握少数信息，［1］过多的信息、太过分立的信息都是容易被人忘记的。因此，用鲜明的主题以集中体现网页的内容，是网页设计最根本的要求。1.2统一的风格网页的版面设计和杂志、书籍的封面设计是类似的，并没有很大的区别。网页的风格决定该网页的内容、网页的布局和网页的色彩运用。具有个人特色和风格的网页设计，会给予网民不一样的视觉体验，除表达设计者想要表达的信息之外，还可以使人产生感官上的美的享受。但是一个网页页面上不可以有多种风格，这会使网民在视觉上接收到繁杂的信息，无法把握真正的重点信息，从而无法达到网页页面设计者的初始目的。一个页面上最好是不超过三种原色，同时这几种颜色的位置安排、占有的版面都需要设计者考虑。

　　颜色在网页的整体布局上处于一个很重要的地位。色调统一可以使网民感到舒服。但是统一的颜色又存在一个问题，那就是页面单一，导致部分网民容易感到疲乏无味，以致没看完页面的内容就选择关闭页面。同时，页面设计者可以恰当地运用颜色对页面内容的布局进行创新，利用网民的感官感受，来安排页面上的颜色，突出重点，使网民一下就抓住重点，以达到页面艺术设计的最初目的：以网民的主观感受为优先，在他们充分体会到美好、形象的视觉、听觉享受之后，可以接受页面的艺术设计，达到最初想要宣传的效果。

　　网页的艺术设计和其他的媒体排版既有相同之处，都是在传播美的同时，宣传自己想要传达的信息，但它们又有许多的不同。

　　印刷品都有规定的排版和尺寸。但是在网页设计上，尺寸和排版都是可以人为地设定，以追求统一、和谐，达到最好的视觉效果。但是这个也给网页设计者带来不小的负担，需要设计者精心调整和把握尺寸。［2］同时网页设计的组织结构也需要设计者格外注意。组织结构要按照该网页设计的风格、排版和文字位置进行调整。

　　一个网页除了图片和色彩，还有直观的文字解说才算是一个完整的页面。文字可以直接传达想要表达的宣传内容，给网民带来直接的视觉体验。文字除了传达主题，还有渲染气氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三点要求，即主题明确、风格统一、色彩丰富。文字是排版的重点，文字除了要在内容上下功夫，文字的排版、大小、颜色等都可以影响一个网页页面的整体效果。例如，国家时事类的网页就应该运用正式庄重的语言文字；休闲旅游类的网页就应该走轻松活泼的文字风格；平时一些和百姓息息相关的资讯、贴士，最好就运用百姓的日常用语。此外，文字排版要注意文字中穿插的图片，文字要与图片形成好的整体效果。

　　作为视觉感官动物，人们对于图片和文字的敏感度都是差不多的。其实网页上的图片并不需要很高的辨析度，因为在网页上的图片有清晰度的设定，过高的清晰度会因为显示页面的大小而大打折扣。另外就是页面图片的使用和运输，会受制于宽带速度。文件越小，网上传送速度就越快。［3］在图片选择和优化程度上，除了考虑网络页面整体的效果，还需要考虑图片的排版整齐，和页面风格统一。最好是图片的使用要符合风格和文字的内容。图片在辅助文字表达文章主题思想的同时，突出重点。

　　其实一切网页设计都源于页面设计者自身的艺术修养和艺术鉴赏能力。页面设计者应该在运用自己专业知识的同时不断提升自己的艺术鉴赏能力，然后在仔细观察生活的同时，达到可以融会贯通的高等境界。毕竟在浩如星海的网页中，最缺少的就是个人风格和特色。设计者根据网页内容，将自己的创意和风格运用到文字的编辑、图片的排版和整体的页面设计中。这些都离不开网页页面设计者自己的个人主观能力和感受。

　　在网络的普及下，网页上的信息传播越来越高效，所以对网页艺术设计的学习就变得更加重要，网页设计者在把握网络页面艺术设计的三大基本原则后，再在网页页面艺术设计的注意事项上下功夫。除此之外，页面艺术设计者自己的艺术修养也是极为重要的，要努力提高自身的艺术修养和艺术鉴赏能力，辅助以强大的技术设备支持。

　　［1］马尔科姆巴纳德（英）.艺术、设计与视觉文化［M］.江苏：江苏美术出版社，2006.

　　伴随网络时代来临，网络现已深入社会各领域中，在线购物与网络信息浏览成为常事。多数企业相继建立官方网站，利用网站吸引更多用户、提升企业信息宣传力度。而这便要求网页设计人员思考如何通过个性化设计吸引用户。诚然，用户打开网页首先看见的便是网页色彩，而非网站中合理化的版面布局以及丰富的信息［1 ］。所以，色彩搭配是网页设计要素最为典型的表现形式。网站在设计层面能否获得成功，与设计人员对于色彩的搭配和应用呈正相关，在忽视具有特殊视觉效果的动画以及立体图像外，网页色彩搭配对用户最具冲击力。网页作为艺术和技术结合并共同作用的产物，是互联网时代下衍生的新兴学科，不仅具备网络技术特点，亦具有平面设计特征，二者协同发展、相辅相成。用户在浏览网页过程中，色彩视觉感应的重要元素，优美的网页才能使用户驻足。所以在网页设计过程中，应仔细分析色彩应用及搭配，令色彩线 网页设计中的色彩搭配重要性

　　现如今，简单的文字已无法满足用户浏览网页的需求，用户审美要求不断提升，在网页设计中运用艺术设计思维和手段的重要性愈发突出。网页界面犹如书籍封面，唯有突出重点且美观大方，使受众一目了然，才可真正激发其深入阅读、浏览的热情与兴趣。若在网页界面当中堆砌过多细节，令页面内容过度繁杂，必然会导致用户难以明确重点，逐渐对网页内容浏览失去兴趣。因此，在网页设计中，应考量网页内容特点。例如，文化类网页设计，应使用较多艺术设计，整体色彩搭配与构图可更加活泼、丰富；技术类网页应适当应用艺术设计手段，主要呈现页面内容深刻内涵、严肃与稳重等特征。此外，部分信息门户网站普遍侧重信息内容含量，因此无法将其视作艺术品进行技术处理。此时，设计人员应通过线条表格颜色进行区分，重视网页功能性作用的发挥。色彩作为美学体系的主要构成内容，色彩不同，表达的情感亦有所差异。按照网页特征与内容，借助色彩构成的应用，选择差异化的色彩搭配，令页面整体达到相对统一且和谐的视觉效果，进而唤醒用户心灵感知，激发其情绪，达到情感交流与信息传播的目的［2 ］。首先，网页设计中合理运用色彩搭配可充分表达主题，并创造特殊的艺术风格。现代生活环境中，色彩不但为民众带来视觉感官层次美的感受，亦深深触动民众心灵深处，唤醒了人类对于事物的想象力。在网页设计当中，设计者可借助色彩具备的情感效应与丰富的艺术表现力，令网页形式和内容充分融合，利用色彩呈现网站特殊风格与设计特色，彰显主题。其次，网页设计中的色彩搭配可有效划分界面布局与板块。网页中涵盖大量信息数据与丰富的内容，设计者能通过不同色彩应用对网页界面进行视觉区域划分以及网页信息内容分类布局。而且，设计者可通过不同色彩为人类带来的差异化心理效果，区分主次顺序、规整视觉流程，令网页拥有更强的易读性与便利的导向性。针对网页色彩搭配实施系统化设计与规划，能够统一网页整体艺术风格，使用户对网页产生有序及完整的视觉印象。

　　2.1.1 主题鲜明原则视觉设计表达有着一定要求与意图，具备明确与清晰的主题，并要根据视觉心理基本规律及形式把主题传递给用户。提出需求的根本目的在于令主题于合适的环境中被用户即时接受与理解，从而真正满足用户现实需求。这便要求网页在视觉维度的设计不仅应满足精确、单纯、清晰与简练原则，而且应在突出艺术性特征的基础上，重视借助特殊风格与较强的视觉冲击彰显网页主题。网页艺术设计归属视觉设计门类，终极目的在于实现最佳化的主题效果。2.1.2 整体和谐原则网页整体性涵盖形式与内容层面的整体性，主要探讨设计形式层面的整体协调性。网页作为信息传输媒介，所想展示的是意念、内容与主题，并在适宜的空间、时间环境被用户接受与理解，将满足用户实用及需求作为主要目标。在网页设计中注重其整体协调性，可令用户更全面、快捷以及精准掌握、认识网页信息。网页整体协调性亦是展示网站特殊风格的主要手段。2.1.3 内容和形式统一原则任何设计均具备一定形式和内容。形式是组成内容各元素的内在架构或者内容外在呈现方式，而内容是组成设计所有内在元素的综合，是各项设计存在与最终呈现的基础条件，被誉为设计的内在灵魂。

　　2.2.1 简洁明了无彩色与彩色是色彩的构成要素，无彩色即黑白灰，其他色彩便都属于有彩色。在网页设计配色当中，设计者不需将所有色彩均融入网页界面当中［3 ］。除无彩色之外，网页色彩的选择应掌控在3 种之内。在这一维度上，存在部分误区，多数设计者将黑白灰归于有彩色类别，因此多数网页在设计中均以无彩色作为背景，这是由于无彩色不易出错。而日常生活中所提到的红、蓝、黄等每个字均象征着具体色彩，即色相，指的是颜色相貌，亦是区分于颜色类别的名称。简洁作为网页设计配色的基本准则，并不会因时间变迁而失去价值。2.2.2 遵循主从关系主从关系的遵循是最具稳定性的网页配色原则。多数网页界面背景均采用无彩色，在界面中除了无彩色之外应用最多的色彩，便是该界面主体色彩。若在网页设计配色中无法明确主从关系，则难以明确主体色彩，因此其他色彩不可占据界面过多面积，应充分满足主从关系要求。2.2.3 色彩均衡网页设计过程中，若应用过多具有较高明度的色彩，便可用同色相深色或者黑色加以小面积的点缀，实现色彩重量平衡。部分网页以黑色作为底色，文字颜色设定以选用深色系，色彩明度相似度较高，会给用户视力产生较大压力，对阅读效果造成消极影响。诚然，若颜色反差较大，视觉感官仍会承受较大压力。

　　3.1.1 冷色系冷色系颜色可见度偏低，光波长也较短，会为受众带来深远的视觉感受，如蓝色、青色与其相近的颜色。在网页设计过程中，设计者往往会利用冷色系体现网页庄严与宁静之感，加强网页整体层次的视觉感受，并利用冷色系特点增加网页界面空间。例如，在公安系统官网网页设计当中，为充分展示警察职业威慑力特点，网页标题的警察标识选择以蓝色作为主体色彩，网页下方各个板块也以蓝色为基准，在潜移默化中塑造了可敬的严肃之感，实现了理想化的展示与宣传效果。另外，冷色系色彩所具备的另一优势是，可使受众在心理与视觉感官层面生成舒适与清凉之感，所以部分网页设计人员往往会在夏季采取冷色系颜色进行网页装饰，从而为用户带来身心愉悦之感。3.1.2 暖色系与冷色系颜色相反，暖色系具有较高的可见度，且波长较长，会为受众带来活力与热情的视觉感受，如橙、黄、红与其相近色彩。网页设计过程中，设计者往往会利用暖色系具备的欢快和热烈之感，使受众基于心情舒畅的感受进行网页主题浏览，从而提高网页感染力及吸引力。例如，我国民众对于红色的喜爱程度较高，特别在国庆节与春节等各种传统节日中，十分喜爱以红色作为情感表达的依托。这时，多数网站页面便会顺应民众心理倾向，把红色作为网页界面主体色彩，为受众带来朝气蓬勃的心理快感。

　　3.2.1 相近色彩相近色既可以为色相相邻的颜色，亦可是相同色系但纯度与明度不同的颜色［4 ］。在网页设计过程中，设计者要以网站主题为基准，选择纯度与明暗程度不同的相近色彩实施合理化搭配，同时将颜色应用控制在3 种之内，使网页整体生成协调的美感。在一般状况下，因这些色彩相同成分偏多，将其搭配在网页设计中会生成较强的色彩氛围感。例如，化妆品网站页面色彩搭配应以诸多因素为基准考虑色彩搭配，如产品健康、滋润、呵护与清洁等，选择偏暖、偏柔以及偏淡的相近色较易为用户带来可信赖和温馨之感，从而加强产品吸引力，并在一定程度上刺激消费者购买。3.2.2 对比色彩一般而言，对比色具有较强的反差，但设计者合理应用便可达到较佳的视觉宣传成效。对比色往往是在色相、纯度与明度等层面的对比，且补色对比相对强烈，视觉效果亦最显著。在色轮表当中，补色处于互相正对角度，如橙色和蓝色、红色和绿色以及黄色和紫色。这些强烈的对比色可彰显较强的视觉感官效果，创设出热烈与欢快的氛围，往往被用在网页标题与广告宣传等部分。例如，新浪网在蓝色的页面边框中插入橙色标题，不仅彰显网页主题，同时也创设出兴奋、热烈与鼓舞的视觉效果。

　　在网络竞争日益激烈的大环境下，网页设计中具有良好的色彩搭配是该网站生存与发展的关键条件。具有浓厚创意的色彩搭配，既能够有效展现网页内容与信息，亦可凭借自身色彩鲜明的优势获得更好发展，并在最大程度吸引受众眼光。色彩运用原则与色彩机械化组合存在本质差异，身为网页设计人员，在具体设计中应牢抓社会需求，探索色彩构成与运用原则，以高效且合理的色彩搭配设计出个性化的网页界面。

　　［1 ］田华，陈敏娜，王朋娇.莫兰迪色系在网页设计中的应用分析［J］.中国多媒体与网络教学学报(上旬刊)，2019(1):114-116.

　　［2 ］吴婷颖，徐栋.浅析色彩元素在网页设计中的研究与运用［J］.电脑迷，2018(1):89.

　　导航系统是网页中不可缺少的一部分，它是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的信息，网站的浏览者通过导航系统了解站点内容分类，并使用导航系统上的链接浏览站点的相关内容。导航系统主要包括：全局导航、局部导航、站点地图、搜索引擎、面包屑等。随着网站设计发展网页中导航系统的表现形式也多种多样，包括文字、图片、图标及Flas。导航系统的发展也是经历了一定的过程，从最开始的纯文本导航系统到标签化导航系统，然后又发展到了可以切换的导航系统，到现在我们使用的Flash导航，现在的导航系统不仅仅体现在了技术的发展也体现了网页中艺术性及易用性设计。

　　通常在浏览网页时，网页中需要有一个清晰的导航系统很重要。导航系统就像指南针，指引浏览者去浏览他们想要获知的信息。通过导航系统的层次结构可以展现网站的内容，告诉浏览者浏览的起点及浏览的方向，通过导航系统明确引导功能，浏览者才能更有效率地进行网页浏览。导航系统是网页设计的重要目标，导航系统的清晰度设计对网页中的信息架构、用户使用影响重大。网站导航的主要功能是引导用户方便地访问网页内容，同时导航系统的设计也是评价网站专业度、可用度及可信度的重要指标。同时对搜索引擎优化也有重要作用。网站导航的重要作用是便于用户快速找到所需要的内容，导航系统首先引导用户查找信息，通过主导航，次导航以及分类便于用户快速找到所需的信息；其次清晰整个网站的目录结构和链接间的关系，层次结构分明，便于访问者理解；再次导航容易形成地图，特别是面包屑导航，让用户了解所在网站中的位置。

　　随着网络的普及，网页的设计越来越普及，导航系统是网页中的关键要素，在如今的一个好的网站在现在的激烈竞争中求生存及发展，首先要有一个优秀的导航系统，如何能有一个优秀的导航系统呢？这就需要设计者在设计网页的同时要注意网页导航系统易用性、艺术性设计。

　　在浏览网页时，我们打开页面首页给我们的第一印象是网页美不美观，如果美观才能留住浏览者的视线，如果不美观那浏览者就不会花很多时间来浏览本网页。网页中的导航系统的设计包括了色彩、文字及图标等元素。

　　网页导航系统中色彩的表现主要是通过网页色彩对人心理的影响。网页色彩总是在不知不觉中发挥心里作用，左右天选团队用户的情绪和心态。针对不同的网页进行不同的情感创意，部署适合主题的色彩是值得我们重视的。网页中所使用的色彩，会使用户产生联想，诱发各种情感，使心理发生变化。如果使用色彩激发人的情感，应该遵循一定的规律。色彩的冷凝感觉，不仅表现在固定的色相上，而且在比较中还会显示其相对的倾向性。

　　在网页设计中除了可以用网页中的色彩表现网页的主题及个人情感，而且还可以使用文字，所以说导航系统中不仅色彩设计重要而且文字还很重要。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要粗体字强壮有力；细体字高雅细致。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。最适合网页正文显示的字体是12磅。如果字体。如果字体较大，通常会影响整个页面的美感；如果字体较小，虽然容易产生整体感和精致感，但可读性较差。页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。它的排列方式有四种：两端对齐、居中对齐、左对齐及右对齐。一般制作网页时使用左对齐方式，这是根据浏览者的浏览习惯有关。

　　导航系统中图标的设计不仅要有艺术性还要符合网页的主题。导航系统中图标赋予了它的实际意义。它不仅仅是用来装饰，图标和文字结合起来提高了导航系统的整体效果。使得网页增添了艺术效果。

　　清晰明确的导航系统首要是以人为本， 以易用性的、便捷的操作为基本设计原则。一个优秀的网页不仅要美观使人赏心悦目，而且浏览者在使用导航系统的时候可以轻松自然，明确清楚。以最少的点击次数获得最多的结果是网页导航系统设计的一个基本原则。制作网页导航系统要层次清晰、简明易懂、使用简捷便利。

　　如今的网页中设计导航系统存在如下的问题：第一在网页中导航系统层次不明确，使得浏览者对站点中的内容不明确，不能及时找到所需的信息。第二在网页导航系统中添加了与本网站内容不相关的内容，这就降低了网页导航系统的指引性。第三有些页面为了别出心裁没有按照人常规的思维来做页面的导航系统，使得浏览者在打开页面时，首先去固定思维的位置找导航系统，但是没有找到，这就使得浏览者识别受阻，感觉其易用性不强。第四这也是页面中致命的弱点就是当找到导航系统，但是点击浏览以后与导航系统中的内容不匹配，这就降低了网页的可信度。第五网页的导航系统不醒目，尤其在设计导航系统是一定要注意色彩的搭配及与主题的协调。以上问题都阻碍了网页中导航系统的功能的充分发挥，所以在设计者设计导航系统时一定要注意导航系统的易用性。

　　通过上面所讲的关于导航系统设计时不仅要注意导航系统的艺术性设计还要注意它在页面中的易用性，所以我们设计页面中的导航系统一定要注意如下原则：

　　导航目录采用文字来链接的方式，通俗的说尽量使用文字，如果需要使用图标或者图片其中要有文字性的内容，不能只使用图标，这就使得浏览者不能了解其功能；

　　每个目录的导入链接和导出链接需要做好协调，提升目录权重，有利于收录和抓取。

　　随着现在网站设计师对网页设计中导航系统的越来越重视，导航系统在页面中的功能被强化，导航系统在页面中不仅体现了它的艺术性还体现了它的易用性，使得在设计更加的人性化。

　　[1]谭岚丹.网站设计中导航系统的艺术性[J].大众文艺，2011（12）.

　　[2]杨亦艺.对人性化网站设计的探讨[J].中南林业科技大学学报（社会科学版），2012（06）