网页界面的设计与创新

摘要：伴随着时代的飞速发展，网页作为一种承载内容丰富并且更新信息速度快的信息载体，为我们日常生活增色不少。网络的使用方向开始渗透到各个领域，朝着多元化与实用化的方向前进使，同时也冲击到网页设计的理念与实践。报纸、杂志等传统出版媒介在设计上已经具有相应的套路，网页与之相似和相通但又多出一些活跃的因素，所以在遵循基本的设计原则和设计要求的同时，如何凸显网站与传统媒介的不同，进行创新则是必由之路。创新是突破，所以进行网页界面的设计与创新对设计师来说也是一种内在的自我对话。

关键词：网页设计；创新；网页艺术

中图分类号：TP393 文献标识码：A 文章编号：1671-864X（2016）02-0289-01

网页设计虽相对与其他类设计来说较为“新”，但也经历了推陈出新的过程，从设计理念方面，也逐渐从最初版式的千篇一律、设计的陈旧老套，发展到现在更为注重其网站的个性化表现与用户体验。

为了能使网页的布局更加合理，并且更能在众多设计中脱颖而出，网页的设计中我们要遵循一下几个原则。

一、主题鲜明

每一个设计都有它的诉求，这个诉求通俗的来说就是主题，这个主题也就是在于它的目的性。有个性诉求，有主题倾诉并不意味着设计师的一意孤行，归根到底是要传达自己的理念。推广一种新的概念也好，卖产品也好，如何让受众一眼就能迅速的识别，鲜明的主题应该是最有力的传达。

认知心理学告诉我们，较小而分立的信息更为有效和容易浏览，在北野花艺原创官方网站的页面设计中，文字的排版方面就注意了这一点。合理安排文字的大小、字间距长度的把握，为使其网页中的重要信息更迅速的获取和记忆。网页艺术设计作为的视觉设计范畴一种，达到最佳的主题诉求效果是其核心目的。以点带面，突出主题效果，增强网页的冲击力和有效性，以期获取浏览者更多的注意力。

网页艺术设计与网站主题的必须是走在一条线上的：设计不能脱离艺术感，美感与功能必须同步实现；还是要着重通过具有艺术感、有完整功能性设计达到精准的主题阐释。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，北野花艺原创官方网站是一个鲜花类企业站，就应该将本企业的文化内涵、风格特点用网页的形式表达给浏览者，并能将产品得到推广，这就是其功能的体现。

如何把握网页的诱导力和鲜明主题诉求的展现，具体到实践中可以通过对网页内在的逻辑关系和秩序的把握运用来达到。在北野花艺原创官方网站的设计上，就注重了空间层次的表达，将网页中的模块和元素运用叠加、交错的方法产生空间感。

二、形式与内容统一

任何设计都有一定的内容和形式。设计赖以存在的基础是构成设计的一切内在要素的总和，也就是内容，这是设计的核心所在；内容在一定程度上决定了形式，形式又通过它的特殊展现反作用于内容，形式对内容的完美表现才是一个优秀的设计。

要确保网页上保留的么一个元素有价值，而不是为了展现技术而做一些华而不实的设计，那样得到的效果可能会适得其反。设计需要思考，功能、美感、形式以及内容每一个环节都不可落下。

三、强调整体

网页的整体性作为网站的关键元素，必须引起注意。当然这包括内容和形式上的整体性，我在这里主就设计形式上的整体性进行一个探讨。

作为传播信息的网页，它在表达的是一定的内容、主题和意念的时候，必须要为人们所理解和接受，满足人们的实用和基本需求目的。使人能获取一定信息又能产生审美体验，能对网站独特风格有所感知，这多归功于网页设计的整体性。

1.为了突破传统网站的版式陈旧、色彩单调等问题，展现出鲜花类企业站的特色，能够使其在众多的同品牌行业网站中眼前一亮，因此在设计北野花艺原创官方网站的时候，在颜色的选择与搭配上，为网站选择了白色#FFFFFF为基色调，深蓝色#0B2757为辅助色，一个站点通常只使用两到三种标准色，并且应注意色彩搭配的和谐；可突出其内容、产品等，使网页整体相协调。

2.在北野花艺原创官方网站的BANNER设计上，本着富有强烈的视觉冲击和使人过目不忘的效果，选择绿色植物为背景占满整个网站头部区域。在BANNER的字体排版设计方面，采用中英文相搭配，上下排版，居中展现。在导航的制作上与普通网站不同的是，运用半透明的深灰色作为底色，其半透明可令网页拥有清透感。

3.在北野花艺原创官方网站整体页面的布局排列上，采用对称对比布局。深色和浅色的相互映衬。与此同时，要将视野放到通过独特的风格的构建和强烈的视觉冲击力营造，以此来鲜明地突出设计主题。但是从这种意义上来言，强调网页结构形式的视觉整体性和牺牲灵活的多变性存在巨大的矛盾，就是说“物极必反”起到相反作用。所以，在网页整体性设计的同时要加以注意：“整体”是“多变”基础上的整体。

4.在北野花艺原创官方网站模块的设计上，摆脱了传统的布局方式，注意运用点、线、面等基础元素外，点、线、面等基本元素的设计语言表达力度，都倾向于排版设计和是视觉空间的建构。版面的垂直排列，则给人动感的传达，再搭配上动态特效，使页面多变具有趣味性。

5.在文字的字体选择和排版上要慎重，不同的行业的网页应当用不同风格的字体来搭配。在北野花艺原创官方网站的设计中采用了微软雅黑、方正兰亭细黑两种作为主要字体，这两种字体不仅美观便于浏览者的识别，而且常用字体也便于网页的加载，避免出现乱码的现象。

目前还是有很多同行业的网站都几乎差不多，除了网站的内容以及网站布局、色调外，其余几乎一样。所以，设计师在进行网页设计时的创新就显得非常的重要。因此，我想以北野花艺原创官方网站为例，突破原有的鲜花类企业站，设计一套具有自己企业风格特色的网站。网站建设是需要创新的，不然这个行业很难在这个竞争激烈的市场上生存。所以，在网站制作过程中，要具有创新意识，根据不同行业情况具体分析和打造极具特色的网页设计，这样才利于网站建设行业技术的进步和发展。

参考文献：

[1]《视觉文化时代的传统媒体与新媒体版式设计研究》 来源：学位论文 江南大学 2004 作者陈虹

[2]《论网页与界面设计中艺术的运用》来源：学术期刊《重庆电子工程职业学院学报》2009年2期 作者：林南秀

[3]《网页设计中的动态艺术效果及其技术实现》 来源：学位论文 湖南工业大学2007 作者赖守亮

作者简介：孙媛媛（1993—），女，汉族，山东济南市人，艺术设计本科，山东女子学院信息技术学院。