网页设计与平面设计精选(九篇)

第1篇：网页设计与平面设计范文

关键词：网页设计；平面视觉元素；应用分析；文字；图像；色彩；版式设计

中图分类号：J05 文献标识码：A 文章编号：1005-5312（2014）02-0052-01

随着互联网技术的普及和发展，网络已经成为了当代社会信息传播的重要方式和人们日常交流沟通的重要途径，其已经逐步渗入了人们工作、生活的各个领域和各个层面。而网页不仅仅是互联网上信息传递的一个载体，也是构成互联网的基本元素。因此，随着网络的普及和发展，网页设计作为一个全新的设计领域，已经成为了平面设计新的发展方向之一，如何让所设计的网页更具新颖性和可读性，以获得最大的视觉传达功能也成为了设计者关注的一个重点问题。鉴于此，本文就从网页设计的角度，针对设计过程中的文字、图像、色彩以及版式设计等平面视觉元素的应用问题进行了简要的探索与分析。

一、文字在网页设计中的应用分析

文字是一种用来记录语言和事物，并进行思想和情感交流的一种视觉文化符号。在网页设计的过程中，由于文字在信息传达方面具有比其他的视觉符号更容易辨识的明确性，因此，文字不但是网页设计过程中常用的构成元素之一，也是发挥作用最大的设计元素之一。在网页设计的过程中，如何对文字进行编排和设计，对网页的整体风格有着非常重要的影响。通常来说，设计科学、编排合理的网页文字，能够更好的传达所要传达的信息，而且还能够通过文字的设计与编排给页面增加美感，从而在实现信息传达的满足人们的审美需求，从而大大提高网页信息传达的效果。

概况来说，在网页设计的过程中，文字的编排设计主要包括字体的选择和编辑以及文字编排几个方面。例如：在对文字进行编辑时，可以选择图形化的艺术处理方法，这样不但能够通过文字来传达语言本身所包含的信息，还能够借此以视觉形象的方式来传递语言之外的信息。

而具体到文字在网页设计中的实际应用，则应注意如下几点原则：一是，匹配性原则。匹配性原则实际上指的就是在进行网页设计的过程中所选用的文字应与文字的内容以及网页的主题相匹配。也就是说，要根据网页的主题内容和所要传达的信息内容来科学的设计文字的字体、色彩以及形态和表现形式，以确保文字的设计与网页设计的主题和整体风格相匹配。二是，明确性原则。在网页设计的过程中，文字最为主要的功能在于确保信息的有效传递。因此，为了实现这一点，在进行网页文字设计的过程中，应注意优选选用容易识别的文字，而且在进行字体和字形的创意时，同时也应注意其辨识起来的明确性。三是，易读性原则。因受人们的阅读习惯及视觉能力的影响，人们在识别过粗、过细的文字形态时会较为费力，因此，在网页设计的过程中，应注意避免这样的情况，以确保文字的易读性，从而让浏览者阅读起来轻松愉快。最后是，美观性原则。进行文字的创意设计目的之一，是为了提高网页的美观程度，带给浏览者美的感受。因此，在进行网页文字的设计时，要始终注意文字编排的节奏感和韵律感，以及文字与网页整体之间的对比与和谐，以确保文字设计的美观性。

二、图像在网页设计中的应用分析

在网页设计的过程中，图像相较于文字而言更加直观、形象，而且图像在造型和色彩等方面均具有较强的注目性，因此，很容易形成视觉信息的中心。而在网页设计的过程中，如果说文字所表达的信息是理性的，色彩所表达的信息是感性的，那么图像所包含的则既有感性的形象又有理性的信息。由此可见，图像在网页设计的过程中，具有文字和色彩均无法取代的重要作用。

具体到网页图像来说，一般网页图像所使用的格式为GIF格式或是JPEG格式。其在网页设计编排中的应用方式则通常有方形图、退底图、出血图以及三种结合使用四种方式，其中：方形图是网页图形最为常见、最为简洁的一种。在将方形图应用于网页设计时，通常会给人以稳重、理性和严谨的感觉，但如果过度使用，则会给人以平淡呆板的感觉，如下图1所示，中国人民大学的网站就利用方形图很好的突出了稳重、理性、严谨的特点，而同时又利用大小不同、宽窄不同的方形图避免了平淡呆板的问题；其次是退底图。退底图相较而言图形更为自由，也更具个性，因此很容易带给人深刻的印象。将这样的图形应用于网页设计时，会让网页的整体风格闲的轻松而活泼，但是如果应用不合理的话，也很容易给人凌乱的感觉；再次是出血图。出血图指的是一边或者几个边充满页面的图像。出血图具有强烈的向外扩张的态势，容易给人舒展的感觉，将其应用于网页设计时，非常有利于情感和动感内容的表达。

三、色彩在网页设计中的应用分析

在网页设计的过程中，彩色的页面相较于单色的页面来说往往能够更好的引起浏览者的注意和兴趣，由此就可以窥见在网页设计中色彩应用的重要性。

俗话说“远看颜色近看花”，这一点对于色彩在网页设计中的应用来说同样适用。在网页上，网页设计所采用的主色彩，往往具有先声夺人的力量，其应用的科学与否、设计的合理与否，会直接影响到浏览者的浏览兴趣，并能够通过色彩所带来的视觉冲击传达出相应的情绪力量。因此，在进行网页设计时，设计者一定要时刻注意思考设计用色带给人们的感受。

具体来说，在网页设计过程中进行网页色彩的搭配与应用时需要注意考虑的问题非常多，而以下两点则尤为关键：首先，在进行色彩选择和应用时，应注意不同的颜色所蕴含的不同喻意，以尽可能的避免出现颜色误用的问题。其次，网页色彩的搭配与应用，应根据网页的性质和主题进行合理的选用。例如：暖色一般适用于购物类网站的网页设计、电子商务网站的网页设计以及儿童类网站的网页设计等等，暖色的合理应用有助于突出这些网站商品的琳琅满目以及儿童网站的活泼、温馨特性；而冷色则一般适用于高科技网站的网页设计或者是学术类网站的网页设计，能够借此很好的突出网页严肃、稳重的风格和特点。

四、版式设计在网页设计中的应用分析

在进行网页设计的过程中，版式设计实际上就是根据网页的内容而和主题，将网页页面上的诸多构成要素，进行关联和配置，从而将网页整体的设计意图和设计风格表现出来的一种方式。科学的版式设计不但能够让网页上的文字、图像、色彩等元素实现有机的结合，以提升页面的美观度、凸显网页的风格特色，还能够带给网页浏览者一个更为流畅的视觉体验。

在网页设计中，版式设计的常用类型主要有骨骼型版式设计、满版型版式设计、分割型版式设计、中轴型版式设计、曲线型版式设计、倾斜型版式设计、对称性版式设计、焦点型版式设计、三角型版式设计以及自由型版式设计等十种版式设计类型，这些版式设计类型各有特色。其中骨骼型的版式设计有助于网页呈现和谐和理性的特点；满版型版式设计则有助于凸显网页舒展大方的特征；分割型版式设计的网页则较为自然；中轴型版式设计的网页特点则较为稳定和含蓄；曲线型版式设计的网页常常带有一定的韵律感与节奏感；倾斜型的网页版式设计则带有强烈的不稳定感或是动感；焦点型版式设计的网页则有助于凸显强烈的视觉效果；三角型版式设计的网站则根据所采用的具体三角型有一定的不同：正三角有助于突出稳定性、倒三角有助于突出动感、而侧三角则是稳定与动感兼具；最后采用自由型版式设计的网页，则往往突出的是轻松活泼、轻快愉悦的特点。设计者在进行网页的版式设计时可以根据这些网页版式设计类型的特点，针对设计的内容和主题进行合理的选择。

参考文献：

[1]郭菲.网页设计中的人性化设计[A].2006年中国机械工程学会年会暨中国工程院机械与运载工程学部首届年会论文集[C].2006.

[2]孙利，吴俭涛.利用色彩营造网页形象时需关注的几点问题[A].色彩科学应用与发展――中国科协2005年学术年会论文集[C].2005.

第2篇：网页设计与平面设计范文

关键词：网页艺术设计；网页版式；版式的形式美

中图分类号：J04

文献标识码：A

文章编号：1005-5312（2012）14-0078-01

网页艺术设计归根结底是网页版式的编排，而网页中版式的设计编排正是网页艺术性的体现。网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将传达内容所必要的各种构成要素的均衡、调和、律动的视觉导向以及空白等，根据主题的要求予以必要的关系设计，进行一种视觉的关联和合理配置。将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

一、概述网页版式设计在网页艺术设计中的意义

浏览者进行网页浏览时的时间顺序通常是：由版式——艺术性，至导航——技术性，至网页内容——信息性或有用性，直至浏览过程的结束，产生评价结果。因此可以看出，网页设计的三个关键就是：版面设计、导航设计、网页内容。其中版面的设计至关重要，一个具有艺术性的成功的网页版面设计不仅能提高版面的注意价值，而且有利于该网页主题的信息传达并加强对浏览者的视觉留存。

网页艺术设计，表现在对页面的版式及布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，平面设计就要考虑形式美的内容，因此网页的排版布局就属于形式的内容，就是通过对页面的合理布局，将文字，图片进行整体编排使其条理清楚、流畅、整体，使形式美得到体现。

二、网页版式的基本类型与运用

网页的版式和传统印刷品的版式编排一样多种多样。

从视觉符号方面来看，视觉符号是相对于语言符号的点、线、面、色彩等视觉性记号。形式法则和构成规律是视觉语言的语法和句法，要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。可以运用对比与调和、对称与平衡、节奏以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感以及新鲜的个性。因此对于不同的网站在设计其版式时应采取不同的类型，而网页版式的类型与运用大致分为以下十种：

1.骨骼型2.满版型3.分割型4.中轴型5.曲线型6.倾斜型7.对称型8.焦点型9.三角型10.自由型。

三、结束语

作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。而这就是我们对于网页版式的设计的根本所在。总而言之,整个网站是依附于其独特的版式而形成的，版式的设计是它灵感的骨架也是它的根本所在。

网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。好的网页设计不仅是内容上的精益求精，还有就是对内容合理有效的视觉编排与设计即网页版式的设计。网页版式设计是美的创造，美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，因此网页版式的设计与编排在网页艺术设计中体现得尤为突出。也是决定一个网站是否成功的关键所在。

第3篇：网页设计与平面设计范文

1美学设计在网页设计中的应用问题

伴随Internet的发展，网页制作的需求量也爆炸性地増长。网页设计制作的人员队伍不断扩大，越来越呈多样化。网页的设计制作技术也在蓬勃发展，从HTML到XML语言、从Photoshop到Fireworks、从FiontPage到Dreamweaver、Flash，这些优秀的网页制作软件和技术一直是人们学习和使用的热点。这些软件的功能日趋强大，操作使用方式却变得越来越方便，有关书籍更是铺天盖地而来。现在，制作简单的网页己经是一件非常容易的事了，但要制作出精美的网页，特别是对于版面构成整体美化要求较高的网页时，大多数人却又会感至‘灵感的缺乏”.这是为什么呢？

在对网页设计的认识上，许多人仍停留在网页制作的高度上，认为只要用好了网页制作软件，就能搞好网页设计了.所以，人们在进行网页制作或设计的学习和教学的过程中只重视网页制作软件和制作技术的学习，而忽视网页视觉效果设计，造成制作的网页非常粗糙。于是即使把各种网页制作技术、技巧都应用的非常熟练，制作出来的网页还是处于很低的水平。这是因为在网页设计的过程中没有很好地运用美学设计的方法。

网页设计要根据网页元素组成的特点，运用美学的观念进行构造规划，而网页制作是运用计算机技术将这种设计进行实现成网页。因此，我们可以这样描述：网页设计和网页制作是两个不同的概念，是网页形成过程中的两个关系非常密切的不同阶段，前者侧重于运用美学法则进行页面规划设计，后者侧重于运用计算机技术进行制作和实现。很多时候人们将两者混为一谈，主要原因是只注重网页制作技术而忽略了美学设计。

更深一层的原因是，许多计算机技术人员对美学设计和运用很生疏，在网页制作过程中运用美学观点多属于朴素的形态，美学知识水平较低。大多数教学人员和教科书编写人员均有意无意地忽略或回避了美学方面的内容，导致有关网页制作的书籍教材尽管比比皆是，且大多数由国内着名出版社出版，但基本上都是基于某一软件菜单式的介绍，涉及到美学运用内容的几乎没有。这种氛围造成了现在网页设计制作的困难局面，即使是系统地学习了Fiieworks、Flash和Dreamweam?等优秀制作软件的人们，对于设计制作的网页尽管艰难地做出却多是各种素材的堆叠，缺乏美感。

2网页设计对美学的客观要求

为什么网页制作需要技术与美学紧密结合呢？自古以来，“爱美之心人皆有之”，美是人所追求的精神享受。在现实生活中，人们由于所处经济地位、文化素质、生活习俗、价值观念等不同而具有不同的审美观。然而单从形式条件来评价某一事物或某一视觉形象时，对于美或丑的感觉在大多数人中间存在着一种基本相通的共识。在我们的视觉经验中，高大的树木、耸立的高楼大厦、巍峨的山峦尖峰等，它们的结构轮廓都是高耸的垂直线，因而垂直线在视觉形式上给人以上升、高大、威严的感受；而水平线则使人联系到地平线、一望无际的平原、风平浪静的大海等，因而产生开阔、徐缓、平静的感受。这些源于生活积累的共识，使我们逐渐发现了形式美的基本法则。随着社会的发展，美学己经从“直觉”、“爱好”甚至“偏好”的原始形态中走了出来，演变成具有共性的审美标准，符合科学的视觉规律，大多数能够接受的现代学科111.

美学是人类本身独有的思维结果，也是人类个性发展的写照，美学的产生和发展体现了人类对美的共同追求和对美的需要。当你接触任何一件有存在价值的事物时，它必定具备合乎逻辑的内容和形式。同样，当你以网页的形式表现你的思想，展现某一产品，传播信息等活动时，网页中的多媒体元素必须合乎逻辑其形式必须遵循美学的基本规则。人们通过网页形式获取信息的同时，需要美的享受；人们在设计网页时不但传播某一信息内容，而且需要传播美。美学是网页设计的客观要求。

网页设计制作的目的和任务是将各种多媒体素材经过合理的组织，形成网页，表达作者所需要展示的信息，和美学设计的目的一致，二者结合是必然的结果。

3美学在网页设计中的作用

1)从网页设计的任务来看，网页是网络信息的组织和表现形式。因此网页设计的任务不仅需要表现信息的主题和实现有关功能，而且表达形式要符合客观逻辑，符合人们的审美观念，使人们在传播或获取信息的同时获得美的享受，做到内容、功能、形式三方面的统一。

2)从网页设计的表现手段来看，网页设计属于二维视觉设计范畴，和传统的美术平面设计的视觉构成元素是一致的，可以说网页设计是平面设计在信息时代的延续。应当吸取人类美学的艺术精华，将经千百年历史发展形成的美学理论和方法作为网络信息时代网页设计强而有力的手段，使网页更好地展现所必须展示的内容信息。美学中的有关理论与设计方法是网页设计的最有效手段。

3)从信息的传播过程来看，信息的表现者和接收者都是人，而网页是信息的载体。信息不但与事物和事实有关，而且更具有主观性3.人们在表现信息内容的同时，自然流露着思想情感。接收者在获取信息内容的同时，也感受着这种情感。信息的交流传播体现了人们思想情感的沟通。网页信息的美学设计更应注重于通过绘画渲染、色彩搭配及版面构图，使信息内容表达形象化，个性鲜明化，产生和谐悦目的视觉效果，吸引浏览者的注意力，引起共鸣的产生。

层次简洁清晰、逻辑严密和谐、外观形式精美的信息作品更能受到欢迎，传达的信息更确切。这与信息论关于“存储的信息用系统化有序化的量度来表征，传递的信息用消除不确定性的量度来表征”的论述相一致14.美学不仅需要解决网页信息形式的美观问题，还要使其信息形式符合人们的浏览习惯、操作方式，影响到访问者的生理习惯和>心理感受帮助人们更好接受并获取信息。“三分人才七分扮”美学为网页设计提供了设计的理论和方法、满足人们在传播及获取信息的同时对美的表达和需求、帮助人们更好地接受并获取信息，用七分的比例来描述它的作用是非常适当的。

4美学在网页设计中的表现手段

美学不是抽象的概念，它的三种艺术表现手段，即“绘画”、“色彩构成”和“平面构成”，在网页设计过程中可以充分地体现。

1)从网页构成的元素看，网页信息的表达需要通过大量的图片素材体现。图片素材的来源主要来自两个方面：一是专门为网页主题内容准备的相关图像素材，如扫描印刷品或照片所得的数字图像，使用数码相机所拍的景色或实物等；二是从互联网上获取的合法图片素材。采用美学的绘画的理论和技术经图像处理软件对这些图片素材进行处理，使本来关联性不是很强的图像可以和谐地搭配，这样能更好地表现信息的内容主题，或作为页面美化的点缀。

2)色彩构成是美学的重要组成部分，研究两个以上的色彩关系，精确到位的色彩组合，良好的色彩搭配是色彩构成的主要内容。

人们对色彩历来非常敏感，而且不同的色彩代表了不同的情感有着不同的象征含义。例如，红色是火的颜色，热情、奔放，可以象征生命；黄色是明度最高的颜色，显得华丽、高贵、明快；绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全；紫色是高贵的象征，有庄重感；白色能给人以纯洁的感觉，表示和平与圣洁；不同的颜色搭配，表现出来的效果也不同。比如，绿色和金黄、灰白搭配，可以产生优雅、舒适的气氛；蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛；红色和黄色、金色的搭配能渲染喜庆的气氛。

根据网页的设计任务和信息特点，通过色彩构成的运用，选择不同的色彩搭配，使整个页面在视觉上构成一体，达到和谐悦目的视觉效果，从而唤起人们的心灵感知，调动阅读者的情绪，达到信息传播和情感交流相结合。

3)平面构成又叫“版面构成”，是平面设计的重要组成，也是网页版面设计强而有力有技术手段。它在强调形态之间的比例、平衡、对比、节奏和韵律等等的同时，又要求讲究构图和图形给人的视觉引导作用。平面构成在于探求二维空间的视觉传达规律，视觉形象的建立和归纳，栅格的划分和组织，各种视觉元素之间的构成规律与规律的突破，最终运用构成的原理创作出既严谨又有无穷发展变化的平面构图。

随着人们对平面构成的深入研究，己经把平面构成归纳成对版面上的“点”、“线”、“面”现象的研究：运用点的构图规则可以体现局部细节、集中视线、突出主体的视觉效果；线的构图规则可以体现平面分隔、类型划分，产生规则、平稳的视觉效果；面的构图规则可以体现多层次感、形成纵深感、具有浑然一体的视觉效果。

任何设计是一个感性思考与理性分析相结合的复杂过程。网页设计中融入美学平面设计的理论和方法，打破了传统二维静态空间的限制，开创了平面设计在信息时代新的发展领域。

5美学知识的学习和培养问题

美学不依赖于计算机知识，更不是抽象的概念。这门以美术设计为基础的学科，充分运用绘画、色彩搭配和版面设计等具体的艺术手段，以达到自然美感的最终目的111.没有经过美学基础学习或训练，一般人的美学观念是很朴素的，在网页设计的过程中，对美学方法和观点的运用也多是下意识的。网页设计即费时又费力，且很难达到美化的效果。许多计算机技术人员，随着网页设计的深入，常常感叹自己的美学基础相对薄弱；而学美术设计专业的人员一旦掌握了计算机网页制作技术后，美轮美奂、个性张扬的网页作品却层出不穷。美学中的有关理论与设计方法，是把网页做到内容、功能和形式三个方面统一的基本保证。所以，对于非美学艺术相关专业的广大网页设计人员来说美学知识的学习和培养成了网页设计灵活运用美学设计手段的关键。

以下提出三个观点，希望能够和广大网页设计的教学者及从业人员共同探讨。

1)提高美学方法论的认识。网络信息时代，己经从“如何制作网页”发展到“如何设计美的网页”，美学中的平面设计等理论及方法是网页设计的最有效手段。

2)改变当前的教学方法。当前网页设计的教学方法只是注重计算机制作技术的推广应用，在很大程度上忽略了美学的知识教学和运用。应尽可能做到在网页设计教材和指导书当中添加美学基础内容，并在教学上安排适当的美学教学训练内容。

3)加强两门学科结合的研究。两个专业的研究人员应该更多地合作，使网页制作技术和平面设计技术的结合越来越紧密。

6结束语

第4篇：网页设计与平面设计范文

关键词：图形图像处理；网页设计；制作应用

引言

网页制作是一门综合性技术，既需要从设计形式上表现出艺术性，还需要从技术处理上突出专业水平。图形图像处理技术的应用，从网络视觉展示效果及发挥计算机图形图像处理优势上，更能够增强网页的感染力。当然，网页设计所包括的要素较多，对文字、图片、超链接的设计与构成，需要从其逻辑关系及先后顺序上来合理架构，突出网页设计的整体性效果。

1.图形图像处理技术在网页设计中的重要性

网页设计是基于浏览器来满足用户的浏览需求，本身具有较高的复杂性、综合性特点。图形图像处理技术与网页设计的结合，从专业设计上来强化网页版式的艺术与感染力，其重要性表现在：一是美化网页效果，增加用户浏览量。对艺术美感的追求也是网页设计的重要内容，能够激发浏览者的兴趣，易于被浏览者记住并推广传播。图形图像处理技术可以对网页展示要素进行美化处理，对图形的结构、大小、色彩、位置等进行合理架构，来突出网页设计的视觉效果。二是强调网页设计重点，凸显网页设计理念。网页设计的核心是对文字、图形等要素的有机融合，来充分展现信息导向作用，便于浏览者从中获取信息资讯等内容。因此，从节省浏览者时间，提升浏览效率上来展现网页设计所要反映的主题，以简洁性技术来传达最直观的信息是网页设计者所遵循的重要理念。三是优化网页图形、图像质量，提高网页运行效率。借助于图形图像处理技术，可以对网页图形、图片等进行有效处理。如利用图像去噪技术来优化图片质量，利用图像增强来美化图像在网页中的显示效果，增强网页画面设计感，如图形边缘增强技术、锐化技术、色彩增效技术等；图像压缩技术，来对图像格式进行转换，减少图像数据冗余，提高网页传输速率，减少图像失真。

2.图形图像处理技术在网页设计中的应用

图形图像处理技术多为设计类处理软件，便于对网页中的各展示要素进行优化处理。如Photoshop、火狐等软件，能够根据设计者的需要来构建网页图形图像，优化网页信息及编码，提升网页的处理效率和展示效果。

2.1网页设计中的构图

从网页视觉展示上，各对象的合理设置，需要从构图设计上来清晰、完整的显示各网页内容，诠释网页的主题思想。构图设计是对网页独特要素的重新安排与优化。在版面构成上，图片的使用能够增强网页的视觉效果，吸引浏览者的兴趣，但对于图形图片本身，又具有较强的设计弹性，需要从视觉展示上来优化图形图片与其他设计要素的和谐统一。同时，在网页所传达的设计主题上，不同图形图片的配置也反映了设计认知方式，借助于图形图片来提高浏览顺畅度，降低浏览障碍，即便是不识字也能够从图式信息中来明白其内涵。构图设计在网页设计中具有差异性，也是网页设计制作者彰显设计个性的重要表现。比如水平式构图，以水平方向来排列网页中的各种设计要素，并从中来传递设计者的稳定、庄严的审美标准。水平式构图多应用于企业、政府机构及教育领域等网站，在网页制作设计上，还可以与导航条、文字、构图要素中不同的色彩选择来强化网页的设计效果。纵向式构图是沿着垂直方向来布局设计要素，符合现代人审美视觉习惯，且具有展现直观、视觉清晰等效果，多应用于广告类网页设计中。同时，纵向式构图可以选择不对称结构，来营造别样的网页设计视觉效果。如图1所示。中心式构图是以网页中心位置为视觉焦点，采用辐射方式来布局其他设计要素，突显网页展示重点，具有较强的设计个性。

2.2网页设计中的色彩应用

网页制作设计中的色彩具有提升设计创意的独特效果，色彩本身是多样的，如果简单机械的组合，则无法突显色彩的展示效果。同时，网页设计中对色彩的搭配与图形图像处理息息相关，都应该从整体协调度、视觉清晰指数、用户浏览满意度等方面来合理搭配。如在网页中的图像色彩处理上多采用RGB模式，以兼容过去32位显示器的浏览需要。另外，在网页配色选择上，可以从某一色彩的确定上来调整饱和度、透明度等参数，来实现对原色的深化、浅化处理；在多种色彩的对比展示上，可以从色彩的纯度、明度调整上来把控色彩的表现力。

2.3网页设计中对图形图像软件的处理

图形图像处理技术作为网页设计的重要内容，在应用中需要从构图、Logo、导航条制作等方面进行特效处理，来展现别样的网页设计效果。首先结合网页设计的应用领域，来选择合理的网页构图方式。如某人力资源评测网需要郑重、严肃的设计风格，且要便于浏览者从中来获取资讯信息。因此，可以选择水平构图与中心构图相结合的方式，来增强浏览者的注意力，但从色彩配合上，以白色为背景色、以蓝色为主色调，来调整蓝色系的明暗度和饱和度，营造融洽、温和、深远的视觉心理感应效果。在Logo制作上，Logo本身作为网站的标志，要突显其形象，传递相应的信息，并保持美观、简洁、鲜明的视觉效果。导航条是网页设计的重要内容，也是提高浏览者快捷、有效完成页面浏览的重要元素。导航条在分级设计上，要从顶级目录与子页面之间建立良好的内容链接，要方便查询和浏览。因此在设计上，要结合网站设计的主题与不同网页的功能特点，在保证外观设计美化中融入实用性要求。导航条的色彩选择要与网页的色调相融合，当子页面过多时可以采用列表导航方式。如对于人力评测网导航条制作与设计，其步骤主要有：一是重建图层，利用矩形选框工具设置矩形区；二是修改渐变色，突显色彩渐变效果；三是进入编辑，对导航条进行描边，增强描边效果；四是利用快捷键来进行撤回选择，点击图层，修改图层样式，来设置不同的图层效果，如斜面、浮雕效果等，并对样式、大小、深度等进行调整；六是利用投影样式来改变渐变效果，如设置三维效果等。

3.结语

对于网页设计中图形图像处理技术的应用，要结合不同网站特点，来合理使用图形图像处理方法，来展现设计者的构思，来传递个性化视觉审美情感，为浏览者营造一个内容丰富、功能全面、色彩鲜明、结构清新的网页展示环境。

参考文献

[1]林丽红.网页设计制作中图形图像处理技术的应用[J].产业与科技论坛,2015,(23):50-51.

第5篇：网页设计与平面设计范文

一、网页设计基本内容

1.网页的构成

网页的基本构成，分为网页板块分布、导航、视觉传达，网页设计中的传达信息通过点线面的形式，通过点状的网页版块儿分布，形成一个网页导航，然后才形成一个视觉传达的效果。这三者之间相互联系和辅助，进而向网络使用的受众传达除了视觉信息之外，更重要的其他的信息。三者之间通过技术的实践，以及协调处理，这三者之中包括：文字、图片、动画等元素，来进行网页更优的呈现[2]。

2.网页设计的表现形式

网页的设计形式跟报纸杂志等多种平面媒体设计有很多的相同之处，在视觉传达以及艺术效果上，都有着非同一般的呈现。网页设计需要在一个有限的展示空间，呈现出图片、文字再加上动画的结合信息，来进行此网页需要做到的视觉以及信息的传达，设计者通过处理文字、图片、布局以及网页上需要的动画，甚至声音影效等，来进行理性的艺术化的排版设计，这要求设计者拥有一定的设计艺术鉴赏能力和设计技术掌握能力。

3.网页与平面设计的对比

和平面设计差不多，网页设计也一样依赖于一些设计应用的软件，在虚拟的网络环境中，网页通过设计来改善用户体验，提升网页的视觉和信息传达效果，给浏览网络的受众带来一定的视觉冲击。网页设计又比平面设计复杂，需要更多的创作软件和更多的设计技能。随着社会科技的不断发展，你需要在网页设计中不断地学习更新自己的技能，比如很多现在很多网站都在做的交互设计，最开始交互设计广泛使用在手机程序当中，后来用以APP的设计，以及丰富电脑网页的设计。

平面设计运用在生活中各种形式，在传播上要比网页快比网页广，并且在软件的使用上，平面设计所涉及软件并没有网页设计需要的那么多;网页设计还涉及网页交互设计、编程代码等技术，在技术实现上比平面设计稍微麻烦一些。纸质媒体的平面设计以及印刷需要根据媒体所需，依据具体的规格尺寸来进行设计和排版，他们的尺寸都是由出版商来决定的，网页却不一样，网页是每个人网络使用中都会看到的，它的尺寸根据受众的喜好来进行大致的规范，而新兴的网页设计形式更是收到了广大网页设计爱好者以及网页受众的期待。

二、网页设计中艺术的表达

1.网页界面设计的基础概念

互联网技术发展日新月异，网络的发展使网页设计不单单是一门技术，网页设计形式的不断改变，使网页设计更融入了艺术，不管是网页设计者还是网络使用的大众，越来越喜欢追求更新鲜更舒适更高级的使用体验和视觉享受，网页设计的发展恰好可以满足。

打开浏览器不管你浏览什么，会有网页展示。网页成为我们与网络进行交流的重要载体，网页设计也富含了复杂且有趣的众多技术与网络知识。网页设计最基础的是界面的设计，它从情感和视觉两个方面来进行概括，设计技术方面囊括了多媒体信息传递平台和数字化信息交流平台，传播和影响速度都是相当快的，网页又具备多元性和快捷的特点，使得网页设计的水平提高受到高度的重视，更多的人对这一行业产生兴趣。

网页设计基本涵盖了平面设计的要素，从一门技术逐渐发展成为艺术，它的延展性和包容性，是我们能够预想到的发展[3]。网页的独特设计和更时尚的视觉体验，是现在越来越多的网站门户在追求的。因为这些炫目的设计更能有效地吸引到受众，在此基础上进行主要信息的传递。网页设计的不断发展，正是迎合了现代化数字传播的发展。

2.网页的视觉设计要求

对比一些高级网站和中等级别的网站，不难发现，有些看来很炫酷的网页视觉设计，其实并没有什么实际意义，反而忘记了最基本的信息传递的作用。作为网页设计最基本的信息传递，视觉传达设计，是一定带有目的性的。网站门户对网页设计提出视觉效果的要求，是希望将网站信息或主题，用一种新的形式传递给用户，而不是仅仅为了好看。作为能够让受众接受为基础，需要摒弃花里胡哨没有实际用处的设计，制作出迎合大众消费心理的网页设计。

好的网站它的网页界面不仅符合消费者心理，并且在内容上也十分精美。因此，再好的网站设计也需要有好的内容，来作为支撑。作为消费者，单单在视觉上受到冲击，是不会买账的，因此好的网页设计也需要成为一个有价值的信息载体，将网页的信息用多元方式呈现出来。

很多网页设计初学者，喜欢用鲜亮的图片元素来作为网页装饰，他们一心想要打造一个高端时尚的网页，却又没找到这样设计的价值重点。很多网页浏览者可能会被吸引，但吸引眼球是不够的，而是要抓牢。浏览者不明白这个网页到底要突出什么、传递什么，以此在浏览过程中不会花费太多时间来做逗留。这样的网页设计，无疑是失败的。

因此，考虑到浏览者的观赏心情和网页的实际效果，设计师需要在视觉上，创造出一次不拖沓而且舒适的信息传达，让人在欣赏网页时感到愉悦，并清楚明了地接收了网页想要传达的信息，运用简洁的文字配以现代化带有艺术感的设计，这样的网页更加符合大众审美。融入艺术感的网页设计，就要做到打造艺术品一般的心情来设计这个网页。

3.网页艺术设计的表达内容

网页设计的艺术表达其中包括网页设计的视觉传达、网页板式设计、网页设计色彩的搭配，这三个主要方面。在视觉表达上，网页上的一切如文本、图像、导航菜单等都包含了视觉传达的意义[4]。在人们进行网页浏览时，优秀的视觉传达可以作为主导直接且有用的向人们做出思想传递和信息传递，最棒的是能够让人浏览往返，吸引大部分受众的眼球。

结合网页版块儿的排版设计，在满足人们浏览网页时，清晰明确快捷地找到自己所想要的网页内容版块儿的基础之上，通过优秀的排版，让整个界面看起来既实用又美观。在网页设计排版上，通过或简洁大方或时尚先进的排版，让人过目不忘或耳目一新的网页也是令很多网站都趋之若鹜的模仿，例如现在很多通过间接地排版来营造一种小清新感觉的网页，他们的始祖是源自日本的品牌无印良品（MUJI）。

在这种模仿上，鲜有能够超过MUJI的管网设计，简洁到令人发指的设计一直以来都是日本的专利，更有设计界的专家学者，将日本的简洁设计称之为“性冷淡”的设计。不过如此设计，既然能够成功的达到网页艺术设计的艺术效果，那么再怎么有人嫌弃，也只是像“吃不到葡萄说葡萄酸”的狐狸而已。

三、网页艺术设计所面临问题分析

网页艺术设计包含了更多设计者自己的主观要求，在经济化的发展中，是比较冲突的。一个能够将网页设计做得像艺术品一样的网页设计师，是很难忍受“财大气粗”的网站的。艺术气质浓厚的网页，似乎更加重视其中艺术的传递和表达，如果一味地追求艺术风格的网页设计，忽视了内容那么网页看起来就只是虚有其表了。因此网页设计师需要协调处理网页的实际价值和风格定位，使其达到均衡在此基础上，进行自我艺术内涵的发挥，才不失为优秀的网页设计。

网页设计是在网络环境下完成的，区别于传统的媒介传播，要求设计者着眼当下的技术发展和信息更新，来与时俱进，需要注意网页的持续性。在当下人们接受信息的速度不断的加快，这给不少网页设计带来了考验和阻碍。满足消费者喜好和满足网页艺术设计需求，这两者都需要达到要求时，只能要求网页设计者，在技术上进行弥补和平衡了。

网页设计中包含了多元的视觉媒体，多媒体的综合运用时网页艺术设计的特点之一，也是影响网页设计未来发展的因素之一。网页设计在强大的技术支持下，融入艺术创造，成为艺术和技术的结合体，应时展和要求，网页的艺术性越来越重要。

网页设计的自身发展和演变规律，依照艺术发展的法则和技术提高的速度，再加上人们对美的认知和不断追求，使网页艺术设计成为一门多融合的学问，让网页发展逐步走向艺术和技术的双向结合，就网页设计而言，这两者的结合，充斥着矛盾，但也正因为在矛盾之下，才能激发新的网页设计形式。

参考文献：

[1]华冰，丁宁.探析网页设计中的艺术设计[J].神州，2013，5（13）：222.

[2]何立波，周世波.网页设计中的艺术研究[J].考试周刊，2011，8（25）：36-37.

[3]赵馨.网页色彩搭配设计探讨[J].中国科教创新导刊，2012，11（25）：187-188.

[4]廖玲.浅谈网页设计中色彩的应用[J].网友世界，2014，7（14）14：16.

第6篇：网页设计与平面设计范文

简约主义源于20世纪初期的西方现代主义。“简”并不是简单的繁琐复杂的设计直接简化如此简单，而是精简，取其精华，去其糟粕，在精简的同时又不失作品本身复杂的深度。我们国家古代最伟大的哲学家老子也说过“少则得，多则惑”。简约主义的前身实际上是减少主义，减少主义的风格特点是：按照“减少、减少、再减少”的原则进行艺术创作。简约主义风格理念的基础仍然强调对空间功能的需求。简约的空间设计通常非常含蓄，往往能达到以少胜多、以简胜繁的效果。简约主义设计风格由于延续了现代主义追求简洁、强调功能的设计精神。

二、网页设计现状

1.随着网络时代的不断发展，网络设计的重要性逐渐受到人们的关注

人们上网搜集有效信息的时候，不再单单满足于信息能看就行，是在最求信息实用性的同时，对美的追求不断深入。为了促进网站更好的运营，网页设计者不光是把各种信息简单的放到网站上，就算完成网页设计。冷冰冰的文字的摞放，毫无生气。网页设计还要从审美方面入手，结合使用方便的要求，设计出美观、合理的页面，运用一些平面设计中美的基本形式就能使网页更加富有美感，给初次浏览者一个良好的第一印象，大大提升网站的自身形象。平面设计是传统美术输出行业但不是立体的美术构成网页设计则是非传统美术行业,肉眼能看见但非实物的美术构成。网页设计中，设计师将平面设计的节奏与韵律融入到网页设计中，是网页设计页面更加有条理。网页的设计原则，既要注意网页设计满足使用者基本功能需求，也要注意给使用者带来视觉上美的享受。设计者从审美的角度入手，突出自己的特色和优势。网页设计只有真正表现美的时候,才能发展,才具有生命力。

2.网络设计从业者个人素质和业务水平还有待加强

网页设计在我国出现的历史并不长。“他们比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画”。这应该是对网页设计的职业特点概括。造成这一现象的一部分原因与网页设计招聘公司的招聘原则有关。为节约成本，提高经济效益，网页招聘公司多希望招聘到多能型人才，希望以一顶十，招聘一个设计师，即会网页技术设计，又有艺术修养，原因是网页设计师而招聘原则造成的，很多单位在招聘网站方面的员工时往往希望应聘人员什么技术都会。认为一个设计师就可以什么都做，网页制作与网页设计两个方向的技术想都不想就交给同一个设计师去做。还有一部分原因是网络设计师本人滥竽充数造成的，我们应该要注意的是，并不是高学历就代表高能力。高材生并不是设计行业的最佳选择。有自己独特见解的设计人才才是精品。目前的网页设计师，投机取巧，用以往的教条式设计模式，偷盗他人的设计形式，缺乏责任心和敬业精神，安于现状，不认真专研业务。许多网页设计人员注重网页技术设计，忽视网页艺术要求，使得表面上五光十色的网页设计实际上没有艺术的内涵。提高网页设计者的业务技术水平，注重网页艺术设计和技术的结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网络信息的高质量要求，也是促进我国网络业及网络文化发展的重要环节。

3.网络管理立法机制不够完善，道德体系尚未建立

网络文化建设在创建和谐社会中发挥着重要作用。近几年我国出台了上百条有关互联网的管理制度，网络管理涉及部门多，但是没有一部适用于互联网领域的基本性法律，网络文化管理技术监管水平低，网络处于一种无法可依，无法可管的状态。使我国的网络文化出现了许多亟待解决的问题。网络的匿名性使网络道德体系尚未建立。网民们可以忽视一切规矩和约束，自由表达自己对事物的观点和立场。在吸收多种世界文化精髓的同时，也为种种不良文化，垃圾文化提供了栖身之地。虚假，暴力，低俗等信息充斥着网络。

三、网页设计中的简约主义的意义

1.简约主义设计给用户带来的情感体验相比复杂的页面而言，是一种简单的快乐

更肉易被用户接受和掌握。简约更符合现代人快节奏的生活状态对自然简单的需求，巨大的学习、工作压力,使得许多人每天像上紧了发条的钟，有的甚至连吃饭的时间都是挤出来的，这就使得网页中大部分为了装饰页面的无用信息在浏览过程中被忽略，成了无用设计。设计师费心费力的“用心”设计，在用户那里成了画蛇添足。用户根本不领情，不买账。简约的页面设计更容易让用户抓住重点，更易于使用，更容易让用户满足。

2.简约主义设计绝不是为了简约删减必要信息，而是通过简单明了的视觉流设计，在视觉上通过精简设计元素，来是信息主次分明，重点突出

简约主义网页设计在设计中注意信息密度的合理删减，通过尽量减少主页的信息密度，曾强网站的可持续性，缓解大量图文所带来的视觉负担。清新明了的网页设计更符合中国人的审美情趣。中华民族是一个以朴素为美德的民族，质朴，清新，简约，淡雅的网页设计符合中华民族的审美标准。真挚自然简约的网页设计，更能激发网页使用者在使用网页过程中的情感共鸣。在中国人眼里，任何过分矫揉造作的艺术设计都会损伤艺术本身的美感。简约主义的网页设计也润喊着以清淡为美的特点。通常利用线条，文字，色彩的简介运用，给人们带来清秀端庄的审美感受。

3.网页简约主义设计也符合网络信息呈现特点

网页信息表达与传统的纸质印刷信息不同。网页信息内容的数量和图像尺寸的大小，受计算机屏幕尺寸的限制，过大的图片会影响网络传输速度。所以说网页图片在保障图片清晰度的前提下，尽量要小一些。

四、结束语

第7篇：网页设计与平面设计范文

简约主义源于20世纪初期的西方现代主义。“简”并不是简单的繁琐复杂的设计直接简化如此简单，而是精简，取其精华，去其糟粕，在精简的同时又不失作品本身复杂的深度。我们国家古代最伟大的哲学家老子也说过“少则得，多则惑”。简约主义的前身实际上是减少主义，减少主义的风格特点是：按照“减少、减少、再减少”的原则进行艺术创作。简约主义风格理念的基础仍然强调对空间功能的需求。简约的空间设计通常非常含蓄，往往能达到以少胜多、以简胜繁的效果。简约主义设计风格由于延续了现代主义追求简洁、强调功能的设计精神。

二、网页设计现状

1.随着网络时代的不断发展，网络设计的重要性逐渐受到人们的关注

人们上网搜集有效信息的时候，不再单单满足于信息能看就行，是在最求信息实用性的同时，对美的追求不断深入。为了促进网站更好的运营，网页设计者不光是把各种信息简单的放到网站上，就算完成网页设计。冷冰冰的文字的摞放，毫无生气。网页设计还要从审美方面入手，结合使用方便的要求，设计出美观、合理的页面，运用一些平面设计中美的基本形式就能使网页更加富有美感，给初次浏览者一个良好的第一印象，大大提升网站的自身形象。平面设计是传统美术输出行业但不是立体的美术构成网页设计则是非传统美术行业,肉眼能看见但非实物的美术构成.网页设计中，设计师将平面设计的节奏与韵律融入到网页设计中，是网页设计页面更加有条理。网页的设计原则，既要注意网页设计满足使用者基本功能需求，也要注意给使用者带来视觉上美的享受。设计者从审美的角度入手，突出自己的特色和优势。网页设计只有真正表现美的时候,才能发展,才具有生命力。

2.网络设计从业者个人素质和业务水平还有待加强

网页设计在我国出现的历史并不长。“他们比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画”。这应该是对网页设计的职业特点概括。造成这一现象的一部分原因与网页设计招聘公司的招聘原则有关。为节约成本，提高经济效益，网页招聘公司多希望招聘到多能型人才，希望以一顶十，招聘一个设计师，即会网页技术设计，又有艺术修养，原因是网页设计师而招聘原则造成的，很多单位在招聘网站方面的员工时往往希望应聘人员什么技术都会。认为一个设计师就可以什么都做，网页制作与网页设计两个方向的技术想都不想就交给同一个设计师去做。还有一部分原因是网络设计师本人滥竽充数造成的，我们应该要注意的是，并不是高学历就代表高能力。高材生并不是设计行业的最佳选择。有自己独特见解的设计人才才是精品。目前的网页设计师，投机取巧，用以往的教条式设计模式，偷盗他人的设计形式，缺乏责任心和敬业精神，安于现状，不认真专研业务。许多网页设计人员注重网页技术设计，忽视网页艺术要求，使得表面上五光十色的网页设计实际上没有艺术的内涵。提高网页设计者的业务技术水平，注重网页艺术设计和技术的结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网络信息的高质量要求，也是促进我国网络业及网络文化发展的重要环节。

3.网络管理立法机制不够完善，道德体系尚未建立

网络文化建设在创建和谐社会中发挥着重要作用。近几年我国出台了上百条有关互联网的管理制度，网络管理涉及部门多，但是没有一部适用于互联网领域的基本性法律，网络文化管理技术监管水平低，网络处于一种无法可依，无法可管的状态。使我国的网络文化出现了许多亟待解决的问题。网络的匿名性使网络道德体系尚未建立。网民们可以忽视一切规矩和约束，自由表达自己对事物的观点和立场。在吸收多种世界文化精髓的同时，也为种种不良文化，垃圾文化提供了栖身之地。虚假，暴力，低俗等信息充斥着网络。

三、网页设计中的简约主义的意义

1.简约主义设计给用户带来的情感体验相比复杂的页面而言，是一种简单的快乐更肉易被用户接受和掌握。简约更符合现代人快节奏的生活

状态对自然简单的需求，巨大的学习、工作压力,使得许多人每天像上紧了发条的钟，有的甚至连吃饭的时间都是挤出来的，这就使得网页中大部分为了装饰页面的无用信息在浏览过程中被忽略，成了无用设计。设计师费心费力的“用心”设计，在用户那里成了画蛇添足。用户根本不领情，不买账。简约的页面设计更容易让用户抓住重点，更易于使用，更容易让用户满足。

2.简约主义设计绝不是为了简约删减必要信息，而是通过简单明了的视觉流设计，在视觉上通过精简设计元素，来是信息主次分明，重点突出

简约主义网页设计在设计中注意信息密度的合理删减，通过尽量减少主页的信息密度，曾强网站的可持续性，缓解大量图文所带来的视觉负担。清新明了的网页设计更符合中国人的审美情趣。中华民族是一个以朴素为美德的民族，质朴，清新，简约，淡雅的网页设计符合中华民族的审美标准。真挚自然简约的网页设计，更能激发网页使用者在使用网页过程中的情感共鸣。在中国人眼里，任何过分矫揉造作的艺术设计都会损伤艺术本身的美感。简约主义的网页设计也润喊着以清淡为美的特点。通常利用线条，文字，色彩的简介运用，给人们带来清秀端庄的审美感受。

3.网页简约主义设计也符合网络信息呈现特点

网页信息表达与传统的纸质印刷信息不同。网页信息内容的数量和图像尺寸的大小，受计算机屏幕尺寸的限制，过大的图片会影响网络传输速度。所以说网页图片在保障图片清晰度的前提下，尽量要小一些。

第8篇：网页设计与平面设计范文

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

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

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

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)．

第9篇：网页设计与平面设计范文

一、平面设计与网页视觉平面

平面设计译自英文“GraphicDesign”，以视觉媒介为载体，运用特定的视觉语言符号传递某种信息或观点。具体而言，平面设计就是以不同的基本要素为设计对象，按照一定的规则在二度空间范围内以轮廓线划分图与地之间的界限，并通过对图形的色彩、形象、要素搭配等方面的控制，以组合成特定的图案。平面设计语言，是指由设计原则和视觉基本元素两部分组成的表现意义的一套符号系统，其中最为人们关注的就是构图、色彩、形式和要素搭配等方面。网络媒体最主要的表现方式就是网页。网页作为一种视听集合，其初衷就是将需要要传递的信息经过一定的组织方式，将文字、语音、图片和动画、影像等要素组合成一个网页，并传递给用户。归根结底，网页首先是一种视觉平面，因此怎样组合才更加合理，更加吸引用户的注意，这就直接促使平面设计参与其中，并且需要充分运用平面设计语言。

二、平面设计语言在网页视觉平面的运用

下面我们以构图、色彩、要素搭配三种具体的平面设计语言为例，具体分析一下如何在网页视觉平面中运用平面设计的理念和技巧。

1.构图

一个网页视觉平面基本由4部分组成：标题、正文、图片和空白。如何安排这四个部分，本质就是一个构图方式的问题。这首先需要考虑到用户的视觉关注度。用户在阅读信息时，先看什么、后看什么往往会体现出一定的视觉习惯，有着比较明显的方向感，例如从亮到暗、从动到静、从具象到抽象、从虚到实、从暖到冷等等。认识到了这些，我们就可以按照用户的视觉关注度对一个网页进行构图：将一个网页最重要的部分，如最新的消息或是广告，放到网页的几何中心处，因为几何中心是视觉关注度最高的地方；网页的上半部安排新鲜的内容，下半部安排评论性的内容，因为据心理学研究表明，在一个平面上，上半部让人感到新鲜，下半部让人感到稳定；将重要的广告放在网页左边空白之处，最好是移动的具体图像，因为中国人的阅读习惯是从左到右，左边首先被关注，另外如果有动有静，人们首先关注活动的目标。如果看一下国内较好的门户网站，如网易、新浪等，它们的网页有意无意之间都恰当地运用了上述构图技巧。另外，网页视觉平面构图还要考虑到“构形”的问题，即如何分割一个网页中的不同图形。常见的分割方式有“T”形构图、“o”形构图、直线型分割构图等几种，各有优缺点，要配合网页的主要内容进行使用。例如，假使要采用“T”形构图，一般可以将横条网站标志式广告条放在网页顶部，将主菜单放在下方左边，将内容的布局、方式放在右面。网页结构主次分明是T”形构图优点，其缺点则是显得保守，缺乏变化等。

2.色彩与色调

色调的选择与色彩的搭配在网页视觉平面设计中也发挥着重要的作用，它是引发用户注意，在浏览过程中调试用户视觉心理的重要手段。不同的色彩基调和搭配给人以不同的视觉感受，一般而言，比较醒目和比较鲜艳的颜色容易吸引人的注意：蓝色，无论过去还是现在，或者将来，都是互联网的主色调，它既象征了高科技，并且给人以金属质感的现代感，因此得到了广泛使用，如微软视窗产品的主色调，国内的QQ网页的主色调等；红色，一方面作为一种鲜艳色彩，非常容易引起用户的首先关注，另外红色在中国象征着喜庆和吉祥，也迎合了用户的心理，因此在中国红色成为众多大门户网站的首选色调，如上文那提过的网易等。在网页是视觉平面设计中，不但要考虑引起用户的注意，而且应该避免用户的长时间浏览引起的视觉疲劳。中等明度的全色光对于人类的眼睛而言感觉最舒服，因此应该采取冷暖色调的搭配，多种色彩的配合，多采用中等明度的色彩等。

3.要素搭配