专业文学网站设计要求及多媒体技术的运用,网站设计论文.docx

专业文学网站设计要求及多媒体技术的运用,网站设计论文当代设计在中国的发展大概有二十多年的时间了，以前中国很少有人会注意网页界面的用户体验，而且国内宽带水平有限，所以那时候我们国家的网页界面基本上都是框架式，创新的页面很少。随着我们国家各方面的发展，我们的设计也越来越有创新意识，我们也越来越注重用户的体验。尤其是在文学网站设计方面，以前很多网站的设计大部分都是大的框架加上链接构成，没有下多少功夫在外观设计和用户体验方面，而如今随着文学网的发展，仅仅仅是靠老一套的理论来做的设计已经不能知足如今用户的审美需求了。 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 就能够知足用户的需求，但是如今互联网用户对网页设计的质量要求越来越高，没有内涵华美的设计很快就会被遗弃。所以现今的设计趋势已经越来越重视网站的响应设计、持续联络以及1另外在版式设计方面也逐步参加了一些 留白 的理念， 留白 起源于中国传统的虚实相生、阴阳辩证的哲学思想，发展于传统的绘画行业，表示出一种 以无胜有，以简胜繁 的思想，这种设计理念与西方 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. 北京： 清华大学出版社，2018:8. 2张新伟。 网页经典配色艺术M. 北京： 电子工业出版社，2018:6. 3郑国强。 网页设计与配色实例解析M. 北京： 清华大学出版社，2020:6. 4张磊。 专业色彩搭配手册： 网页配色M. 北京： 北京希望电子出版社，2018:11. 5刘鹏。 浅谈网页色彩的编排设计J. 科技创新与应用，2020, 1 . 6李立伟。 浅谈网页色彩设计J. 郑州轻工业学院学报，2007, 2 . 7卫捷。 留白 理念在当代网页设计中的映射D. 河南大学硕士学位论文，2018.