第一篇：分析美学在网页设计中的表现手段论文
Internet的迅猛发展，把当今社会带入了一个信息大爆炸的时代。人们从事教学科研、电子商务等一系列的活动，逐渐趋向通过进行信息的传播、获取和利用。上的网站如雨后春笋般涌现出来，网页己成为网络信息表现和思想传播交流的主要形式。网页的设计技术不断提高，设计手段变得更加丰富，设计理念不断发展，进行这方面的研究是对网络信息的形象表达具有重要的意义。
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结束语
一门科学只有真正表现美的时候，才能发展，才具有生命力。随着物质生活的提高，人们对美的要求也在提高，美学艺术和计算机技术相结合越来越紧密。对于网页设计，无论是教学还是实际应用，加强美学理论和方法的学习及运用，使网页制作技术和美学设计技术有机地结合，是当今网络信息时代的要求。
第二篇：网页设计中的扁平化设计分析论文
1扁平化设计在网页界面视觉上的优势
1.1网页界面元素
格式塔心理学家认为，人们的知觉有一种“简化”的倾向。这种倾向是一种将任何物体以尽可能简单的机构组织起来是能够体现物体最本质的形态的表达。在拟物化设计中，设计师会模仿现实世界里真实物体的颜色、形状等。例如：设计师会为按钮添加渐变、阴影等效果以符合真实按钮的特征，以求对用户产生亲切的感觉。然而，这样的按钮往往带来的是一种不符合用户预期的体验，同时这也一定程度上限制了用户的个性化想象空间，更重要的是设计开发的周期相对更长。扁平化设计使用的都是基本形状，去除了渐变、阴影等装饰性效果，弱化了视觉上的复杂性，突出了每个元素所表达的信息本身。另外，由于扁平化设计的元素的这些特点，其具有更广泛的适用性，比如：眼睛近视和弱视的用户也可以方便的使用这类设计。
1.2网页布局
之前的网页设计讲求精美的图片和排版效果，漂亮的插画与周到的布局设计，扁平化设计抛弃了复杂的光影效果，更专注于根本的内容呈现。扁平化设计中大量使用扁平化的图标、矢量图形和图标字体，这种设计更符合现代人的审美观。一方面，拟物化设计初衷是降低用户的认知成本，目的是让用户在使用科技产品时可以参考现实世界的操作规律，可短时间内轻松掌握数码产品的用法。而在现今阶段，数码产品普及度已非常高，特别是在年轻用户群体中，拟物化设计的功能性优势已无法凸显，用户已经熟悉了各类数码产品的基本特点，适应了各类界面的操作方法，在扁平化设计风格的界面中更容易更快速地找到所需要的信息。另一方面，扁平化设计界面更能提升用户操作的效率。随着移动互联网的迅速崛起，移动终端屏幕尺寸的多样化给网页设计造成了很多麻烦，所以响应式网页设计应运而生了。在这方面，拟物化设计的网页很难实现跨屏幕、跨平台的界面适配，特别是在小尺寸的屏幕上，拟物化的图标非常不易识别，而扁平化设计的图标则可以很好地满足这些变化因素的需求。扁平化更多的使用矢量图形，减少了对像素精度的依赖，这样设计师也有了更大的创意空间，从而可以创建出适应性更强的用户界面。
1.3色彩
扁平化设计页面中，因为追求极简主义，所以没有其他多余的装饰。因此，设计者在设计时需要更加注意色彩的搭配，这样将会收到更好的视觉效果。总结扁平设计的色彩搭配大致分为两种：同类色搭配：同类色搭配，最常用的是把同一种颜色的黑、白、灰三种色调结合在一起，形成层次上的对比。在扁平化设计中，单色的使用不仅能分清层次感，同时也能把握住整体感。对比色搭配:对比色搭配的使用可以使页面看起来极富活力又有丰富的色彩变幻，视觉效果醒目。在使用对比色进行搭配时，设计师要注意到在设计时应当先了解网页的主题，选用合适的颜色进行搭配。
1.4字体
文字是设计师向用户传递信息的最主要手段。而字体的选择不仅要符合扁平化设计的简约风格，同时还要符合整个页面主题的设计风格。一般扁平化风格的页面会使用无衬线字体，再通过对字体字号、颜色和粗细的变化进行排版。不同排版的文字信息会带来不同的视觉浏览体验，如字号较大，或是粗体，能帮助用户轻易地分辨、获取文字所传达的信息，这就在内容上创造出一定的层次感，可明显提升内容的易读性。
2扁平化设计在网页信息组织结构上的优势
拟物化设计的信息组织结构主要表现为层级化结构，呈现为金字塔形的纵向树形结构，是一种逻辑性较强的层级化组织方式。这种信息组织结构层级较多，每个层级容纳的信息量少而准确，根据严密的逻辑关系将信息进行有效的分类，因此信息获取的准确率比较高。同时层级间的转换路径较长，不同界面的切换耗时长且不利于全局观察，已造成用户“迷路”。拟物化设计是一种注重功能实现的信息结构，它更适用于信息结构逻辑性强，信息种类繁多且详细的产品。扁平化设计最大程度地缩短了信息层级，不断扩展横向信息承载量，呈现出一种扁而宽的结构形式。特别是卡片式的信息展现形式可以同时展示信息标题和少量内容，减少了用户在访问多个目标信息时所耗费的认知成本。但是如果单个层级承载的信息量过大，获取精确信息的难度将变大，对于信息在页面中的定位也增加了难度。因此，扁平化设计适用于快捷的信息浏览，信息及模块的分支少且信息传达迅速的产品。扁平化设计的这种信息组织结构可以很好地优化目前绝大部分网页体验。
3扁平化设计在网页交互方式上的优势
拟物化设计的网页往往由于拟物的不彻底，比如可能由于花费时间较长的原因，按钮的四种状态不能做到完全的拟物，会造成用户体验上的不连贯，给用户造成疑惑。同时由于拟物化设计耗时比较长，往往很少在网页动效方面改善用户体验的事情。而扁平设计中使用的多是简单的矢量图形、图标、图片，做交互动效比较容易且不易乱。同时网页交互动效可以大大提高用户的情感体验，避免扁平化设计风格给人造成冰冷、毫无生机的感觉。
4总结
扁平化与拟物化设计一样都由来已久，随着互联网的飞速发展，特别是移动互联网的崛起，满足了用户的各种新需求，解决了用户体验的痛点，扁平化设计的优势得以凸显并得到了广泛传播。扁平化设计风格运用在网页设计上，他的这些优点将同样会对用户体验产生非常积极的影响。拟物化设计风格也不会就此覆灭，它会用适当的方式对用户体验做出贡献。
第三篇：网页设计中色彩的运用分析论文
摘要:通过对网页设计中色彩运用的一般规律和方法的论述，总结了网页的色彩的风格与搭配特点，为提高网页设计的能力和色彩运用的水平做出理论上的准备。
关键词:色彩运用;网页风格;色彩搭配
随着社会的发展，网络在经济、文化和人们的交流中越来越重要，同时人们对网页的审美要求也越来越高，这也反映了网络技术提高后人们对其产生的更高需求。我们知道，受众对网页内容的获取不是以阅读的方式而是以浏览的方式进行的，这就意味着网页主色彩的选择将直接影响受众的兴趣，与网页内容相符合且搭配好的色彩所在的网页是生动且有吸引力的，它总是能够获得较高的点击率。从这点上来看，色彩在网页设计中居于十分重要的地位。
1适用于网页中色彩运用的一般规律
色彩运用一般着重研究色彩本身的色相、明度、纯度之间的对比、调和关系以及色彩的感觉、意象和表现性等方面的特征。掌握色彩运用的特征和规律，对于网页设计中的色彩运用起着基础性的指导作用，我们可以从三个方面来探讨色彩运用的一般规律。
1．1色彩的心理感觉
色彩的心理感觉是人们在受到色彩的视觉刺激时所产生的感觉、知觉、情绪和联想等心理活动，包括以下几种给人的感觉:色彩进退、胀缩的感觉:比实际距离近的前进色、比实际距离远的后退色、比实际大的膨胀色、比实际小的收缩色。被称为色性的冷暖感觉:给人的视觉刺激强，使人联想并感到温暖的红、黄、橙等色相是暖色;使人联想并感到寒冷的青色、蓝色等色是冷色。色彩的轻重感觉:明度高的色彩感觉轻，明度低的色彩感觉重;同明度、同色相条件下，纯度高的色彩感觉轻，纯度低的色彩感觉重;暖色感觉轻，冷色感觉重。色彩的华丽和朴素的感觉:相同条件下，暖色、或明度高、或纯度高感、或质地细密而有光泽的感觉华丽，冷色、或明度低、或纯度低、或质地酥松、无光泽的感觉朴素。色彩的积极和消极的感觉:相同情况下，暖色最令人兴奋、高纯度的色彩和明度高的色彩刺激性大，它们给人的感觉是积极的;而冷色、低纯度、低明度的色彩给人的感觉是沉静而消极的。
1．2色彩的意象
色彩的意象是人们在社会活动和心理活动中积累的，对色彩所反映的具体或抽象的事物的印象，是色彩运用的基础。以下是比较常用的几种色彩的意向:红色的纯度高，刺激作用大，对人的心理产生巨大的鼓舞作用，具体可联想到火、太阳等，抽象可联想到热情、活力、危险等。橙色既有红色的热情又有黄色的光明和活泼，具体可联想到橘子、秋叶等，抽象可联想到温暖、欢喜等。黄色充满明亮，给人以柔情，具体可联想到光、黄土地等，抽象可联想到光明、希望、快活等。绿色是植物的色彩，极为温和，给人以宁静的感觉，具体可联想到草木、树林等;抽象可联想到和平、安全、新鲜。蓝色给人的感觉是开阔、稳定，具体可联想到天空和大海，抽象可联想到平静、理智、深远等。紫色富有神秘感，具体可联想到丁香花、葡萄等，抽象可联想到优雅、高贵、神秘等。白色不含纯度，除因明度高而感觉冷外基本为中性色，具体可联想到白云、雪等，抽象可联想到纯洁、无暇等。黑色给人以肃穆、稳固的感觉，具体可联想到夜晚、墨、炭等，抽象可联想到严肃、恐怖、死亡等。灰色是没有纯度的中性色，与其它色彩配合可取得很好的效果，具体可联想到乌云、草木灰等，抽象可联想到平凡、失意、情绪低落等。
1．3色彩组合的表现性
色彩组合是指对不同的色彩进行有意识、有目的的搭配，给受众在视觉上和心理上产生优美的愉悦感和满足感。色彩表现是指借助形态与色彩的构成关系来表达作者的创作内容和目的。现代色彩的表现主要侧重于心理效应的追求，倾向于展现积极、进步、向上、乐观、光明、新颖、热情、朝气等这类能够表现充满生命活力和具有奋斗精神的色彩意向。色彩组合的基本方法有色彩对比和色彩调和两种，色彩对比是两个以上的色彩以空间或位置关系相比较而产生相应视觉效果的色彩搭配，构成符合目的性的色彩关系。色彩调和是两个或两个以上的色彩有秩序、和谐地组织在一起产生的令人感觉愉悦、和谐的色彩搭配。配色时我们可以用互补关系的色相去获得强烈的对比效果。也可以用临近色关系去取得和谐安定的调和效果。对比强的高纯色相组效果具有扩张性和刺激性，富有热情和活力的特征，由色相对比关系的强弱因素，形成不同的意象表现。同类色属弱对比效果关系，主调明确，是协调、单纯的色组;邻近色属中对比效果关系，是色调和感情特征一致的色组;对比色属中强对比效果关系，是色相感鲜明、活泼且醒目的色组。互补色属最强对比效果关系，是具有不安定感和视觉冲击力强的色组。
2网页设计的色彩运用
网页的色彩设计与搭配，一定要遵从以上所述的色彩运用规律，同时既要服从于所要表现的总体风格又要经过适当的搭配体现出独特的美。从风格上来说，当今网页的色彩运用多姿多彩，在追求动感的同时仍然注意寻求静美、和谐的文化底蕴，富有浓厚的时代的气息的同时，又有传统文化的美妙，且兼顾西方的浪漫与东方的质朴，繁复与简约并存，表现出设计者的智慧。例如以下几种类型:浪漫型:主色调以清淡的玫瑰水红色调为主，用天蓝或鹅黄作点缀，这样体现出轻盈和浪漫。梦幻型:多以朴朔迷离的色彩组合着意营造闪烁鲜亮、虚无缥缈的“梦幻”神奇感，以达到一种理想效果，多用放射状醒色彩。典雅型:页面以端庄、稳重为表现目的，强调页面的对称和平衡，可选棕色、赭红、黑褐色。优雅型:页面配色以同系色彩为宜，使颜色和谐。可选用玫瑰红系或蓝、灰、绿等冷色系，表现出智慧和沉静感，会给人以超凡脱俗的风格。古典型:可选用白色配以黑、灰、黑绿或棕色，如古诗文网，突出清致、典雅。另外，在实际应用中必须要注意的是:遇到重大节日和喜庆事件，页面往往以红色作为背景色，表达喜悦的气氛;遇到重要的新闻、活动、公告等，要采取明亮的色彩引起人们的注意;而遇到悲哀伤痛的事情时，则页面要以灰色为背景色。从搭配上来说，不同的网页内容需要有不同的色彩搭配与之相适应。搭配恰当，才能表达出相应的效果。在网页色彩设计中，我们要做的两个重要步骤是:1)选定主色:主色是支配页面整体的色彩印象，是留给受众的第一个印象，选色时要注意色彩明度的变化，可选两种颜色的类似色，对比色，补色或无彩色与有彩色;也可选多种颜色中的一种颜色，将其面积扩大，这种颜色为主色来统领整个页面的色彩，即为主调色;亦设定某一中间色作为多个颜色的基本色，以此来达到整个页面色彩的协调，即为基调色。2)确定色调:选定主色后，则要确定由色相、明度、纯度三要素形成的色调组合，以形成自然的色调感。
3结语
网页色彩在具体的使用中，无外乎有三种情况:用一种色彩，然后调整透明度或饱和度，这样的页面看起来色彩统一，有层次感;用两种色彩，先选定一种色彩，然后选择它对比色;用一个色系，即用使受众产生一个感觉的色彩。除此之外，切忌使用很多种颜色，同人的穿衣规律一样，页面色彩的使用尽量控制在三种以内。
参考文献
〔1〕旭日东升．网页设计于配色经典案例解析〔M〕．北京:电子工业出版社．202_．
〔2〕张新伟．网页经典配色艺术〔M〕．北京:．电子工业出版社．202_．
〔3〕范文东．色彩搭配原理与技巧〔M〕．北京:．人民美术出版社．202_．
第四篇：网页设计论文
网页设计基础课程论文
摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案
没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来
智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。202_年的网页设计趋势热点就是要创造这样的深度视觉效果。5.设计需考虑更多的触屏设备
触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。6.深度判析
深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。7.大背景图
大背景图的网页设计应用在202_年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。8.不拘谨于顶级域名
严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。202_年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到202_年的这个趋势热门
10.缩略图设计（Thumbnail Design）
Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。
为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。
采用网站标准的好处:
对网站浏览者的好处：
1、文件下载与页面显示速度更快
2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；
3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；
4、用户能够通过样式选择定制自己的表现界面；
5、所有页面都能提供适于打印的版本。对网站所有者的好处:
1、更少的代码和组件，容易维护；
2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；
3、更容易被搜寻引擎搜索到；
4、改版方便，不需要变动页面内容；
5、提供打印版本而不需要复制内容；
6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。
参考文献： 一：温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,202_.3 二：http://www.feisuxs
三：http://btgyjlbjx.nease.net(北极星网站域名）
课程论文
系院:土木工程学院
专业:建筑工程 姓名:王奎
学号:105140340043 网页设计基础
第五篇：网页设计的内容表现
网页设计的内容表现
202_-04-26 09:
42进入21世纪，人类社会正经历着从原子时代向数字时代的转变，新世纪的天是互联网的天，互联网正在全世界进行着越来越深刻的革命。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站。其实谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播。
一 网页设计中的视觉流程
网页是通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读强性而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。
视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。
在网页设计中一些突出的信息，如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。
二 网页设计的审美需求
网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的!要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手，制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。网页设计的审美需求是
对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。
我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。
三 网页中各构成要素分析
对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。
1.文字的编排与设计
文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网页中文字将占据相当大的面积，文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字编辑的整体效果，能给人以清晰的视觉印象，避免页面繁杂零乱，减去不必要的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主题。
网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。如政府网页其文字具有庄重和规范的特质，字体造型规整而有序，简洁而大方；休闲旅游类内容网页，文字编辑应具有欢快轻盈的风格，字体生动活泼，跳跃明快，有鲜明的节奏感，给人以生机盎然的感受；有关历史文化教育方面的网页，字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调；公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力的字体编排与设计；个人主页则可结合个人的性格特点及追求，别出心裁，给人一种强烈独特印象。
在网页文字的编排与设计中，由于计算机给我们提供了大量可供选择的字体，导致字体的变化趋于多样化。这既为网页编辑提供了方便，同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的，所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一，除了表意以外，还具有传达感情的功能，因而必须具有视觉上的美感，能给人以美好印象，获得良好的心理反应。
2.图片的编排与设计
图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯的文字。
网络图片的特点：一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上，受显示器最小分辨率的限制，即使图片的分辨率很高，颜色深度很大，我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说，分辨率为72dpi(dotperinch)是大多数图片最佳选择；另一个特点是，图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小，下载的时间就会越短。
图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时，应考虑图片在整体编辑计划中的作用，达到和谐整齐。要达到这样的效果，在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起的图片时。
3.色彩的设计
网页在一定意义上说也是一种艺术品，因为它既要求文字的优美流畅，又要求页面的新颖、整洁，使用色彩可以产生强烈的视觉效果，使页面更加生动。而且，浏览者在浏览网页时，留下的第一印象就是页面的色彩设计，它的好坏直接影响阅读者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面：
首先是整个页面的色彩选择，确定一个主色调，可以有利于体现网站主题。我们现在看到的网页，一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底，柔和、素淡，配上深颜色的字，如黑色，读来自然、流畅，也有利于突出页面的重点，有利于整个页面的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主。只有少量精心选择的元素，为了突出强调的需要，才采用明亮的色彩，这些彩色亮点就会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。
其次，在背景的色调搭配上一定要注意不能有强烈的对比，特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。例如在制用标题时，为追求醒目的视觉效果，可用比较深的颜色，配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调，对视觉的主体起到一定的衬托和协调作用，一方面吸引网民的注意力，另一方面有助于体现网站的主题。
四 结 束 语
网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛，包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容
上的精益求精外，其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。
鲁公网安备37028302000876号