网页界面设计的创新探索

孙沈楠+居全伟

摘 要 經济的发展催生了网络，网络也使经济有了更快的发展。现在，网络不但被越来越多的人所接受，更是从深层次影响着人们的生存、生活方式。也可以说，网络发展到现在其本身已成为了一种文化。在网络文化中，受众接触最多也是最重要的一种方式就是网页界面。网页的快速发展丰富也就决定着网页界面也必须不断的创新。本文就如何把由视觉元素和多媒体元素构成的网络界面用更加简单、一致、合理的实用艺术形式表达出来，达到准确的表达信息、良好的引导网民的视觉流程、有效的信息传达同时具有美感作为研究对象。从网页界面设计与审美意义、网页界面设计与创造性思维以及网页界面设计创新应用3个方面来阐释在网络飞速发展的当下如何才能做出既结合了技术和艺术的内涵，以流畅的外观表现，追求功能与形式的统一，又能满足浏览者心理需求的网页界面。

关键词 界面设计；创新；审美

中图分类号 TP3 文献标识码 A 文章编号 1674-6708（2017）194-0078-03

进入21世纪以来，信息革命正在悄无声息的进行着，其带来的好处也渗透人类生活的方方面面，同时给人们在生活、学习也带来更多的便利。网络是以多种信息为载体的新兴的媒体形式，并且缩短了人与人之间的距离，为人们提供了新的信息交流方式。网页的浏览逐渐成为人们生活中不可或缺的重要内容，为了能追随时代发展的脚步，网页界面设计也应该不断的创新，力求满足最新的大众审美需求。

1 网页界面设计与审美意义

网页界面是指由颜色、字符、图形等视觉元素为基础的并且结合一些多媒体元素构成的，用来传达信息，方便人机交流为目的的中间媒体。网页界面设计是一种有实用功能的艺术表现形式，它的设计范围也是很广的，包括浏览者的视觉与听觉，是技术与艺术相互结合下的产物。信息更新的快、界面的布局有整体性、艺术审美性强，以此为标准设计的网页界面，才会给浏览者带来良好的视觉感受，另外，如果能够突破传统的网页界面设计的结构，可能会给浏览者带来更好的视觉上的享受。只有紧随时代的发展，在网页界面的设计上不断创新，才能满足网民们的审美需求。网页界面设计的审美性是指在信息传送的过程中，各种元素给浏览者所带来的视觉美，使浏览者在观看信息的同时也体验视觉上的享受，界面设计的审美可以更好地促进信息的传达。在设计的过程中可以与常规的审美形式结合起来，例如节奏、规律、变化、统一、整齐、平衡、调和、对比等，利用各种各样的形式来表达美感。

1.1 界面的功能与形式美

网页界面设计的功能性是要求很明确的，网页设计师的主要职责就是在美观实用的界面上能够快速准确的传达信息。界面功能的分布也是有一定的规律可循的，首先，界面的设计要符合浏览者的视觉流程，比如人们第一眼会先看哪里；其次，界面布局的分布也决定了信息所要传达的一个顺序，一般比较重要的，有轰动性的信息会排在主要的地方，以便能引起更多人的关注；再次，界面设计注重整体性与统一性，一个网站的不同页面，界面框架整体都是有一定的统一性的，这样让浏览者在浏览起来视觉上也会觉得很舒服，如果界面设计的杂乱无章，浏览起来会造成视觉疲劳与混乱，看一会就会没有再往下看的欲望了。

优秀的界面不仅有明确的实用性功能而且还要具备良好的艺术审美性。当一个网页具有特定的实用价值了，这个网页才具有存在下去的意义，只有存在了才能继续发展改良界面的设计。当使用功能满足了，人们开始会追求其他方面的需求，这个时候就会上升到追求精神层次的形式美。一个好的网页界面设计，需要结合功能美和形式美，从而实现实用性与审美的完美展现。

1.2 界面视觉审美法则

现在的各种网站越来越多，为了能够吸引更多的用户，增加竞争力，界面设计更加注重把思想与设计的方法相结合。准确表达信息，良好的带动网民视觉浏览的过程，同时兼具让人感觉舒适的美感设计，这在目前是界面设计的一个方向。界面视觉的形式美，主要是通过艺术设计的手法来带给用户体验的。任何事物的产生和发展都是有规律可循的，形式美的产生也不例外，从它的产生和发展都有一些规律和法则，主要有3个方面。

1）简单的美感。界面在允许的情况下要尽可能的显得整洁。网页界面中的信息越多越复杂，对人的视觉记忆干扰就会越大。网页设计师在做界面设计时应多做“减法”，将一些不常用的功能区分好类并且有些可以适当地隐藏，以保持界面的整洁，但是同时也得保证界面在视觉的可接受范围内，能够便于使用。

2）一致的美感。视觉表达信息的含义一定得明确、一致，这样，用户才能不必参考其他的信息便可以快速准确的理解操作的方法，这是一个优秀的网页界面应该具备的特点。一致性在网页界面设计过程中具体包括：页面的整体结构要保持清晰，同一个网站内的各个页面风格也要保持一致；页面内的图片、字体对齐方式的一致；不可修改的字段、图片等元素可以统一用一种颜色显示等等。

3）合理的美感。在进行界面的布局时，我们要考虑到浏览者自上而下，从左往右的视觉浏览习惯和操作顺序：页面的导航一般都设计在页面的顶部，这是因为无论浏览者使用任何的屏幕终端都能便于找到。界面内的文字内容排版尽量要与页面的边缘保持一定的距离，为了方便用户的阅读等等。

2 网页界面设计与创造性思维

创造是突破思想局限的束缚，创造出有新意的东西。网页界面设计的创造性与网络的特点、用户的心理需求也是密切相关的。新颖的网页界面会令人眼前一亮，吸引网民的关注，所以网站能否成功很大程度取决于网页界面的创造性。创意是设计师工作当中的来源，是他们梦寐以求的东西。好的创意既要符合设计原则，又必须具有鲜明独特的构思和创造力。

创意的产生，首先要了解当下所在的一个客观环境，同时还要了解你的目标用户，知己知彼才能百战不殆，然后在思考要用什么样的形式面貌来表达自己的想法。创造性思维主要表现在选择、突破和重新建构这三者的关系，这三者之间是相互紧密联系的。在网页界面设计当中，创造性思维具体表现在以下5个方面：1）敢于突破。想要有好的创意设计，先要做到把你的脑子里的东西清空，不要因为传统、常规的方式而把思想束缚，要突破这些。设计是需要创新的，不合常理的设计往往会令人的眼前一亮，达到意想不到的效果。所以要在思维上有一个转变，要敢于打破常规，不要被传统的观念所束缚。2）善于跨越。一般设计的步骤是循序渐进的过程，创意有时候会是突然在一个瞬间或者某一个地点来自灵感，所以创意的产生有时候是需要突破空间、时间的。善于跨越是要加大思维和联想的跨度，丢弃常规的套路，创造出有新意的设计，给人能带来更好的视觉感受。3）保持整体。界面设计的过程就是整体性，创意的来源是以网页传达的信息为基础的，信息的传达才能展现出创意的表现，所以这整个就是一条线下来的，内容是基础，创意的表现是形式，形式是以内容为基础的。4）思维灵活。思维的灵活性也是表现在突破常规，灵活多变，及时改变自己的思路，不要局限于一点，善于转换各种的思路，为设计增添风趣多变。5）表达流畅。有新意的设计不仅是有新的见解、新的想法而且还需要能准确的把这些创新的想法能够表达出来。创造性思维最重要的环节也是最后一个环节，就是能够流畅的表达出你的创意，是最终在网页界面设计中展现出来的效果。endprint

界面设计中的创造，需要灵活多变、标新立异，不局限于固有的思维，但是也不是否定不可以借鉴，以已有的优秀范例作为参照，然后在与自己的设计作比较，从两者之间取长补短或者借鉴，这样会更有助于创造水平的增长，从中会产生新的设计思路。借鉴、继承并且发展优秀的文化传统，是设计创新的基础。

3 网页界面设计创新应用

互联网变化的速度可谓日新月异，任何事物都不会是一成不变的，尤其是面对现在这个社会，你不进步不创新有可能就会面临被淘汰，所以网页设计的方式也要不断更新换代，我们利用网页自身特点，结合视觉设计中形成的经验和规律，作出对创新方法的认识和分析。

1）追求简洁性。现在的网页普遍都有个问题就是内容啰嗦、冗长，弹屏的广告太多，往往浏览者需要查询信息的时候会不得已要看许多的内容，所以页面的简洁性也受到越来越多的关注。一个网页如果存在过多的视觉元素，超出了人视觉所能容纳的范围，容易引起视觉疲劳，会造成对界面的反感，引起焦虑的情绪。因此网页界面设计的创意以简单明了的想法为主，网页界面内表达的内容言简意赅，这样浏览者在浏览的过程中，不需要看太多没用的信息就可以快捷的找到自己需要的信息，提高了效率也节省了时间，会使人马上对这个网页的好感度增加。简洁也不是指缩减网页的信息量，而是将网页中的元素设计内容更好的精简，使信息得到有效的精简和提炼。现代人的生活节奏比较快，浏览信息的时间非常有限，要想引起网民的注意，一定要保持简洁、简洁再简洁。正如我前面说的，过多的内容会造成人的视觉疲劳，到最后不想看下去了而且自己所需要的信息也没找到，这样的网页设计是失败的，是吸引不到浏览者的。

2）重视变化性。互联网现在之所以能够广受欢迎和普及，最大的优点就是信息更新快、传播速度快，让人们“足不出门，便知天下事”，如果网页的信息较长时间不更新，这就会限制了它的优势。没有人会对一成不变的信息感兴趣，如果浏览者多次瀏览一个网页看见的都是与原来一样的内容，那么几次后浏览者可能就会认为这个页面不会在更新了，在网络上，一成不变和缺少活力会减少网民对网页的热情和认可，所以网页上的信息要注意及时的更新。

3）关注趣味性。随着生活水平的提高，人们在物质上得到满足后更注重精神上的追求，希望生活能变得丰富多彩，能有一些情感趣味。在这种情况下，网页视觉设计应该结合当下流行的，贴近百姓生活的情趣为创意表现的方向。就像有些电视广告的趣味性很强，使人看完后不仅是开心一笑而且还会留下深刻的印象，网站其实也是可以这样的，在界面设计的过程当中，通过夸张、风趣的表现手法，使界面的图像表现鲜明、主题突出，在页面的呈现中给浏览者带来强烈的视觉冲击，浏览者在浏览中能拥有愉快的心情，信息也比较容易能接受。

4）强调实用性。任何一种产品都要有一定的实用性，只有具有实用性，才有存在的价值，网页也不例外。网页是网络平台上使用的产品，它的最终受用者是广大的网民，所以在界面设计的过程中也要换位思考一下，了解网民上网的习惯和需求，以他们的习惯和需求为基础，在设计的过程中对信息、操作和功能都要有合理的安排。网页界面设计是合理、有计划、有组织的过程，其目的是能够让网民更舒适、更方便地搜索自己所需要的信息，这些都是以浏览者为中心进行的。优秀的网页界面设计应该是为让浏览者服务的，让网民感受到自己有操作的主动权，让他感觉到网页是在为他服务，“顾客就是上帝”，这句话在任何时候做设计的过程中都是不能摒弃的，网民的浏览感受好了，就会成为这个网站的回头客，积少成多，网站的点击量上去了，网站才有存在下去的意义。

5）渴望个性化。网页界面的设计其实也是艺术创作的过程，但是不是说把网页界面设计与纯艺术家的孤芳自赏等同，而是针对网页的特性提出的。互联网就是一张大网，充满了各种各样的链接，浏览者的目光可能随时被这些精彩的链接内容而吸引，所以为了能够留住这些浏览者的目光，网页界面的设计也要保持一定的个性，比如可以充分利用色彩、图标、按钮等元素，在这些元素上面做一些加工，其目的就是为了能够在纷杂的互联网世界中多留住浏览者的目光。个性化设计创意要追随时代的脚步，符合大众的审美，就比如我们接触最多的百度，在百度的界面中会随着节日、重大事件等的变化而变化，它的界面不是一成不变的，隔段时间打开界面就会有不同的设计风格，从来不重样，让人觉得不会厌倦，反而会很愿意下一次再点击进去，这就是成功吸引了浏览者。在变化多种多样的互联网时代，个性化的界面设计也是网页能够继续存在和发展的必备条件之一。

4 结论

数字时代的到来，给人们的生活方式带来了很大的改变，也成为生活、工作中必不可少的一部分，人们花在网络上的时间占大部分，因此网站的发展是很有前景的，同时网页界面设计也是至关重要。网页界面的设计看似简单，其实结合了好多的东西，流畅的视觉表达、符合浏览者心理的艺术审美，界面创新设计成为越来越具有重要意义的研究。

参考文献

[1]邓文达，炱亚男.网页界面设计与制作[M].北京：人民邮电出版社，2012.

[2]潘群，吕金龙.网页艺术设计[M].北京：清华大学出版社，2011.

[3]李晓斌，网页视觉风格与经典范例[M].北京：电子工业出版社，2012.

[4]尹定邦.图形与意义[M].湖南：湖南科学技术出版社，2003.endprint