专业文学网站设计原则与趋势

摘要:

现在互联网用户对网页设计的质量要求越来越高，没有内涵的华丽设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。在一个注重用户体验的时代，一个好的文学网站，不是只有华丽的界面或者良好的交互设计就可以，而是要在艺术和功能上做到两全其美。

关键词:网页设计;色彩;图片优化;用户体验

现代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我国的网页界面基本上都是框架式，创新的页面很少。随着我国各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而现在随着文学网的发展，仅仅是靠老一套的理论来做的设计已经不能满足现在用户的审美需求了。

1文学类网站设计原则

1．1色彩设计原则

众所周知，不管是做招贴、包装或者是VI，给人的第一印象往往是这个作品的色彩设计，它的色彩运用的好与坏，将直接影响到阅读者的兴趣。同样，在网页设计中，色彩也是居于十分重要的地位。现在的文学类网站的网页设计，大部分以比较浅的颜色为网页的背景色，如浅黄色、浅蓝色、浅绿色或者直接就是白色背景，再加上较深颜色的文字来做的配色。一般来说网页中所出现的字体颜色都是黑色，因为浅色背景中黑色字体的视认度最高，但是这种强对比，屏幕刺激较大，也更容易让浏览者产生视觉疲劳。在文学类网页设计中，这种对比过于强烈的配色会使用户长时间在线浏览的时候有不适，但是缓和的色彩搭配视认度不高，也不利于用户阅读。所以笔者认为在网页中出现大面积文字以及考虑到用户会长时间停留在一个页面的时候，比如文学网站的在线阅读界面，我们可以给用户一个选择，让用户自己来挑选网页的背景色以及字体颜色，让用户自己来选择适合自己的颜色搭配。

1．2文字和排版设计原则

在做网页设计的过程中，无论选择什么字体，都要基于网页的总体设想和浏览者的需要来使用。而且浏览器使用的是本地字库显示的页面内容，作为一个网页设计者，不得不考虑到用户电脑中是否有你选用的字体，所以说网页中的文字最好使用缺省字体，在必须使用特殊字体的地方，可以先把文字做成图像，然后再插入到网页页面中去。再者就是文字行距的问题，一般的行距比例为10:12，因为合适的行距可以很好引导浏览者的视线，如果行距过宽会影响行与行之间的文字延续性，影响阅读。而且在视觉传达中文字作为网页页面的要素之一，除了表达文字本身的意义以外，还有传达感情的作用，所以文字设计在视觉上要给人以美好的印象，让浏览者可以获得良好的阅读感受。而且网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，都是通过文字图形的空间组合，表达出和谐与美。在网页文字设计编排中最重要的一点，就是要与网页内容的性质和特点相和谐，其设计风格要与内容特性相一致，而不是相分离冲突，所以在我们把大量的信息整合到一个页面上去的时候，首先要考虑的是怎样把它们以合理统一的排布，达到变化与统一并存的和谐效果。在排版这方面，网页的版式设计同报刊杂志的版式设计有不少共同之处，基本上都是把页面中的文字字体、图形图像、色块线条等要素按照一定的节奏进行编排，同时注意其结构的大小、轻重、虚实等对比因素，并通过对这些要素的编排，使浏览者直观地感受到该页面要传递的信息。

1．3网页图形的优化和应用原则

对于一个网站来说，网页的下载速度是非常重要的，但是影响网页的下载速度的因素除了网速以外，网页中所包含的图像图形对网页的下载速度也有很大的影响。因此，对网页图形进行优化，使网页能够快速下载是网站设计制作中考虑的首要问题。所以，接下来就来探讨一下图片优化的基本方法。首先是图片的裁切，裁切时应尽量沿所需图像边缘裁切，避免不必要区域占用文件大小。如果在页面中有一张过大的图片，也可以先把它裁成小块，然后再使用Table语法所提供的Border=0、Cell-spacing=0、Cellpadding=0的无缝功能，将它们组合起来，这样也会提高图片的加载速度。再者就是图片的输出，一般情况下，色彩少的图片使用GIF或者PNG格式，色彩丰富的的图片使用JPG格式。如果是一些摄影网站，图片要求都是高清图片，那就可以用JPG格式做小图预览，然后链接到TIF格式(无损)的原图，这对没兴趣看这张大图片的浏览者而言，不但可快速下载该网页，而且也是一种体贴的选择。还有些图片，因为要在不同的背景中使用，需要输出为透明的效果，这时，就可以选用GIF格式，因为对于GIF图像来说，色彩越少，文件就越小。所以说在看起来可以接受的范围内，尽可能地将色彩数量减少，就能够对GIF图像进行不错的优化。而且对于网页中所采用的图档，通常会加入Width、Height这两个属性，这样就可以在加载网页的过程中为图像预留空间，在加载图片时，用户就可以先浏览其他已加载项目。如果没有这些属性，浏览器就不能了解图像的大小，也就不能为图像预留下合适的空间，这可能会给网页中其他元素的显示带来很大的延迟，从而影响用户的阅读。

2现今专业文学网站设计趋势

以前，做网页设计基本上都是用PS设计网页版面，仅仅是PS就可以满足用户的需求，但是现在互联网用户对网页设计的质量要求越来越高，没有内涵华丽的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联系以及虚拟现实。另外在版式设计方面也逐渐加入了一些“留白”的理念，“留白”发源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表达一种“以无胜有，以简胜繁”的思想，这种设计理念与西方20世纪兴起的一些现代设计理念如出一辙。“留白”不是一个色彩的概念，而是一种形式的概念，通过欣赏者的审美联想和想象获得的一种“秒与生意，能不失真”的意想空间，从而使设计者能够更好地表达出设计的意图，将作品的视觉感染力加强。总之，一个好的文学网站的网页设计，不是只要有华丽的界面就可以，而是要在艺术和功能上做到两全其美。

2．1大背景图的网页设计

高清图片是一种可以产生极具视觉冲击力并迅速抓住读者视线的好方式，而且这些图片一般都是高质量写实的或者是抽象的精美照片，这些图片的用色和表现的内容都十分考究，并且趋向于一些比较柔和，比较透明的图片，不会影响到文字的阅读。不然再漂亮的图片，看起来和网站整体效果不协调，影响用户体验，也是白白浪费资源。除此之外，大背景图的运用还有一种方式，叫做拟真设计，听起来可能有点陌生，但是拟真设计就是和大背景图的运用相似的一种设计，它是指将界面元素设计成用户容易理解的，存在于现实世界中的实体。就文学网站，在书籍阅读的界面平台上，不单单是书籍内容完整无误的呈现，它的呈现方式可以像常见的平面媒体带给读者的愉悦体验一样。可以在书籍阅读的起始部分与结束部分分别放置图书原有的封面与封底;可以模仿纸张的材质，灵活设置;可以在文章的正文界面中配合插图，插图同文字共同营造书中的独特氛围，插图的类型可以配合文章的叙述情境进行绘制;可以与插画师合作，共同创造出良好的阅读环境，从而提高阅读质量和阅读效益。

2．2移动互联网时代

现在这个时代，智能手机几乎是人手一部，而且平板电脑、小型上网本随处可见。所以说，如今的网页设计已经不能只局限在普通电脑的显示效果上，还要考虑到更多的移动设备。但是，设计适合移动设备的网站不是去掉大量装饰，做得简单易于下载就可以，因为它不仅仅是变得简单，更是要表现出原网站的精华。另外，现在很多网站都推出了属于自己的方形的条形码，这种条形码被称为QR，全称就是QuickResponse。这个条形码就相当于一个快捷方式，让用户可以方便迅速地打开自己的移动网页。近几年来，移动媒体的优势越来越明显，利用这个优势所做的网页设计也是现在的热门。

2．3页面布局设计及特效设计

以前的网页设计，大部分都类似于书籍和杂志的版面设计。而随着互联网等各方面的发展，现在的设计更接近于影片的效果，更注重空间艺术，现在的网页设计已经不再是单纯的平面设计，而是立体设计、空间设计，致力于把浏览者带进一个现实的虚拟世界。我们都知道构成网站的是网页，网页本身也是很多个页面的总平面，所以说平面设计原则同样也适用于网页设计。但是网页设计的排版又是对平面设计的延伸，单独考虑平面设计原则的话，这样的网页设计是不能满足现在浏览者的需求的。在网页特效方面，文学类网站运用的不是很多。现在是一个注重用户体验的时代，适当地采用一些网页特效会给网站加分不少。比如说，视差滚动设计，让多层背景以不同的速度移动，形成一种类似于3D的视觉效果，吸引浏览者。但是值得注意的是，这种效果不适于导航。

2．4极简主义的运用

极简主义在早几年就流行起来了，但是在网页设计方面极简主义的影响力在近几年才逐渐大了起来。极简主义风格的网站设计，运行速度快，用户体验效果更好，接入也更加容易，所以无论哪一类型的网页设计都可以运用，文学类网站也不例外。但是就目前来说，还没有哪个国内文学网站尝试这种极简主义设计，因为接下来提到的文学类网站设计的一大要点，就是丰富的内容。但是，极简主义并不是把内容也变得极简。要知道极简主义有一个理念，少就是多，简洁就是丰富。所以说极简主义只是把不必要的东西去掉，使页面的每一个元素都和主题统一，用最简单的元素来传达更丰富的信息。

2．5丰富的内容

内容是一个网站的最有价值的部分，而对于文学网站来说，丰富的有价值的内容比起网站外观来要重要得多。但是做内容的建设时也要注意几点，首先，网站的内容要和网站的主题一致，不可偏离主题。其次，就是网站内容最好是原创内容。作为一个文学网站，不是说拿那些已经现有的作品就可以，还要有新的原创文学，大家没有看过的文学作品，这样才能让用户时刻保持对网站的新鲜感。最后，网站的内容要定时更新，并不是说有丰富的文学作品就万事大吉了，不然一个再好的网站不去更新内容，它也是一个死站。而且一般经常浏览文学网站的互联网用户对文学都是很有见解的，所以说作为一个专业的文学网站，为他们提供的不仅仅是一个文学资源库，更应是一个交流平台，让他们发表自己的原创文学及见解。

3文学网站中多媒体技术的运用

无论是图形文字，还是声音视频，设计者所要考虑的就是怎样才能使它们以最和谐的方式融合到网页这面大屏幕里。所以，多媒体技术的运用在这里必不可少。现在大部分的浏览器本身都可以支持在线播放或收听，比如GIF、JPEG图形和GIF89a动画。另外还有一些比较常见的插件，比如ActiveX，它可以播放更多种类的多媒体文件。总之，多媒体技术随着互联网的发展在网页设计中的运用也越来越多，也使浏览者能够体验到更加完美的浏览效果。在现今有很多网站设计都采用了flash软件来制作，用flash制作导航界面，随着鼠标的动作可以产生动画或者声音，让网页更有吸引力。而且制作flash时用的是矢量图形，它需要的内存和存储空间要比位图小很多。在网页设计中flash还具有一定的交互性，比如说网站导航栏动画、图片展示动画以及网站注册和登陆系统等等。在静态页面中，如果用到这些动画，一定能与浏览者有一个很好的互动，也能使网站看起来更加生动有趣。但是整体不可以太花哨，太杂乱，不然会使浏览者对该网页缺乏信任感。当然也有一些网站，为了表现自己的与众不同，使用flash来制作整个网站。而且设计制作flash时就已经包括网页内所有视听元素和版式的设计，并不会给人眼花缭乱的感觉。这样的flash网站，给人感觉都十分酷，给浏览者一种很特别的感觉，基本上可以完全调动浏览者浏览的积极性，同时给浏览者一种活跃的心理感受。总之，不只是文学网站的设计，所有的的网页艺术设计都需要大胆创新，需要不断地完善和突破，从而达到网络技术与艺术设计的完美结合，让浏览者获得最佳的阅读体验。

参考文献:

［1］王晓峰，焦燕．网页美术设计原理及实战策略［M］．北京:清华大学出版社，2009:8．

［2］张新伟．网页经典配色艺术［M］．北京:电子工业出版社，2009:6．

［3］郑国强．网页设计与配色实例解析［M］．北京:清华大学出版社，2012:6．

［4］张磊．专业色彩搭配手册:网页配色［M］．北京:北京希望电子出版社，2011:11．

［5］刘鹏．浅谈网页色彩的编排设计［J］．科技创新与应用，2012，(1)．

［6］李立伟．浅谈网页色彩设计［J］．郑州轻工业学院学报，2007，(2)．

［7］卫捷．“留白”理念在现代网页设计中的映射［D］．河南大学硕士学位论文，2011．

作者：曹晏祯 单位：郑州工业应用技术学院