电脑网页设计风格 第1篇
【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。
【关键词】网页设计；布局；排版；文字；设计论文
网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。
1．计算机网页设计布局与排版原则
1．1布局与排版设计原则为了让浏览者在浏览网页过程中拥有更好的浏览体验，在进行布局版本过程中要始终秉持以下原则:第一，整体布局，和谐统一。在网页设计布局排版过程中整体布局占据着十分重要的作用。集成是网页设计排版布局中常用的一个对称形式，通过空间的文本与图形建立其平衡的状态，从而产生和谐的美感［1］。但是单纯的平衡有时候会导致页面出现过于死板、僵化的情况。因此，可以在对称平衡设计中融合一些活泼、有趣的词汇、图形，但是要注意需要与页面和谐统一。第二，主次分明，中心突出。在网页页面聚居中需要对视觉中心进行充分的考虑，该视觉中西你通常位于页面的关键区域—中部与上部的位置。因此，最有价值的信息应该摆放在这一位置。网页布局排版主次分明的最终目的是让网页可以形成清晰有序，能够突出重点的视觉效果。第三，疏密有度，错落有致。在网页布局排版中，一定要做好疏密有致，预留出一定的空白，灵活的使用字间距与行间距，制造出字间距与行间距之间的距离。对于形态与色彩的搭配运用更要合理［2］。例如，黑白搭配、圆形与方形搭配，以便获得更佳的视觉效果。第四，图文并茂，生动有趣。图形美观与文字的简洁之间需要合理的搭配。如果图形在版面设计中占据的比例更大，则文字会相应减少，从而大大减少页面的信息量;而如果文字太多则会使得网页版面变得死板。因此，网页布局与排版应该做到图文并茂、合理搭配，从而给网页带来更加丰富的内容，让网页变得更加有趣。1．2布局与排版设计方法网页设计布局与排版方法主要包括以以下几点:第一，简洁明了。布局排版最为重要的原则就是一名了然，让网页浏览者可以更加顺畅的浏览信息。第二，主色调鲜明。网页设计给人的第一印象就是由主色调决定的。主色调在网页布局与排版中是十分重要的，主色调过多会给浏览者带来一种厌烦的感受，不利于浏览者长时间浏览网页。因此，网页版本的主色调要进行合理的控制，其中主色彩不能超过五种，并且要以一种主色调为主，凸显以主导地位，另外几种颜色作为烘托与点缀［3］。一般来说，网页设计的主色调包括黄、蓝、灰、黑和白。第三，字体设置。在网页设计中字体的设置也应该始终秉持着简易的原则，通常来说不应该超过三种字体，并且字体在版面中不宜过大，从而让更多文字给网页浏览者带来更多有价值的信息。值得注意的是，要避免闪烁的文字在网页设计布局中出现，其会给浏览者带来一种厌烦的感觉。同时，在网页标题栏中字体应该相对于正文来说要更大，颜色也需要进行区分。
2．常见布局与排版
2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系;缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象［4］。2．2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2．3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2．4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。
3结语
计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。
参考文献:
［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，20xx(27):116～117．
［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，20xx(05):123，106．
［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，20xx(26):248～249．
［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子(理论版)，20xx(03):12～13．
［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，20xx(15):204～205．
电脑网页设计风格 第2篇
一、网页设计视觉表达方法——以“简练”为首要原则
平面设计最基本的要求便是简洁凝练，而网络传输的特性就要求在网页设计过程中更要简练。网页设计中所用到的所有设计元素，如，点、线、面、图形、图像、动画等都是要占据网络空间的，尤其是图片，如果图片数据过大，就会影响网页开启和传输的速度，同时也就会影响网页的传播。介于上述原因我们在运用图片元素时要尽量保持“惜墨如金”的态度，做到少而精，如果非要运用大量图片宣传时，也要注意运用图片的压缩软件为图片适当的“减肥”。总之简洁的网页能在短时间内抓住浏览者的视线，有效快捷的传达信息。
二、网页设计视觉表达方法——合理布局网页的界面
电脑屏幕的显示尺寸是十分有限的，怎样通过有限的展示界面传递更多的信息，成为设计师设计布局的关键。合理的界面布局使视线流畅、融会贯通。在界面之中，不同的区域，被关注的程度不同，心里感受也不同，设计师可以依据不同元素的表达需要和画面重心的关系，来安排它们的适当位置。浏览者的视线通常垂直在屏幕中央，然后再向四周游动。设计师设计布局时应考虑将重要的信息或视觉流程的停留点安排在注目的价值高的最佳视域，突出重点，使主题一目了然。另外，建立网站导航可以激发浏览者访问更深层页面的兴趣，增进对网站的进一步观赏，使网站信息更清晰、明了的存在于观者的视线之内。
三、网页设计视觉表达方法——个性化网页界面的设计
四、网页设计视觉表达方法——构成艺术的体现
构成艺术是现代视觉传达艺术的基础理论。它包括平面构成、色彩构成和立体构成，其中我们所探讨的网页设计中的平面素材主要应用平面构成和色彩构成进行设计指导。平面构成学指导我们如何运用平面元素点、线、面创造形象；怎样处理形象与形象之间的联系；如何掌握美的形式规律等。在网页设计过程中要依据对称与平衡、重复与群化、节奏与韵律、对比与变化、调和与统一等艺术构成法则设计网页界面的图形和版式。色彩构成学则侧重对网页色彩的选择与指导。色彩构成属于设计领域内的色彩运用的方法，它的基本概念是：两个以上的颜色，根据设计的不同需要，按一定色彩配合的原则，重新组合，搭配构成新的色彩关系。色彩的特性、色彩的对比与调和、色彩的意蕴等等都是设计师设计色彩时的重要依据。此外色彩给人的独特的心理感受可以指导网页设计师有目的的选择网页色系。如，色彩的兴奋与沉静感：红、橙、黄等暖色系列的纯色给人以兴奋感，易表现快乐的情绪。蓝、蓝绿等冷色系的纯色给人以沉静感，常常使人联想到和平、安静、休息和生机盎然。它还是一种使人镇静的颜色。政府、一部分企业站点应该选择沉静一些的配色，而娱乐、体育等站点则应该倾向于兴奋一些的配色。色彩的轻与重感明亮的色彩如黄色、淡蓝等给人以轻快的感觉，而黑色、深蓝色等明度低的色彩使人感到较重。感觉轻的色彩给人以轻快感。相反，低明度的色彩有稳定的感觉。在网页、广告色彩设计时，应注意轻重搭配，如女性类的站点宜采用明度高的色调为主进行配色，以渲染女性温柔、妩媚的个性特征；为了突出男性坚实粗扩的气质，在男性类网站中，色彩的配置应选择凝重明度的色彩。网络发展至今，传统的设计学更多元化，并使工作结构产生交叉。静态的平面设计转化为动态的网页设计，这是应用新技术在新媒体中进行设计的产物真正开创了一个全新的视觉领域。
电脑网页设计风格 第3篇
在进行平面设计工作的时候，设计者需要充分利用视觉传达的作用向观众表达设计的重点和设计者自身的智慧，这两者之间存在着某种共同元素，让两者的结合变得更加完美。本文将会简单分析当前我国视觉传达与平面设计元素之间的关系和相互作用。
【关键词】
视觉传达；平面设计；元素；结合
一、前言
平面设计和影视、语音类的设计作品不一样，人们只能够通过眼睛的观察来感知设计者的智慧和性情，以及了解作品本身的重点，所以对于平面设计来说，视觉传达是十分重要的，但同时也最容易被设计者所忽视的与人们进行沟通的主要渠道。尽管平面设计的传递信息渠道比较狭窄，但是其传达信息的范围却十分广泛，不同种族、不同文化，甚至不同语言的人们，都能够从同一个平面设计作品中感悟到作品的中心思想所在。同时，随着网络技术的发展以及计算机技术水平的不断提高，一个简单的平面设计都可以传遍全世界，让全球的人们都能够观看这一作品，所以，视觉传达在平面设计工作中变得越来越重要，在这样的发展大环境下，必须要深入分析视觉传达与平面设计元素之间的关系与作用，才能够充分体验平面设计的意义和价值。
二、视觉传达与平面设计工作之间的关系
视觉传达设计，是源于十九世纪中叶欧美印刷美术设计，一直发展至今，才开始成为了设计的其中一种。视觉传达，顾名思义就是从人类视觉上把中心思想传达给人们的一种设计方式。当网络技术和计算机技术水平不断提高的同时，视觉传达和平面设计两者之间的关系和作用已经变得密不可分。从技术方面来说，视觉传达和平面设计这两者之间并不是对立的，这两者在概念上有一定的区别，但是和平面设计工作相比，视觉传达具有更强的直观性和更加感性。其次，在实际的设计工作中，这两种设计方式都需要用到最基本的设计知识。
三、视觉传达与平面设计元素的简单分析
（一）视觉语言
在视觉传达和平面设计中，“视觉”是最为重要的。看似简单的视觉感官，实际上也具有其独特的语言。和文字语言、舞蹈语言、音乐语言相同，平面工作中的视觉语言是可以向观众传达设计者的意念，从而完成观众与设计者之间的对话和沟通。进行平面设计工作时，在平面设计最基础的特性上，加以开发，并把视觉语言作为一种设计标准进行深入的研究，并以视觉语言作为设计工作的基点，才能够完美地设计出优秀的设计作品，良好结合设计者的智慧与感性，让设计者设计意念的表达过程更加顺畅。
（二）图形设计
和文字语言不同，图形是没有国家、种族、文化的区分，不同地区、不同文化的人都能够看懂同一个图案，但同时不同的是，“一百个人眼中有一百个哈姆雷特”，即使是同一个图案，不同的人也能够感悟到不同的意思。图形所传达的意识是更加形象、更加具体，甚至可以更加直接的，点、线、面三个简单的图形元素能够令最简洁的平面设计表现出最准确的意思，而且其生动性比文字语言更加高，内容也能够更加丰富。但是图形的设计，只是平面工作中最形象的设计元素，最重要的是，在设计的时候还需要考虑到什么形式的图形设计才能够让观众引发最深入的思考和感悟，同时还需要融入自己最真切的情感，这样用心设计出来的作品，才是最有效唤起观众情感，激发心灵共鸣的优秀作品。
（三）色彩设计
色彩对于人们来说有着重要的作用和意义，和图形相比，色彩往往是整个平面设计作品的核心，最能够首先吸引人的目光。色彩的设计包括了色相、明度以及纯度这三个尺度，而色彩还可以分成冷色调和暖色调之分。所以简单来说，一个好的平面设计需要有以下三种作用的色彩：
1.主体色彩。
顾名思义，主体色彩是平面设计中占主导位置的色彩元素。主体色彩大多用于平面设计作品的底色、大色块图形等等，是平面设计作品的关键。2.陪衬色彩。陪衬色彩的选择是以主体色彩为主要依据的，同时也要和大体积色块图形的颜色做平衡，因为色块和作品的底色也是作品的主体，所以两者的颜色之间是否和谐也会影响平面设计作品色彩设计的关键所在。
3.点缀色彩。
电脑网页设计风格 第4篇
在自然界中，我们所能接触到的图形和文字时相当丰富的，在大自然中充斥着大量的信息元素。在将平面设计应用于计算机之前，平面设计中的视觉元素在信息传递方式上主要是运用于报纸、摄影、广告、标志等传统的平面设计中。随着网络高速的发展，网页中越来越多的运用了平面设计的原理，本文从各地域文化在网页中的设计进行分析，研究地域文化中的视觉元素在旅游网页设计中的影响。
一、网页设计的产生、发展及其特点
我们通过自然界能够接触到大量的图形和文字，这些信息元素充斥在我们的生活生产中。如今，在科技发展的推动下，人们不光只通过纸质平面媒体来传达信息，从动态的传达方式中，我们能够获取声音和影像信息，这些传达方式主要运用于电视录像、广播等传媒媒体。这些影视、平面媒体形成了传统视觉媒介体系。在最近十年来，随着科技的发展除去纸质媒介、广播、电视之后，第四中媒体——网络媒体随之出现，这在我们人类文明的进程中起到了巨大的作用，现如今互联网广泛采用平面设计的原理，其所承载的信息资源可以说是无限大的，其高效性、人机互动性特点对印刷媒体带来了巨大的冲击，可以说网络媒体对平面设计带来了一场史无前例的革命。文字、图形、色彩等元素构成形成了丰富的含义，在网页设计中的通过对视觉元素的不同表现，就能产生不同的效果。网络已经成为了我们日常生活中最为重要的传播工具，也是我们的一种生活空间，为我们的工作、学习以及生活带来了很多便利，网页现以成为网络信息的性能和传输的最重要的组成部分。在网页设计的发展中，这些年来，网页的视觉表达已经从单一的文本布局，到了向各种视觉元素结合的方向发展，而新媒介下的网页设计也已经成为了视觉传达的新方式。因此，视觉元素在网页设计中的应用是网页设计中最重要的部分。
二、目前国内外网页设计研究现状
这些年来，随着越来越多的可视化专业网页设计软件的开发，网页设计制作变得简单易学。随着越来越多的网页爱好者、设计爱好者步入这一艺术领域，使得网页设计、个人主页等热门词汇开始在社会中广泛传播出来。
1.中国旅游网页设计中的现状
在我国的网页设计中，我们正处在方兴未艾的阶段，网页设计人员也是一些大公司所争相礼聘的人才。我们不难发现一些设计人员并没有意识到技术与艺术的结合，只是在片面地理解艺术设计的含义，大多数只是浮于表面，关于网页设计的布局、色彩的搭配这些方面还是注重的太少。主要表现为：第一，一些热门网站的设计布局可谓是千篇一律、色彩的混乱搭配、表面绚丽光鲜实则空洞；第二，网页中广告繁多，版式的纷乱；第三，缺乏地域文化的特色，落后且平庸，缺乏设计感。造成这一现状的原因有很多，一是设计师没有经过专业的训练，更多的是网页设计师的雇佣方式照成的，很多用人单位在招聘的时候往往需要应聘者什么技术都会，抱着_美术设计员精通程序设计”这一想法去招聘，所以造就了大部分网页设计公司都是程序员兼顾着网页设计一职。但是这一方法从根本是就没有解决问题，也不是长远之计。
2.国外旅游网页设计中的现状
国外的网页了设计就很时尚，很突出其个性特点，行业明确，功能明确，安全性高。如韩国和日本的旅游网页设计，他们的设计是艺术性与技术性的结合，能够很好的将本土文化与网页设计结合在一起，传统艺术设计理论与人机交互设计理论结合使得网页界面能够更好的、有效的传递信息，其在旅游网页中的设计中遵循图文搭配的均衡性、色彩的统一性、信息传达有效性和主题的一致性等原则。并且还研究分析了设计中各个信息相互之间的关系，这些优点，都是具有很好指导意义和经验总结的。
三、地域文化概念
地域不只是自然地理环境上概念，其中还包括政治、经济及人文历史背景下的综合体。是指在特定区域中的民俗、传统、习惯等文明表现，是古人传承下来的文化传统。地域文化是具有空间意义的形态，在一定的空间范围内，人们在这一区域中的生态环境下具有相同的风俗习惯，形成独有的心理、审美观念等文化概念。区域文化是物质和精神产品在社会发展过程中的共同作用的结果，是以区域为基准，以历史为主线的。
四、地域文化的视觉元素
地域文化是由多个层次综合而成的，自然环境、人文历史、民俗文化、饮食文化、建筑文化等方面富含很多文化符号元素，这些都能代表一个地域的文化元素，这些文化元素的组成使得地域特征更加丰富多彩。从视觉形象的形态、色彩、风格等的视觉形象的视觉元素中提取，无论把哪种艺术形式所表现出的艺术风格及其独特的文化特征运用在网页中，都能体现一定的地域特征的视觉效果。
五、地域文化对旅游网页设计的影响
视觉元素的图形设计是基于页面功能上的审美设计体现，在旅游网页中，对于预览方面不仅是审美和功能的设计，也需要加入当地人文历史方面的宣传。结合一些优秀案例，吸取地域文化的特殊元素，展现当地文化的魅力。地域文化结合网页设计中传统艺术设计原理，能够更好的让浏览者清晰的了解当地文化，独特的地域元素能够给网页设计带来独有的地域风情，在使用过程中能够有效的宣传，提升地域文化的认知度。
电脑网页设计风格 第5篇
摘要：网页设计是运用网络技术对网页进行设计的学科，其中也会运用到设计艺术的知识，是一门交叉学科。伴随着互联网电商的发展，茶叶的销售很多也会从线下转变到线上，目前，很多茶产品的展示和销售逐渐向互联网上转移，茶产品网页层出不穷。但是由于茶叶产品的网页艺术设计是新出现的东西，所以在艺术呈现上还不是很成熟，还存在一些问题。笔者在本文从茶产品网页的艺术设计定义入手，分析了茶产品网页艺术设计的内容和技术，从色彩搭配、元素构成、文字排版等方面提出了茶产品网页艺术设计视觉呈现的方法。
关键词：网页设计；茶产品；艺术设计；视觉呈现
近年来，互联网电商发展迅猛，很多产品都有了网络销售渠道，茶产品也不例外。茶产品的网络销售离不开网页的展示，好的网页艺术设计才能让茶产品从众多品牌中脱颖而出，具有更强的竞争力，所以茶产品网页设计的视觉呈现越来越受到人们的重视。茶产品网页以互联网为载体，将茶产品的各种信息以方便、快捷的形式传达给消费者，所以茶产品网页艺术设计必须符合人们的审美需求和高标准、高要求。茶产品的网页是信息和主要表现形式的载体，要想设计出更加便捷、美观的茶产品网页，网页中的艺术设计元素必须更具有观赏性，视觉呈现方式应该更加独特和新颖，整个呈现效果应该风格统一，主题明确。
1茶产品网页艺术设计的内涵
互联网和电商的普及，很多商品都在网上进行销售，所以网页设计逐渐被人们所重视。茶产品网页艺术设计是通过设计师对茶产品的理解和内涵的认知，根据茶产品的特色，进行的创造性的网页构思。从表面上来看，茶产品网页设计是对网页的版式、色彩、声音、动画进行了合理的安排和运用，虽然看起来简单，但是要想实现这一过程，不仅需要一定的技术能力，还需要对茶产品有深入的了解。因此，茶产品网页设计是艺术和技术的结合，同时也蕴含着茶文化的内涵和韵味。茶产品网页艺术设计内涵其实就是新型的可视化的茶文化内涵视觉呈现，以前人们习惯了用实物呈现茶文化，现在要将实物换成图片、音频、视频等表现形式，本质上是一样的，但是网页设计呈现茶文化的方式比原来更多了，不过也有其短板，就比如人们没有办法去闻一下茶叶的气味，品尝茶水的味道，触摸一下茶叶，这些都是网页设计无法进行呈现的，但是视频和音频、图片包含的信息要比传统的实物大很多，就好比在有限的地方想要呈现全国所有地方的不同种类的茶叶，通过线下展示几乎是不可能完成的，但是通过一个视频就能清晰准确地表达出来。线上和线下各有所长，这是没有办法避免的，我们只能借助手中的技能，最大程度地通过网页艺术设计将茶文化的内涵呈现出来。
2茶产品网页艺术设计视觉呈现要素
茶产品网页的视听元素
茶产品的网页艺术设计包含众多的视听元素，而如何以合适的艺术形式将这些视听元素组合起来，并且支持大多数浏览器的显示和播放，具有比较快的加载速度和浏览体验，减少和避免使用外部程序和模块，是茶产品网页设计主要考虑的问题。茶产品网页艺术设计还可以运用多媒体技术，这样可以更加丰富茶产品网页设计的视觉效果，让其具有更好的视觉呈现。这样做的本质就是让网页设计呈现给人的感觉能够尽可能的还原人实物给人呈现的东西一样，近年来流行的3D、4D、VR技术都能很好的运用于茶产品网页设计中，其目的也是让人看到的东西更加真实，和实物一样。将这些网页艺术设计的新科技运用到茶产品网页中，可以给人耳目一新的感觉，也能够带给用户更好的体验。
茶产品网页的版式设计
茶产品网页的板式设计，需要首先对内容进行主次的划分，突出重点内容，避免过于繁琐和混乱。将茶产品网页的各种视听元素进行有机的组合和排列，体现出茶产品的个性，通过这些排列形式也可以体现出设计师的想法和思维，展现出茶产品的文化内容和风格。茶产品的网页艺术设计在本质上和报刊杂志等平面媒体的本质是相同的，只不过茶产品网页设计中对版式的设计更加重视，需要其准确的传递出茶产品的信息，并且带给人感官和精神上的享受。茶产品网页的版式设计虽然不受到固定规格尺寸的限制，但是必须符合读者屏幕的阅读限制，所以茶产品网页设计中的各个元素和位置必须有更加精确的尺寸和定位。茶产品网页艺术设计也不同于印刷品的线性形式，这一区别也给茶产品网页艺术设计的结构安排带来更多的难度。
3茶产品网页艺术设计的视觉呈现方式
色彩的搭配
设计师用以表达设计理念的首选就是色彩，色彩也是茶产品网页艺术设计中最能抓住用户眼球的部分，其次才是网页中的文字和图像。对于茶产品网页设计的色彩运用需要像音乐的音符一样进行巧妙和恰当的安排，这样才能像音乐优美的旋律一样，具有色彩的艺术感。色彩可以通过视觉的呈现让人出现各种不同的心理感受和反应，所以需要经过精心的组合、搭配以及画面的构成。茶产品网站艺术设计的视觉呈现不能过于单一的使用同一种颜色，也不能同时使用过多的色彩，导致整个茶产品网站色彩过于复杂，而是根据茶产品的主题选择一两种颜色作为主要的颜色，其他部分选用相近或者同色系的颜色作为次要颜色。所以，需要在确定主题色彩之后，考虑主题色彩与其他颜色之间的关系，让各个色彩之间能够达到协调和均衡，同时还要考虑各种颜色的纯度、透明度和色相的问题。其目的就是让人在浏览茶产品的网页时候拥有更好的体验。
点、线、面的构成
茶产品网页设计的基本构成是点、线、面，其排列组合方式有成千上万种，而网页设计师需要做的就是通过合理的点、线、面组合来表达茶产品网页的自然、生动、朴实等形象，让人通过茶产品网页对茶产品产生美好的联想。通过点、线、面的密集程度和集合形态，来表达想要表达的不同特色，反映出茶产品网页设计师的设计理念、心理和情感，所以茶产品网页艺术设计中点、线、面的关系一定要处理好，这样才能将茶产品网页艺术设计的最佳视觉效果呈现出来。
文字的排版和应用
电脑网页设计风格 第6篇
一、文字的字体设置
（一）使用宋体等常用的字体
所有浏览器默认的标准字体是中文宋体和英文timesnewRoma字体。如果没有进行任何字体设置，在任何操作系统和浏览器里网页将以这两种标准字体显示保持正确。现在大多数电脑操作系统为微软的windows系统，其安装时就自带的4种中文字体和40多种英文字体，四种中文字体分别为宋体、黑体、楷体(GB2312)、仿宋(GB2312)。凡是在windows操作系统的浏览器使用系统自带的字体都可以正确显示这些字体。
（二）图片的方式置入网页
根据网页中的设计思想而选择相应的字体，设计师往往需要用一种特殊的字体来体现自己的风格，那么特殊字体或艺术字体因为字体的原因只能在本机电脑上显示成功。为避免这种情况的出现，设计师可以把文字进行栅格化，把文字变为图片的形式，最好以图片的方式置入网页，以保证所有人看到的网页效果相同。
二、文字的大小设置
由于网页设计是基于电脑虚拟平台，其展示方式区别于之前的传统媒介的实物展示，它需要在显示终端中展现。而现在显示终端百花齐放，网页设计师需要考虑不同客户端的浏览体验，而文字大小直接决定了网页的视觉效果，是用户体验中的一个重要部分。不同的显示器尺寸，不同的分辨率设置，不同的DPI参数，乃至不同的浏览器预设，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次都要重新缩放，而且许多用户不习惯缩放页面达到最佳视觉效果。这就要求网页设计师最好还是根据绝大多数用户的使用习惯，设置一个比较体贴的默认字号。
三、文字的颜色选择
电脑网页设计风格 第7篇
【关键词】 页面样式设计 角色浏览 Banner图示 适应网页设计
创建面向用户的远程教育门户网站是高校远程教育机构进行信息化建设和大学文化建设的重要内容。“远程教育网站”通常被称为远程教育的网上“门面”。它既是服务师生的平台，也是对外宣传或展示自己办学实力及服务能力的重要窗口，也是传递大学文化的有效载体。其中，网页样式设计起关键性作用。
一、综述
远程教育网站应该尽量做到门户结构清晰，页面精美，访问快捷、功能实用。主要包含：整体布局要求和网站整体设计风格统一；界面设计体现用户相互之间交流互动的特色；网络响应速度应该尽量快，更快的信息访问速度、更加省时和智能化的用户界面；更简便、智能化程度更高的浏览查询流程；后台管理功能强大、录入效率高；易于查看网民的建议和评论以及后台信息。一个网站门户的主页面通常由Logo、导航、Banner、内容、链接、版权这六部分元素组成。有研究认为，网页布局包括传统“T”型布局、上下对照式布局、“上中下”“三”字布局、左右对称型布局、“回”字形布局、“同”字形布局、“国”字型布局、“川”字型布局、氛围式布局、POP海报四、式布局、“杂物箱”布局、“人物风格化”布局、封面型布局、简约型布局、综合型布局、瀑布流式布局等，这是基于对网页结构“形式”的划分。每一类型的页面样式都具有统一的构成元素，但彼此间又有自己独特的布局特点，因而呈现出不同的网站视觉效果和网页设计风格。
二、页面样式的分类特征
1）“简约式”。“简约式”的特征是页面主体“一屏显示”、布局简洁。在主流显示分辨率下，网站浏览者不再需要上下、左右的拖动鼠标，即可实现页面主要内容的相对完整的浏览效果。2）“图片动画式”。“图片动画式”的特征是布局简洁明晰、页面图片感强烈。一个精彩的网页缺少不了图片，如图片按钮、翻转图片、滤镜、透明图、导航图等，图片往往在网页中起到画龙点睛的作用。图片传达信息的直观性与寓意性远远超过文字，大号图片的应用也是简洁设计的一种体现，可以明确的表达网站诉求。3）“完整式”。“完整式”的特征是布局规整秩序、信息直观、“多屏显示”、视觉感强。网站页面组成元素之间，既错落有致，又和谐统一，营造出的良好秩序感。一般按照分列样式布局设计，以字体的大小对标题文字与正文内容加以区分，区别于以往栏目图标的复杂显示效果，具有“扁平化”的设计特点。
三、页面样式的特色功能
1）“角色浏览”。“角色浏览”是指网站设计者主观上假定网站浏览者为在读学生、教职员工、考生、访客等不同角色，按照浏览需求对网站综合信息进行分类和聚合，满足不同的访问行为。。在实际应用中，网站设计者运用CSS样式，以达到利用CSS美化网页，统一网站内各个网页风格。CSS样式定义可以用代码编写，也可以借助样式生成器可视化生成，样式可以定义在当_页，也可以导入外部样式表。优点在于一是简化了不同网页重复的格式设置工作，二是将来只要更新了CSS样式，所有引用该样式的对象都会更新，便于网站的更新和维护。2）“Banner图示”。“Banner图示”是Banner在高校门户网站中“广告”效果的实现和扩展。《设计的法则》中提到：要增加人们的辨识力，让人回想起重要信息，就可以利用“图片优势效应”。用图片加文字，确认强调的是同一信息，以便达到最佳效果。有鉴于此，网站设计者将“Banner”作为一个专题栏目，充分利用其“图示”功能，实现其突出视觉功能的同时，也发挥其强化信息传达效果的作用。网站浏览者进行点选后可阅读，Banner标签包含的图文内容，更新速率频繁，浏览者可以根据时间进行自主选择，又使它具有了“书签”功能的展示效果。3）“适应网页设计（Responsive Web Design）”。如何将日新月异的网络技术应用于高校门户网站，使网站浏览者在各类浏览器终端上，尽可能获得良好的用户体验，是网站设计者思考和努力的方向。网络使用环境复杂而多变，除去传统意义上的台式机和笔记本电脑，又有了智能手机、iPad、iTV等终端。鉴于智能手机和平板电脑等移动浏览器终端的普及，一些远程教育门户网站，利用先进网络技术，创新设计页面样式，来适应和满足各类移动终端的浏览需求。
四、结语
远程教育网站是信息技术和大学文化在网络媒介平台的融合与呈现，网站设计者要做到内容为主，用户至上，提高用户满意系数。设计者应对网站设计进行调研分析，对其页面样式进行规律探析，形成更多系统化、理论化的设计经验和技巧，以此指导网页样式设计实践活动。
参 考 文 献
[1]祝晓铭，王艳平.高校门户网站页面样式设计探析[J]. 电脑知识与技术，2015（）第2期：199-200.
[2]华磊，许长安.浅谈网站设计分析与网页制作[J].无线互联科技，2014（08 ）.
电脑网页设计风格 第8篇
摘要：DIV+CSS是Web设计标准，随着标准化设计理念的普及，国内很多大型站采用DIV+CSS网页布局制作方法。从实际应用情况证明，该技术具有代码简洁、表现和内容相分离等优势。
关键词：设计论文
1、DIV+CSS概念
DIV就是一个区块容器，用来封闭数据区域，属于行级区域，相当于一个可以容纳表格、段落、标题、图片等各种元素的容器。在进行网页布局排版时，需要将页面整体上进行DIV分块。层叠样式表CSS示国际W3C标准化组织制定的一套完整的扩展样式标准，主要是为了在HTML的样式编排上对其功能进行补充，更好地完成网页设计的需要而制定的设计标准。CSS层叠样式表对HTML的标记属性的设定进行了扩充，可以使用Script程序功能来对其进行很好的控制，从而对网络的外观设计和整体的布局设计进行非常有效的控制，让网页在设计上具有更加美观的表现形式。CSS层叠样式表技术可以把网页本身需要展示的内容和网页本身具有的样式进行有效的分开，从网页设计的内容中把网页的外观在设计时候设计的信息进行独立存储，进而对网页进行集中有效的统一管理。我们在网页设计的时候把CSS样式的信息作为独立的文件进行存放，可以方便地让其他的网页对其信息进行共享，这样在网页设计的时候就不需要对网页中的文件进行重复性的操作设计了，节省了很多时间和不变要的设计工作。在网页设计中CSS类型的文件建立完之后可以被其他的HTML文件进行共享使用，并且一个单一的HTML文件也可以对其他相关的CSS类型的文件进行套用，这样在网也设计的时候可以很方便地对网页的文件和功能进行设计。
的定义
CSS语法定义包括3个部分，格式如下：Select(propervalue)选择(属性：值)：在属性中可以为设计的网页进行主体的设计，prop-er可以选择要设计的主体，value可以设定主体的属性，这样就可以为网页中的主体的表现效果进行设置了。
选择符类型
(1)标记选择器标记选择器就是声明某个标记直接采用某个样式。如通过h1选择器声明页面中所有的
标记的文字效果。
(2)类别选择器类别选择器的定义通常在最前面加一个点号。类别选择符的名字可以由设计者按照自己的意愿来进行定义，对名字的定义可以使英文或者数字，也可以是英文和数据的混合，在进行命名的时候都是以功能来进行名字的设置的。
(3)ID选择器在网页设计的HTML的页面中，网页页面元素的指定都是以ID参数进行表示的，ID参数的选取符可以对单个元素的样式进行单独的表示，ID选取符在应用方面比较与类选择符相类似，只要把ID代替CLASS就可以了，一般只在非常特殊的或者特定的环境下才使用ID参数，在选择符中ID参数的使用也仅仅是对单个元素的样式进行独立的表示。
2、使用DIV+CSS
采用CSS+DIV技术对网页进行设计具有以下几方面的优点：
内容和形式分离
在独立样式表示的文件中把外观设计从中独立出来进行存放，HTML文件中的内容只能对文本信息进行存放，这样网页前台只需要显示内容就行，形式上的美工交给CSS来处理。内容和形式相分离，生成的HTML文件代码更加精简、更小，网页打开速度更快。
提高搜索引擎对网页的索引效率
采用DIV+CSS架构的网站更符合W3C标准，网站设计要以W3C为指定的标准，这是搜索引擎中关于网页名次排列的一个重要决定标准。网页设计的源代码使用简洁的源代码，采用结构化内容的HTML来取代嵌套的标签文件，网页的内容信息在蜘蛛搜索引擎上处于裸露状态，这样搜索引擎可以更好地对网页内容进行有效的搜索，关键性的内容很容易被得到，对关键性页面的内容在网页中的比重增加了，这样网页的搜索排名比重也增加了，网页的公众评价也可以得到很大的提高。
网站页面浏览速度的提高
网站页面的视觉效果如果是同样的，那么DIV+CSS建立的网页页面的大小与TABLE编码设计的网页的页面的大小相比要小，一般是1/2大小。采用CSS进行设计后，用户在使用网站页面的时候最大的效果就是对网页进行浏览的时候启用页面的速度明显变快。
易于维护和改版
网站设计采用DIV+CSS技术进行设计，在以后的日常维护工作方面会变得很方便。在维护的时候只需要对CSS文件进行修改和设计就可以完成对网页的维护了。在传统的网页布局的表格布局中，对布局的修改是非常麻烦的，是要对整个网也来进行重新设计的。在网页设计的时候如果可以有效地对网页的层结构进行设计，在对网页的外观进行修改的时候只需要使用CSS技术进行对网页结构和内同进行修改就可以了。网页结构的修改和重新设计可以提高蜘蛛搜索引擎的关注度。
3、CSS的使用
外部样式表
外部样式表是一种文件，在网页中外部样式表的存在可以以独立的形式，外部样式表文件可以在多个网页页面中进行使用，外部样式表示一种样式文件通过样式来对文件进行保存的，在网页页面中通过link标记与其他的样式表文件进行连接，文件扩展名是.CSS。link标记在页面设计的时候是在head区域进行存放的。浏览器通过文档形式从CSS文件中把定义的样式表读取出来，对网页页面设计中使用的外部表的样式和文件类都进行了定义。在多个网页页面中可以应用统一个外部样式表的文件，在网页设计的时候如果对样式表文件进行了修改，那么网页页面的其他的样式也会发生变化。在网页设计的时候对大量的同样的样式页面进行制作还是非常方便的，网页页面设计的重复性工作减少了，在以后网站页面的维护和修改上也比较方便，在对页面浏览的时候关于重复代码的下载也减少了。
内部样式表
内部样式表的设计是在页面的和的标签之间加入样式表，这样在网页页面中就把定义好的样式应用进来了，样式表的插入是以style标签的形式插入的，例：这种样式的使用相对来说还是比较简单，而且在应用上还是比较实用的，在网页页面的头部可以输入同样的样式，这样所有的网页页面的样式就都统一化了。
内联样式表设计
在HTML标记中对内联样式的使用属于混合样式，通过这样的方式，对元素进行样式的单独定义就比较简单了，在HTML标记里直接加入style参数这是使用内联样式的基本方式，CSS属性和style参数的内容是一样的。在实际上，内联样式表的效率与以上两种情况相比来说在效率上还是比较低的，在网页的页面设计中对内联样式表的使用是不推荐的。内联样式表不能重复使用里面的样式内容，另外内联样式表的标记的内容和样式都是混合在一起使用的，对代码的维护具有很大的难度，而且在代码进行阅读的时候也是比较复杂的。
4、制作流程
(1)创建文件(文件管理及命名)。
(2)与HTML文档建立关系。网站常用：外链样式。
(3)制作页面样式。要为每一个DIV进行边界的设置，这样可以清晰地看到里面的内容，就不需要通过屏幕卷动的方式进行浏览了。对元素进行定义编写CSS等，选择符采用递归结构。在网页设计的时候设置的标记就更加清晰了。同HTML框架一致从上到下，从整体到局部，共用样式到个别样式。CSS文档的顺序：共用的代码样式放在文档最前面。CSS结构设计的顺序一般都是以HTML的顺序为标准的。CSS选择器中的相关的属性的顺序表示：属性显示->自身属性->文本属性。显示属性：display,list-style,position,float,clear。自身属性：width,height,margin,padding。文本属性：color,font,text-decoration,text-align,ver-tical-align,white-space,content。原因：以上的顺序是我们在进行项目开发的时候使用的代码的标准，这个顺序设浏览器的渲染顺序是一致的，最终的目的是为了把执行效率进一步地提高。
(4)注释添加：
1)文档与对应的文档注释的关系是唯一的关系，这也是为了便于今后对网页的维护，注释的说明表示主要是：创建文档人和时间等信息的说明。
2)属性注释说明。
3)功能注释说明。DIV+CSS技术在网页布局的设计上是主流技术，DIV+CSS技术符合国家W3C的一系列标准，并且可以使用DIV+CSS技术对网站的重构，可以大大提升网站浏览速度，易于维护和改版，提升网站用户与搜索引擎的友好度。
参考文献
[1]车元媛.CSS技术在网页设计中的应用研究.科技信息,20xx.
[2]王聪.基于DIV+CSS技术网页布局应用与实践.电脑知识与技术：学术交流,20xx.
[3]石元聆.DIV+CSS技术网页布局中定位技术的探讨.电脑编程技巧与维护,20xx.
[4]田佳妮.DIV+CSS在网页布局中的应用研究.电脑知识与技术,20xx.
电脑网页设计风格 第9篇
摘要：通过对传统教学模式的调查研究，了解到传统模式逐渐无法满足学生的需求。项目教学法作为一种新的教学模式，在《JSP动态网页设计》课程中是一种新的尝试，通过学生自己完成项目的方式，自主学习JSP网页设计，整个过程由学生自己负责设计，实施，对提高JSP教学的效果有着显著的指导意义。
关键词：项目教学法;教学改革;JSP动态网页设计;步骤
通过对项目教学法的研究，选取与JSP网页设计课程相关的项目来创设“情境”[1]，让学生主动从零到一，完成自我思考，自我学习，自我强化的过程，认证搜集资料并进行整理，充分整合资源，发挥学生的自主创新精神，最终完成整个JSP动态网页设计的学习。
一、概述
高职院校为了实现毕业生和企业直接对接的目标，在学生的培养方面主要是注重学生动手能力的培养，为了实现这一目标，项目教学法是最为合适的一种教学方法。该方法已经成为高职各科课程教学中必选方式之一了。明达职业技术学院的《JSP动态网页设计》这门课程也采用了该方式组织课堂教学，该门课程的实践能力要求较高，社会只用性很强，是专业核心课程。主要选用项目是”基于JSP的学生管理系统”，从部分功能开始，讲练结合，让学生做到能在理论的基础上，举一反三实现理论到实践的转化。课程结束时，学生应具备了了解软件开发的过程，熟悉开发工具，掌握理论实践的操作。
二、项目教学法的含义
项目教学法是在教师的指导下，将一个相对独立的项目由学生小组自己进行资料收集，方案设计，由学生自己评价项目实施的成果，学生通过该项目，了解和掌握在整个过程中每一环节的基本要求。“项目教学法”的特点是最显著的项目为主线，以指导教师为主导、学生为主体”，体现在：多目标;培训周期短，速度快;可控性好;注重理论与实践相结合。项目教学法是教师和学生共同完成项目的一种教学方法[2]。在项目教学法的实施过程中，教师将需要解决的问题通过对学生设立项目的形式来呈现，一本每个项目都会有具体的任务要求和说明，学生通过老师发放的项目要求任务书来设计项目，负责整个项目的设计和实施。通过小组协同工作的方式，自学完成，期间有任何不懂得问题可以咨询导师，导师相当于是学生的左右手，有什么不懂的随时可以寻求帮助，给予学生一定的指导。最后学生共同根据项目制定计划，完成分工，搜集项目的资料并将进行整理，在实践中发现问题，分析问题并解决问题。
三、《JSP动态网页设计》运用项目教学的意义
(一)《JSP动态网页设计》教程简介
《JSP动态网页设计》是计算机专业学生学习的一门核心课程，其实践性较强，不但要通过日常的书本上的学习，还要在计算机上反复实践操作才能掌握。JSP全名为JavaServerPages，中文名叫Java服务器页面，是一种网络程序设计语言，用来开发动态网站[3]。它和JAVA的特点很相似，都简单易操作，全面向对象，平台安全可靠且无相关性。使用java编程语言的类标签的XML脚本的JSP技术，对动态网页的处理逻辑[6]。网页也可以通过标签和服务器应用逻辑脚本资源访问。显示器的分离设计，JSP页面逻辑和网络，为支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。很多高校基于这些特点，都将其作为计算机专业学生继学习JAVA后的有一门必修课程。但是由于其难度和枯燥性，很多学生表示很难驾驭得了，在步入社会以后，所学的知识没能发挥在工作上，从而降低了整个行业的就业质量。
(二)在JSP课程中应用项目教学法的重要性
在传统的JSP课程教学中，学生通常按照课程的标准先学习一部分的基础内容，后期通过简单的上机操作进行理论的巩固，在这种教学模式下，学生很大一部分在前期就已经丧失了学习JSP的兴趣，后期的上机练习也只不过是现在教学的一种硬性要求，对于真正想要学习的学生无疑是一种沉重的枷锁，学生学习的效果很差。但是通过运用项目教学法，将课程的标准以项目完成的方式分成若干块，学生通过完成项目任务来获取学分，在项目中自学，不用拘泥于传统教学模式下的上课，学习更自由了，学习的动力也更强了，这在很大程度上提高了学生的学习积极性和学习的热情。
四、项目教学的应用步骤
(一)培养目标的确定
高职院校“JSP动态网页设计”课程必须确定其具体的知识培训的目标、能力和情感与相应岗位职业能力目标[1]。1.知识目标：通过本课程的学习，熟练掌握配置JSP开发环境;熟练掌握JSP脚本元素、指令元素的用法;熟练掌握JSP中内置对象的特点及用法;熟练掌握JDBC访问数据库技术;熟练掌握JavaBean组件的基本知识;熟练掌握JSP中的标准动作标签;熟悉Servlet的通信方法，掌握Servlet的上下文接口;掌握JSP中标签的用法;掌握JSP中Filter过滤器的用法;掌握应用JSP进行WEB程序开发的能力，初步具备开发实际应用程序的能力;2.能力目标：能熟练使用eclipse软件，实现学生管理系统的注册登录功能;信息添加删除功能;查找等功能;能解决开发过程中出现的各种错误提示;测试完成。3.情感目标：具备较强的规范意识、较强的市场竞争力和承受压力的能力、良好的学习习惯，具备自主学习和团结合作、创新能力。
(二)教学项目的划分
该项目是确定项目教学成功实施的关键因素，必须根据企业对学生工作任务的能力要求进行分析，结合学生的认知特点和接受能力，合理选择项目。并根据企业的工作流程，明确项目的任务，我院JSP动态网页设计”课程的项目被确定为：
(三)教学方式的选择
高职《JSP动态网页设计》课程可设定多媒体讲练结合、岗位调查、学校实验室项目培训、联系个别实习企业，让学生置身于企业中去参与项目的进展，充分利用各种教学资源，丰富教学形式，提高学生的学习兴趣，突出课程的实践性强的特点，从解决实际问题出发，提高学生的创新能力和自学能力。
(四)教学方法及过程的组织
1.从学生角度教师进行项目教学时，应重点侧重于学生自我实践能力的加强。以程的核心内容为项目依据为学生制定任务，并确保每个项目都是由简到易，层层递进，充分调动学生的学习兴趣。尽量选择和生活贴近的案例和素材，如布置的学生管理系统项目，利用情境教学法，让学生更好更有效地学习。在项目完成后，教师可以分别让组员互相做出评价和改进方案的建议，上交个人作品作为课程结束的作业。学生在交流中与老师互动，老师在学生做项目的时候可适当提出意见完善项目并修改，将理论与实践有机结合起来。2.从教师角度教师在授课之前应该做好项目的备案，充分考虑到学生对所选项目的适应性和项目本身的难易程度。在上述帮助学生加强实践能力的同时，提升自我的修养和学识。在实施之前，授课老师应对项目教学有一定的认知和了解，在具体应用中将理论知识与项目的实践应用融会贯通并传授给学生。自己在项目经验方面也要多下功夫，提升自己，提高教学服务的质量，培养出更一流的学生。实践能力的提升并非一蹴而就，在日常生活中教师还要多多接触社会中有关专业方向的工作要求，并及时反馈给学生，让学生及时了解到社会所需要的人才结构。项目教学应用是学生和老师互相学习的过程，是共同进步的纽带。不仅仅是学生自身能力的提高，也是老师对完善多年教学模式的一种新的认知。
(五)考核方案的设置
适应项目教学需要，为培养学生的综合能力，对学生的.考核也要注重过程化的考核，鉴于课程实践性强的特点，重点考核学生的软件操作和软件开发、处理能力，本课程主要采用以下几个部分进行考核：1.平时表现考核占总成绩的60%，由平时出勤、课堂表现和作业等内容构成。2.分阶段、分项目考核占总成绩的40%，即最终整体项目的考核情况3.根据上述各项成绩按比例总评得出考核结果。不再进行传统的期中考试项目教学法在《JSP动态网页设计》实施教学中的注意事项1.排课安排要以半天或一天为单位进行排课，和以往的以一节或2节有所区别;2.班级人数不宜过多，应该在20至30人之间。
结束语
项目教学法的实施，有利于丰富和发展全国计算机专业学生的教学模式，提高计算机人才进入就业市场后的适应能力，最大程度地满足经济建设和社会发展的需要。21世纪的信息时代，学生更需要接受像项目教学法这样的教学模式而非传统教学，这是一种新的尝试，更进一步地发挥了学生自主学习的能力，打破了以往刻板的教学，体现了高等教育的特色，这样学校才能够更好地培养出有效的高素质的技能型人才。
参考文献
[1]欧志先._动态网页设计(JSP)_项目教学法初探[J].科学咨询,20xx,(7):79.
[2]杨文.《JSP动态网页设计》项目教学法的研究与实践[J].福建电脑,20xx,25(8):206,204.
[3]李阿芳.项目教学法在《JSP网页设计》课程中的应用研究[J].电脑知识与技术,20xx(18)
[4]赵海冰,李瑛,邢翠芳.浅谈项目教学与任务驱动在“C程序设计”教学中的应用[J].计算机工程与科学,20xx(z2).
[5]王向阳,李东,张惠玲.项目教学法在程序设计课程教学中的应用[J].价值工程,20xx(6)
[6]陈民.基于J2EE学生网上评教系统的系统设计[J].电脑知识与技术,20xx(12)
电脑网页设计风格 第10篇
关键词：视觉传达；设计领域；互补设计方法
引言：
当下的视觉传达设计的方式和理论都层出不穷，这让该领域的知识边界变得模糊不清，其他领域中的一些不恰当的知识及理论也可能混入其中产生不利影响。互补的思维是一项偏向于哲学的应用思维，互补设计在日产生活中的应用也比较广泛。在视觉传达领域中运用互补设计大方式，将会促进视觉传达领域的技术发展。
1.互补的基本含义
从互补的角度来分析事件或者是思想，得出的结论是两件互相矛盾的事件或者是两种互相矛盾的思想，也可能会产生一定的互补性，这让人们能够更加全面的认识和思考事物和思想的本质，辩证的看待每一个问题。在视觉传达设计中应用互补设计，正是运用这种变相的思维方式进行设计，运用这种相互排斥又相互协调的关系扩宽设计的领域，实现对视觉传达设计领域内的不同事物之间的协调与包容，这种思维方式可以让视觉传达的设计更快的达到设计的要求[1]。
在视觉传达设计中应用互补设计，就是让设计人员从互相理解的角度去看待设计中的思维模式，达到其他设计思维所不能达到的效果。老子曾经说过“万物负阴而抱阳”，意思是世间万物没有阴面就没与阳面，因此阴阳两面是共存的，这种思想很好的展示了自然界中阴阳两级是不能共存的又是互相依赖的，互补设计的理念也正是阴阳两级互补思想的体现。在进行视觉传达设计的时候运用互补的设计思想，就要求设计人员从不同的角度来看待问题，而不是运用单一的角度去看待问题，就像上文中提到的阴阳辩证思维一样，实现对设计思维的正反两面分析，达到对设计思维的升华。
2.互补设计的方式
互补设计方式建立的是一个事物之间互相有关系的设计思维模式，这种思维模式听起来具有一定的不合理性，但实际上正是这种世间万物相互联系的心态才能成就更好的视觉传达设计，事物之间看起来是相互对立的关系，但实际上确是互补的关系。总体来说就是在互补设计思维的视角下，任何对立事物之间都存在一定的互补性，这种互补性让人们看待问题的角度变得更加灵活和多样，在辩证思维下思考视觉传达设计，会让设计人员的思考变得更加完善，看待问题的角度变得更加深入。运用这种互补的设计思维，能够对互相对立的概念进行融合，运用各种逻辑思维和方法进行视觉传达设计，更快的到达视觉传达设计的目标。
3.基于视觉传达设计领域的互补设计方法
视觉传达设计思维上的应用
在进行视觉传达设计的时候，要注重对概念设计的问题分析，建立设计分析的系统，比如先进行观察、再进行分析、然后将设计想法进行总结、最后在进行想象创造。对各个阶段内进行的设计过程不断的进行系统评价，在众多视觉传达的设计中找到最适合的设计方式，其中问题设置与问题认知是视觉传达设计中较为重要的两项设计环节[2]。
互补设计方法在设计思维上的应用主要显示在两个方面上，第一，运用互补视角对视觉传达设计进行分析，即通过正向与反向的视角、相同和不同视角、差别和共性的视角、自我与非自我的视角、过去和未来的视角、正常和无常的视角等一系列互补视角去思考视觉传达的设计思维，开拓设计思维的思想范围，让视觉传达的设计思维变得更加多样性。第二，运用互补的方法让视觉传达思维变得更加形象具体，完成对视觉传达思维的展现过程，通过更加直白的方式来分析设计的主题和思想，从具体和抽象两个方面来判断设计的思维是否符合设计的要求，从静态和动态两个方向来看待设计思维的呈现，从单向的信息交流看到双向的信息交流，实现对设计思维的多样性看待与辨别。
进行互补方法在视觉传达设计思维上的应用首先要做的就是对问题的设置，在设计进行的前期准备阶段要对问题进行全面的观察和分析，特别是要运用互补视角进行分析，在互补设计的知识体系下对视觉传达的问题进行全面的分析，积累大量的关于视觉传达设计的资料和数据，为视觉传达设计提供数据支持。其次是对设计进行分析，指的是对观察地成果进行理论的分析，从其中找出问题的根本和解决方式，为为视觉传达设计提供理论支持。再次对设计想法进行总结，找出其中最符合视觉传达设计要求的设计方法，并根据具体的设计思路制定设计方案。最后进行的是想象创造，该阶段的设计比较随性，设计人员可以将自己的想法与实际的设计思维进行结合，在这一阶段中，互补设计能够丰富设计人员的想象空间，让信息的呈现变得更加具体和形象[3]。
视觉传达设计中互补设计的应用规律
在运用互补设计思维的时候需要从思维反向和思维途径两个角度来看待问题，即以发散思维为代表的水平思维，和以收敛思维为代表的垂直思维。发散思维能够打破人们的常规思维固有的格局与规律，对已经有的观念进行创新，让设计人员进行对新思维的扩展，以此来获得更多具有创作意义和价值的思维，为视觉传达设计提供更多的观点、理论和方案。收敛思维能够让人们在可信的范围内进行思考，思考事物及设计理论的本质，集中精力将设计思维变成现实的设计方案并且得到实施，然后在互补设计思维中找一条适合视觉传达设计的道路。
在进行视觉传达设计的时候需要注意的一项关键的步骤是，对设计思维及设计方案进行展示，形象的展示能够尽快的让设计方案得到实施方的认可，进而尽快的投入到实际的生产中。运用互补的设计完成对视觉传达设计的信息收集、加工、翻译、传达、生成、实现等过程，将形象思S与抽象思维的辩证运用到实际的视觉传达设计中来，以目标和体系督促设计人员进行互补设计下的视觉传达设计[4]。
视觉传达设计中互补设计的应用特点
叩其两端。互补设计的思想要求设计人员在设计时运用叩其两端的思想对问题进行分析，在设计思维集合的阶段运用互补的视角分析和观察设计思维，由此突破设计思维的局限性，让创新的思维更好地深入到视觉传达的设计中，并且应用的更加全面和具体。
反向思考。在运用设计方法时要从反面进行思考，让每一项设计思维都经过两方面的思考，确保所运用的设计思维都是合理的，也可以让大脑进入到一种全新的思考模式，锻炼设计人员的思考能力，学会从不同的角度去看待设计中的问题，突破传统的设计障碍[5]。
相反相成。从具体的视觉传达设计的方法上来看，对视觉上传达进行转译和生成、对视觉设计进行归纳和总结、对视觉语言的表达、对视觉秩序的构建、对视觉媒体的选择上，要在对立面进行表达，在相互排斥的基础中实现跨界和协同，这需要设计人员在设计方法上找到一个平衡点，并进行探索[6-8]。
以和为主。从互补的角度去理解视觉传达的设计，根据科学技术的发展和视觉传达媒介的变化，对视觉传达设计进行相应的改变，使其更加适应现代社会视觉传达的发展。比如当今社会的视觉传达媒介由印刷媒介朝着数字化媒介发展，在进行视觉传达设计时就要以设计数字传达形势为主，从纸张走向屏幕，从静态走向动态，从平面走向多面，从逻辑线性走向敏捷跳跃，从信息单一走向信息多样化。视觉传达的设计方法也逐渐在传统印刷媒介和现数字媒介之间不断进行探索，达到两者之间的相互融合，让视觉传达设计与互补设计进行更好的融合，实现对视觉传达设计方法多样性的扩展，让视觉传达设计尽快的达到设计的要求，为视觉传达设计提供设计思维。
总结：
视觉传达的设计虽然是人类思想的一种表达方式，但是在实际的设计过程中应当注重将其与大自然进行结合，很多时候，人类既可以是自然的展现者，又可以是自然的征服者，因此在进行视觉传达设计的时候要应用互补技术，将人类与自然的感情进行结合。应用基于视觉传达设计领域的互补设计方法时，要结合视觉传达的要求和实际的发展情况，采用更加适合的方法。
参考文献：
[1]王潇娴.基于视觉传达设计领域的互补设计方法研究[J].包装工程，2015，08：112-115.
[2]吴振英.视觉传达设计领域的互补设计方法及应用[J].艺术科技，2016，11：269.
[3]汪帆，刘严.基于视觉传达设计理论的建筑外部照明设计方法[J].中华建设，2015，12：114-115.
[4]王潇娴.视觉传达设计转型中的“互补”特性探究[J].设计，2016，21：70-71.
[5]梁秀川.参与体验设计[D].中央美术学院，2014.
[6]黄文.以设计的方式重生试析传统文化符号在视觉传达设计领域的应用[J].美苑，2015，03：101-102.
电脑网页设计风格 第11篇
1网页设计过程中对多媒体技术的运用
随着信息技术的不断进步，多媒体技术得到了迅速发展，当_络传输的技术以及硬件技术也在不断的提高，这样也就为艺术和技术的结合创造了良好的条件，这样也有利于网页的设计体现出更为优质的效果，从而也为多媒体技术在网页设计中的应用创造了更为广阔的前景。
2在多媒体设计中恰当的融入艺术设计的成分
网页设计不只是由多媒体元素构成，为了使其更加的美观就必须要考虑艺术性，要注意平面效果的传达，这也就需要做到不同的元素结合起来，但是在结合过程中需要注意以下几点：
在设计网页的过程中要注意内容和形式的统一
在进行设计时就需要做到形式与内容的统一，使得形式服从于内容，从而使得网络的整体效果表现出来，这也就要求网页的细节需要做得很到位，从而使得网页与多媒体元素的相关性凸现出来。
突出主题要素
网页要尽可能的突出主题，使得风格与之相协调。在风格选择上要注意多媒体元素的选择，注意其色调的搭配，同时还要做好排版工作，从而使得整个网页具有较强的吸引力，达到应有的效果。
注重色彩搭配
在一个网页中色彩数量最好控制在4个左右，同时还要分出主次，确保总体上的统一，在局部上形成对比，要注意体现主题的色彩搭配，注意色系的选择，还要注意背景色的选择，尽可能的站在浏览者的角度思考问题。
注重网页布局
网页布局大致可分标题型、拐角型、框架型等，选择布局类型的依据主要是信息状况，网页状况以及结构状况，这样就会使得网页的页面可以一目了然。国字型以及拐角型的适合用于信息量大的网页中，标题正文型的适合用于纲要性的网页之中，动画型的可以灵活的运用到各种各样网页之中，但是在布局的选择过程中需要注意各种布局类型优缺点的选择，只有这样才能使得网页的效果更为明显。
3结束语
多媒体技术在我国发展的速度非常迅速，并且不断地成熟起来。在网页设计的过程中要充分的运用多媒体技术，同时要注意与艺术性的结合，要注意实现艺术与技术的结合与统一，这样才可以使得网页设计更为立体，更加的生动形象，更具有空间效果，从而使得网页可以更好的吸引浏览者，给浏览者留下深刻的印象，从而达到一种影像的效果，达到网站所传输出的目的，使其价值得以最优化.
电脑网页设计风格 第12篇
响应式网页设计原型研究
网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用方法，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用JR安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用
+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:_宋体_;font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;
及css3完成固定宽度布局时，默认所有内部布局
向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数显示器为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用
+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的经验是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。
利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局
(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局
内部的页头布局、导航布局、内容布局、侧边栏布局、页脚布局
对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。
(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
电脑网页设计风格 第13篇
《网页设计》是一门综合性的“大课程”，鉴于其专业的特殊性，至目前艺术设计专业开设的此课程尚没有相对完善的教材，教学内容和教学方法也处于探索阶段。笔者结合多年从事web开发和网页设计教学经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。随着信息时代的到来，互联网技术改变了人们传统的生产和生活方式。网络资源的共享和发展已经融入社会生活，站、网页浏览已经成为一种生活习惯。作为服务于社会经济发展的高校专业设置，为适应时代需求，如计算机、电子商务及艺术设计等专业都开设了《网页设计》课程。就专业技术而言，《网页设计》课程综合性较强，涵盖的知识面较为广泛，一个网页的建立到发布过程，涉及到了网络基础知识，W3C标准和与之对应的结构：（X）HTML语言，表现：CSS样式，动作：JavaScipt，图像处理、动画制作等诸多领域。鉴于其专业基础的特殊性，这也导致了该课程针对不同专业在教学内容、教学模式、教学方法等方面存在很大差异。理工科专业多侧重于程序语言的编写学习，较为重视纯技术方面，而艺术设计专业则更多偏向于网页界面的版面设计，包括形式美感、色调处理等。但在实际人才应用中，用人单位更想兼顾以上两方面的技术应用型人才。目前艺术设计专业《网页设计》课程并没有相对完善的专门教材，教学方法与内容也处于探索阶段。由于大环境和师资的局限，开设该课程的很多高校在教学上并没有结合艺术设计专业的自身特点，往往“复制”和计算机等理工科专业一样的课程教学模式，“教”和“学”都陷入一定的尴尬境地，达不到本专业所需一定程度的教学目标。另一方面，艺术设计专业的学生，具有一定的美术基础和审美意趣，制作网页有一定的美感优势，但有时也过于追求美观而忽略用户体验，脱离实际，华而不实。笔者结合多年从事web开发和网页设计教学的相关经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。其中的艺术设计专业，尤其是视觉传达方向的平面设计专业都开设了《网页设计》课程。
一、课程目标
二、教学内容
（一）在艺术设计专业的人才培养计划中，网页设计课程
一般安排在课程学习的中后时间段。就本课程而言，我建议教学内容并时间安排如下：
软件的学习和应用为重点讲解，讲授和实践为5+5个学时。Dreamweaver软件的主要任务就是完成网页设计的版面架构，教学中，主要讲解本地站点的创建和页面结构搭建。在早期的网页排版中一般使用网页表格（table）及其嵌套的模式布局页面，随着技术更新和用户需求，表格结构已不适合现在时代发展的需要，即不适合手机及平板电脑的用户浏览，呈现逐渐被淘汰的趋势。现今网页版面架构大都采用div+css的方式设计，具有浏览速度快，适合在手机或平板电脑上浏览的优势。结构和样式的相分离，也便于日后的网页改版的便利；
2.网页编程基础方面：HTML语言、CSS样式、JavaScipt，讲授和实践7+7学时。非计算机专业的学生一般错误的认为使用Dreamweaver这样所见即所得的工具页设计，不再需要学习太多的“语言”。其实不然，HTML是网页的灵魂，它不像C语言那样“生涩难懂”，相对艺术设计学生而言，完全有能力学会和掌握。CSS通俗讲是控制网页中内容的颜色、字体大小、宽度背景等样式，并由此来实现各种各样网页样式的统称，也是需要熟悉和掌握的。JavaScipt与C语言不同，它提供一定的面向对象能力，因此模块、名字空间、类、对象、封装、函数等功能在JavaScipt中的实现方式是其教学的重头戏，它们才是现代JavaScipt语言的精髓；
动画，讲授和实践6+4学时。Flash主要制作二维动画，体积小，便于使用，学习难度小，能够满足网页设计的需要，如：网页Banner条的设计、片头动画、课件等；
4.网站客户端的表现原则、开发流程、面向客户的网站设计，讲授和实践2+0学时；
为辅助2学时，艺术设计专业的学生已经学习并掌握photoshop的使用方法。因此，减少这方面的讲解，给其他新知识点留下更充裕的时间。
（二）结合网络技术发展和用户体验要求，本课程教学还需注意下面要点：
1.面向用户体验的网页设计：学生在学习和制作网页时，总是以“自我”的感觉为主导，很少考虑并分析用户需求，以为自己的设计有相当的“吸引力”但是对于访问者来说，大多数的设计过于空洞、内容繁冗，徒有漂亮的外观。所以学生应该明确，网页设计应该以“用户”为中心，而不是展示、甚至炫耀网页技术或技巧。因此，有必要引进面向用户的网页设计教学。
2.当前互联网技术飞速发展，网络资源共享已成趋势，学生获取知识的渠道已不仅仅满足于课堂上教师的讲解，包括每一步所要学习的知识点。充分利用网络，包括丰富的教学资源和便利的搜索功能，面对现实中存在的问题，引导学生如何利用互联网页设计方面的前沿知识，发现并解决。鼓励学生使用博客、论坛，通过发现其中有趣的文章，得到解决问题的新方法和代码片段。向学生介绍开源社区，并鼓励他们在线发表自己的代码，使用社交媒体进行资源查找，并形成专业的社交媒体互动，更加专注于他们的代码与工作，真正激发学生的学习兴趣。
三、教学方法
《网页设计》课程具有交叉学科性质，结合艺术设计专业学生的自身特点，在教学过程中，我运用任务驱动法、模块教学法和项目教学法等多重手段，给学生明确的思路，引导学生多动脑，勤动手，发现问题，分析问题，解决问题。
（一）任务驱动法
任务驱动法，即通过创设问题情境来调动学生的学习兴趣，进而启发学生的求知欲。“兴趣是最好的老师”，只有发现问题，才有任务和动力，教师利用专业知识，结合课堂所讲章节内容，分析并解决问题。只有这样才能有利于培养学生独立分析问题、解决问题的能力和创新能力。具体到《网页设计》课程教学中，通过导入新课环节，将所要讲授的新知识隐含在一个或几个任务之中，引导学生对所提出的任务进行分析讨论，明确大体涉及所需知识，承前启后，找出哪些是需要复习巩固的知识，哪些是需要探索学习的新知识，在教师的指导下找出解决问题的方法，通过任务的完成实现对所学知识的构建。
（二）模块教学法
团队合作、模块运营是现代企业生存和发展之道，网页设计公司亦是如此，很多网站界面都实行模块化，每个部门负责完成自己的任务。为和现代网页设计公司相适应，《网页设计》课程尝试实施有目标、有任务、有内容的模块教学法，将本课程教学内容有意识地分化为几个模块，针对每一个模块设定具体的教学目标、任务和要求，将课堂所讲内容和现实所需实践有机结合。同时让学生自由组合成一个个小团队，团队之间、团队之内分工协作，团队合作，真正做到锻炼学生综合能力的教学和实践。
（三）项目教学法
通过实施一个完整的“项目”而进行教学活动，其目的是在课堂教学中把理论与实践有机的结合起来，充分发挥学生的创造潜能，提高学生解决实际问题的能力。《网页设计》课程相对来说，有非常多的“项目”可供实施。一般是在知识体系讲解完全后，给出一个具体的项目命题，如学生（或学校）个人（或创业小店）的网站、网络上征稿的企业网站等，在实施这些“项目”过程中发现问题并且解决问题，一方面可以锻炼学生的实践能力，更重要的是及早让学生有实战意识，真正实现课堂教学和单位实习的“零距离”。
（四）双师教学法
聘请工作在网页设计一线，且具有丰富实践经验的设计师作为兼职教员，加入到课程教学中来。兼职教员能制作最专业的网站，对本行业的最新趋势有着完整的把控力，对网页设计实际工作中有可能遇到的问题有着独到的见解。他们可为学生开设讲座、解惑答疑，结合全职教师对教学内容和方法的深入研究，两种教师互补，增强学生的学习体验和兴趣，提高教学质量。
四、结语
艺术设计专业的《网页设计》课程是随着互联网而产生的新兴课程，同时也是为适应地方社会经济发展和普通用户的生活体验的。互联网技术的日新月异、社会经济的迅猛发展和普通用户的生活便捷也决定了课程的必须不断更新变革。教学是动态的过程，只有确立好课程目标、梳理好教学内容、掌控好教学方法，根据实施过程中的具体情况灵活调整，并不断充实完善，才能取得更好的教学效果，真正做到培养网页设计的应用型专业人才，服务于社会，以人为本。
电脑网页设计风格 第14篇
1计算机网页包装设计与图像处理研究
网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计，需要对图像资源进行有针对性的处理，制作成为计算机软件开发应用需要的形式。在对图像进行制作时，要明确图像的格式，如果是制作成为GIF图片需要对图像资源进行透明处理，将其处理成为系统需要的图片形式，并在图片资源使用前，进行反复的控制研究，帮助进一步提升图像的色彩搭配合理度，动画格式的图像在内存中占据的比例比较大，根据网页打开后的内存资源来对系统进行更深入的设计，通过将各项设计理念结合使用，能够促进网站设计后的图形表现效果也更加理想，这是传统技术方法中很难实现的，也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些，可以对图片的整体色彩以及明亮程度进行调整。
网页设计中的两种特殊应用
2图像处理在网页设计中的应用解析
网页设计中使用图像的意义
网页图像处理的技巧
3结语
电脑网页设计风格 第15篇
［摘要］校企共教是现代社会发展中形成的新型教学方式，中职院校在引导学生设计和制作网页时，强化校企共教能够有效增强学生的职业意识，提升学生的职业素养，综合探究中职院校在课程教学中实施校企共教的具体策略，希望能够使现代中职院校得到更大的发展。
［关键词］校企共教；中职；网页设计与制作；课程教学
在现代科技发展过程中，网站制作得到了很大的发展，对其相关人才也提出了更高的要求，中职院校在具体实施教育工作时，需要科学改进传统教学模式，强化校企共教，确保人才建设能够高度满足现代企业建设需求，为了进一步明确中职院校如何更为有效地落实校企共教，特此实施本次教育研究，希望对大家有所启发。
一、开发校本教材
运用校企共教开展教学工作，培养学生专业技能和专业知识是其教育工作的主要目的，所以教师需要科学地改革教学内容。以往教学要用的教材，运用相对落后的知识体系、应用年限、出版和编写会对教材造成很大影响，使其无法实现与时俱进，为了确保学生专业知识学习能够迎合企业发展方向，职业学校需要进行校本教材的合理开发，由专业骨干教师和企业专家共同参与编写。在教材中融入最新的应用软件、创意方向和设计理念。企业技术骨干的合理融入，可以使网站设计和内容具有更为充分的创新性和实用性，学生通过学习校本教材，能够充分掌握设计和制作网页的最新知识，对学生未来就业创造良好条件，顺应职业教育的培养特点，提升我们的教学质量。例如，为电子商务专业开发网页设计与制作校本教材时，请当地电商产业园的网店美工技术人员，针对当地特色物产，结合本地历史文化，编写商品网页文案撰写相关教学内容，以及设计相应物产推广和营销的网页案例范本，将职业场景、软件知识、行业知识有机融合，让学生通过开发的校本教材掌握知识点、技能点，实现校内实训与企业实习就业的无缝衔接。
二、制订教学目标
在现代中职院校发展中，校企合作已经得到了很大的发展，教师在具体落实课程教学时，如何引进企业资源是其教育工作难点问题。此时，学校需要和企业进行有效的合作，共同设置教学内容和教学目标，确保学生能够更高效地学习网页设计，实现教学质量的有效提升，进而保证课堂教学目标和教学内容可以高度满足企业需求。在具体学习设计和制作Dreamweaver网页之前，教师首先需要组织学生进行图像处理的学习，夯实学生的专业基础，确保学生能够有效处理多媒体素材和网页设计图片，此时，学生能够结合个人想象开发作品。教师在具体实施网页设计教学时，不仅需要确保学生能够熟练应用相关网站的基本操作，而且需要确保学生能够设计制作相关网站，实现学生综合能力的有效提升。在具体开展科创教学时，自主开发一个网站是其教育工作的最终目标，因此，教师在具体开设网页设计课程之前，需要考虑知识的连贯性，确保学生能够掌握商品拍摄与图片处理，以及熟练应用Photoshop、Flash、Firework等软件，为网站整体布局和图像处理创造良好的条件，确保学生能够独立建设静态网站，进而保障学生后期能够更高效地参与企业工作。例如，电子商务专业学生使用校企共编教材设计商品推广与营销网页之前，首先需要拍摄收集商品素材，并利用Photoshop软件对商品素材进行处理、美化，然后根据处理后的商品素材，撰写相关文案，再对图片和文案进行排版和美化，最后运用Dreamweaver，结合Flash、Firework等软件完成商品推广与营销网页的制作。
三、理论结合实践
四、改进教育模式
在以往实施网页设计课程时，通常由教师在课堂上向学生演示相关案例，然后要求学生模仿该案例，最后由学生设计和制作相关网页，教师普遍采取照本宣科和“填鸭式”教学实时课堂内容教学，教学活动的乏味性相对较强。针对该情况，教师需要对其教学模式进行科学改变，确保能够对学生学习兴趣进行有效激发，实现整体教学效果的有效提升[1]。例如，在进行网页设计基础的相关内容教学时，中职学生对事物具有独特的看法，尤其是面对自己感兴趣的动漫人物、电影明星和游戏时，具有相对开阔的思路，会自我设定角色。因此，教师在具体进行该部分教学时，需要科学改变课程教学，对传统教学模式进行有效突破，在向学生讲述制作网页的技术和方法时，还需要加入设计风格、网页主题、网页布局、网页设计等细节，引导学生自由选择，通过该方式，可以使学生具有充分的自主权，确保学生能够结合个人兴趣进行网页设计，完善相关作品，不仅能够使学生更高效地学习网页设计，而且可以对学生的创新能力进行科学培养，实现学生整体设计水平的全面提升。在对电子商务专业学生实施教学时，学生根据自己的喜好，为本地特产鱼圆设计了宣传海报。
五、设置工作任务
利用工作任务实施项目教学具体是指教师根据单元所学内容创设教学情境，确保教学内容能够合理融入职业工作内容中，在项目教学中融入典型工作任务，与企业生产实际有效结合，确保教学内容中有学生必须掌握的理论知识，同时，教师还可以根据教学需求对其进行科学分解，使其形成多个小项目单元，进而保障学生能够进行更为有效的学习。例如，在进行开发与设计Web网站教学时，教师可以在教学活动中贯穿电子商务购物，结合具体工作流程对该工作任务进行简单分解，同时，将理论教学融入其中，确保教学活动能够有效结合真实工作岗位，进而保证能够更高效地实施项目教学，在此过程中，我们的工作任务设置要紧密结合产业需求，将学校的教学和企业的需求进行深度融合。
六、确保因材施教
中职类学生在参与学习时，具有不同的学习兴趣、专业能力和专业基础，所以，教师在进行人才培养时，无法使学生完全掌握行业所需内容，同时也无法批量生产。部分学生具有良好的口才，同时，还有学生对色彩极其敏感，部分学生擅长编码技术，针对该情况，教师需要确保教学工作因材施教。例如，在具体开展教学活动时，教师需要引导学生扮演不同角色，从而完成不同任务，教师可以引导学生根据个人兴趣选择角色，然后实施分组教学，对学生的兴趣进行科学培养[2]。如果学生市场嗅觉敏感、口才良好，教师则需要侧重于培养网站架构和调研，而如果学生色彩感觉好，美工功底强，教师需要将网页美工设计作为人才培养的侧重点。最后，如果学生对编码技术具有较高的兴趣，教师则需要培养学生编写后台代码，实现网站技术。因材施教的有效落实，可以确保学生具有较高的学习兴趣，使学生能够迅速掌握未来所需的专业技能，从而毕业的时候可以轻松地适应未来的就业岗位。
七、引进企业专家
中职院校在实施教育工作时，如果想要确保班级教学有效结合企业教学，需要科学引进企业专家，科学讲解课堂内容和企业内容。在课堂教学中引入企业专家具有较高的难度。针对该情况，教师可以利用网络手段组织学生开展网络连接学习，确保课堂教学可以和企业文化有效融合，使学生对企业相关信息有充分的了解，同时，还可以引导学生对网站设计的最新技术进行深入学习，对学生职业素养、职业荣誉、职业良心和职业责任进行科学培养[3]。例如，在实施添加和设置多媒体对象的相关内容教学时，教师可以引进企业专家进行教学，企业专家在具体讲解中，可以根据自身工作经验，简单介绍企业网站对多媒体资源的需求，可在网页中插入多媒体资源的具体方法，然后进行影片和声音插入方式的科学讲解，通过开放式可以对学生学习兴趣进行有效激发，使其能够迅速掌握该知识点。与此同时，在具体进行该章节教学时，企业教师可以讲解相关视频。例如，在详细讲解添加视频时，企业专家可以利用多媒体向学生讲解自己的企业，在进行教育工作的同时，还可以对学生输出企业文化，实现教学效率的有效提升。又如，在进行网页页面布局的相关内容教学时，通过视频讲解，可以使学生进一步理解所学内容，教师在完成课程教学之后，还可以利用班级群对学生设计和制作网页学习提供必要的帮助，帮助学生解决在具体实践中出现的问题与疑惑，并对其网页设计技术进行分享。
八、强化项目教学
在开展实训课程时，教师可以合理应用项目任务教学，针对职业岗位需求实施教育工作，对企业工作情境进行科学模拟，推广过程导向、案例解析、情景体验、任务驱动等多种教学方式，确保能够使工学结合得到充分体现。针对网站建设的具体流程和工作任务，根据实际岗位团队进行项目组的合理设置，基于职业情境创设学习情境，确保能够使学生合理融入学习情境，使其能够对自身具有经验进行合理应用，主动获取相关信息，明确实际岗位的操作流程和具体要求。在具体实施网页设计制作的相关内容教学时，教师需要针对教学内容设计具体工作项目[4]。首先，需要明确任务，教师需要针对教学内容设置学习任务，并对学生进行效果预览图的展示，使学生对其任务要求有充分的了解。借助教学平台发布思维导图、学习任务书、任务效果图等，引导学生构建知识体系，自主学习、小组探究多方面提升学生的综合能力和素养，由此构建任务驱动课堂。其次，需要科学制订工作计划，学生需要针对教师引导对项目任务进行科学分级，设定具体工作计划。例如，制作“宅家商城”网站主页，在明确任务后，学生根据网页效果图，制订工作任务计划思维导图，对任务梳理、分级。随后，教师还需要引导学生根据工作计划收集相关资料，并为其项目工作准备所需素材，然后学生需要针对工作计划设计和制作页面，并利用文字对其进行记录。最后，需要进行检查评测，学生需要将个人作品进行展示，然后由教师对其进行提问，组织学生答辩和互评，并由教师对其进行科学讲评，从而不断提升学生的创作水平。
九、结语
中职院校在具体落实网页设计与制作的相关内容教学时，通过开发校本教材，制订教学目标，理论结合实践，改进教育模式，设置工作任务，确保因材施教，引进企业专家，强化项目教学能够确保有效落实校企共教，确保学生能够更充分地掌握相关专业知识，强化学生实践技能，保证学生在未来能够更高效地参与职业工作。
参考文献：
［1］江梅梅.项目式教学在网页设计与制作课程中的应用［J］.大观，20xx，229（11）：151-152.
［2］朱晓.优化网页制作与设计课程课堂教学的几点做法［J］.现代职业教育，20xx（6）：188-189.
［3］蔡鸿璋.探索网页设计与制作课程教学的新思路［J］.课程教育研究，20xx（42）：55.
［4］梁菊.项目教学法运用于中职电子商务网页设计与制作教学中的探究［J］.职业，20xx，501（2）：73-74.
电脑网页设计风格 第16篇
关键词：视觉传达;新媒体;实践教学;数字化
一、数字化市场催生新媒体技术模式教学
随着我国经济的发展，市场已经开始数字化，教学模式从单一的黑板、粉笔教学发展到多媒体电教化教学。新的教学模式有许多，如PPT教学、投影教学、视频教学、录音教学、计算机辅助教学等。电教化教学模式的使用使课堂教学更加多样化，生动形象，便于学生更好地学习知识。新媒体是指在新的技术支撑体系下出现的媒体形态。新媒体分为数字媒体、数字杂志、数字报纸、数字影视等，包括网络媒体、网络电视、网络课程、资源共享课程等。“多媒体教学模式可以比传统的教学模式节省30%的时间和30%的成本，提高学生的学习效果，并且可以在课堂互动性和学习效率方面建立直接的意义联系。”①新媒体教学是市场发展的必然结果。随着社会的高速发展，信息的数字化和设计对象的数字化使现代视觉传达设计发生了翻天覆地的变化，这种变化的影响不亚于印刷的发明，对视觉传达设计产生了巨大的影响。信息的数字化带来了设计工具、设计思维和设计方式的变化，也带来了设计对象的变化。电脑软件、网络、数字游戏、数字电视等新媒体的出现，扩大了视觉传达设计的范围。“新媒体视觉传达设计成为了现代视觉传达设计的新宠和前沿，这所有的一切也把视觉传达设计推向了空前繁荣的地步、历史发展的浪尖。”
二、数字化展示平台对视觉传达设计的冲击
在物质文明和精神文明高速发展的当今时代，数字化悄无声息地走进人们的生活，并且深深地影响着每一个人。为了适应高速发展的社会，企业需要数字化展示平台，以确保信息快速转化、、接受和处理。随着计算机技术的发展，展示平台数字化、扩大化，视觉传达设计发生了巨大的变化。数字化展示平台对视觉传达设计的冲击较大，使视觉传达设计跟随社会的发展而改变。数字化展示平台的发展使中国的视觉传达设计拥有了一定的发展空间。
1.社会发展对视觉传达设计的需求
视觉传达设计与科技和艺术相关，是兼具艺术性与专业性，并以视觉为沟通方式的一种表现形式。“设计行业是为了更好地实现商品竞争和推广而存在的。”③视觉传达设计是一种流行的艺术，它为流行而设计，用设计引导潮流。商业设计艺术需要简单、明确、直白，要被广大群众所喜爱并接受。随着社会经济的发展，数字化传播媒体快速发展，各种信息爆炸式地传播，以往单一的设计方式受到了信息多元化的冲击。网络为人们提供了各种各样的信息，大量的商业信息和琳琅满目的商品，激发出人们强烈的购买欲望。现在人们对视觉传达设计的要求不再只是功能属性的简单介绍，而更多地希望获得视觉享受、文化享受等。这就要求视觉传达设计更加个性化，更加关注人们心理层面的需求。
2.对视觉传达设计表现形式的冲击
（1）改变了视觉传达设计的方法和过程随着数字化展示平台的广泛应用，视觉传达设计从根本上得到了改变。展示平台的数字化使以往复杂、烦琐的工作得到了简化，尤其是手工操作部分，设计者可以把更多的精力放在创造、想象、思维上面。许多设计的最终成果都可以在电脑上完成和展示，不再需要各类纸张、颜料、画笔等绘图工具。
（2）拓展了设计者的工作手段和领域近年来，计算机技术的发展比较迅猛，特别是图形、图像表现日益增强，促进了视觉传达设计的发展，数字化展示平台也不断地发展，视觉传达设计的主题和创意更加丰富多彩。在设计过程中，设计者不再受纸、笔、颜料等传统工具或空间、时间的限制，可以在不同的环境中情境化地感受设计成果。
（3）提供创意思路和空间计算机技术使设计者不必受技术和介质的限制，可以随心所欲地进行设计。电脑软件可以让设计者进行低成本创作，无须考虑材料纸张、加工制作等费用，还可以给设计者提供更好的创作环境，不再受到一些客观条件的限制。设计者的创作思维也有了更大的自由度，能获得更大的创意空间和更多的设计思路。
3.对视觉传达设计传播方式的冲击
（1）高效的传播方式以往的展示平台主要包括报纸、杂志、户外广告、电视等。这些展示平台受到时间和空间的限制，传达的内容有限，并且受到外界条件的限制。数字化展示平台将广播、印刷、网络、电视、电子出版、通信、计算机等融为一体，使视觉传达设计的传播具备多种媒介形式的优势，信息传播更加高效、快速、便捷。
（2）视觉效果更佳与不断发展的数字化展示平台相比，以往的设计表现手法和思想已经难以满足社会、市场和人们的需求。数字化展示平台为视觉传达设计注入了新鲜的血液，赋予其新的内涵，打破了时空的限制，使设计的空间更广阔，使设计者的美学理念和设计才华得到更好的发挥，视觉效果更佳。
三、视觉传达设计实践教学调研解析
近年来，我国的视觉传达设计教学逐渐偏向实践技能的教授，注重将理论知识和技能技法运用于实践，各美术院校和设计专业院校均在实践教学领域进行探索。“视觉传达设计教学与实践相结合，不仅是为了让学生检验理论对于实践的指导而是体现实践是理论的实现。”④职业院校艺术设计实践教学主要包括工厂实践和设计实践两个方面。实践教学的作用主要体现两个方面：一是使学生与市场接轨；二是使艺术设计教育更好地发展。视觉传达设计重在实践，教师可以采取“实践—理论—实践”的形式进行教学。为了适应社会的发展需求，在艺术设计教学中，教师必须清醒地认识到实践教学应与行业的发展需求衔接，并且在教学中进一步突出实践环节，促进师生互动，提升学生的适应能力、协作能力、实践能力和创新能力。工厂实践的主要内容是让学生深入了解和把握工艺、材料、构造、性能、加工方法、制作成本等，这样学生将来就能更好地进行视觉传达设计，知道如何提高效率、了解工艺和材料、节约成本和增加收益。
四、视觉传达设计实践教学的内涵与创新
“数字化信息导致了新媒体大量的涌现，这给视觉传达设计提供了许多全新局面，对视觉传达设计课题和对象都有较大的影响。”⑤在新媒体技术环境下，视觉传达设计的对象发生了变化，工具发生了变革，设计的触角得到了延伸，视觉传达设计变得空前活跃起来，无论是设计作品、设计产业化程度，还是设计的广度与深度，都达到了空前的高度。视觉传达设计教学过程中，教师应在教授基本技法与知识的同时转变师生角色，培养学生的创意思维，鼓励学生参与实践、表达创意，探索视觉传达设计教学的新模式，从而培养出更多优秀的设计人才。在市场竞争中，设计者必须具有新颖的设计理念、超前的设计思维和高超的技术，这样才能使自己的作品脱颖而出。设计是一种追求个性的工作，如果学生只懂得模仿，就难以获得更好的发展。所以，教师在教学中必须重视对学生个性的培养，鼓励和帮助学生形成个性化的设计风格。在教学中，教师应该主要进行以下两种实践教学创新。
首先，在实践学习后，鼓励和引导学生进行思考、讨论。视觉传达设计是一门实践性较强的学科，以往的“教师授课，学生听讲”的教学模式已经不适应当前学科发展的需要。“教师与学生在实践学习中平等探讨更有助于学生创新能力的培养。”⑥教师可以引导者的姿态和学生交流，发挥学生的想象力，激发学生的求知欲望，并加以肯定。
电脑网页设计风格 第17篇
1目前企业对网页设计师的要求
随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。
2高职网页设计课程的教学现状
我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：
开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。
教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。
教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。
生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。
3网络环境下“网页设计”混合式教学构建模式及优势
网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程，既需要个人创意设计能力，又需要全面应用高新技术能力，具有很强的实践性和综合性。在网页设计授课过程中，教师要从易到难引入企业项目，引导启发学生，并在课堂上统一进行项目分析，在讲解过程中，将网页设计的艺术美学及专业技术知识融入到所要完成项目中，调动学生的学习积极性、自主的对网页综合知识进行建构，同时通过现代网络视频教学，演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节，激发学生对网页设计项目整体认识，对网页设计的兴趣，让学生自己产生要制作属于自己的项目作品，学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式，把传统学习方式的优势和网络学习方式的优势结合起来，教学以学生为主体，充分挖掘学生学习过程过程积极性、主动性和创造性，培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库，运用在线教学与课堂教学优势互补的混合式教学模式，教师通过基于网络的课堂进行教，学生除了课堂学习外，课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外，才能真正培养出综合能力强、创造性思维突出的网页设计人才。
网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质：网页设计课程是基于企业项目教学，项目设计是项目教学的成败的关键，要求教师不仅要具备深厚的理论知识，还应具有一定职业技能与实践经验，即教师具备“双师”素质，通过网络教学平台建设，优秀专业教师与企业技术人员带领专业较弱教师，共同完成项目网页设计整体设计。通过开展混合式教学，进一步提高教师的教学设计水平和实践技能，更新教师的教育观念，提高教师自身的业务水平，促进教师向双师型转变。(2)教学资源丰富：教师与企业技术人员在网络教学平台提供各种媒体素材，包括视频、动画、课件、网页设计优秀作品等教学内容，远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目，引入企业项目任务，能从高职学生特点出发，项目从易到难，循序渐进，让学生学习实践觉得能“跳着够得着”，既有挑战性，又能完成企业项目并使学生获得成就感，提高学生综合实践技能。通过网络在线教学优势，为学生提供了自由选择的学习空间，有更丰富网络学习资源，激发学生学习兴趣，调动学生的主动性与积极性，有效提高了学生的创新思维能力，对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性：传统的课堂教学受限上课时间，教学内容也受限，存在形式与内容单一。特别对于学生难于理解的重点与难点，老师可能认为在课堂已讲解很清楚，但学生还是没有理解等诸多弊端，而通过混合式教学，利用网络在线教学等辅助手段在很大程度上弥补了这种不足，让学生能在课后按需学习，让差生或请假学生补缺补漏，赶上全班统一进度。通过网络教学平台和教育教学资源库，可以24小时开放教学，大大打破上课的时间限制，学生可以把课堂当中没有消化的内容利用网络的在线自主学习，进一步的加深理解，使课堂教学加以延伸。利用在线学习，基础好的同学也可以通过网络教学平台和教育教学资源库进行自学，提升自己的学习能力。(4)网络在线答疑：利用在线系统为教师和学生提供一个良好的交流平台，师生通过平台将获得更多的沟通机会，师生之间在平台上在线讨论交流答疑，学生之间也可以在平台上在线讨论交流答疑，及时解决学习过程中遇到问题，调动了学生的积极性，进一步提高教学水平。
4混合式教学模式实例分析
在网络环境下，构建与传统教学相互融合网络教学平台，实现交互式教学平台，学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明，实现传统教学与网络教学的混合教学模式。
1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目，共构建八个学习情景：《学习情境1企业网页图文混排》；《学习情境2企业网页表格数据制作》；《学习情境3企业网页表格布局》：《学习情境4企业网页超链接设置》：《学习情境5企业网表单网页制作》；《学习情境6企业网页制作-css样式表应用》：《学习情境7企业网页布局-div+css布局》；《学习情境8企业网页JavaScript特效应用》。
2.课堂教学内容以网页设计的工作过程为依据，划分上述八个学习情境，采用混合式教学模式，按任务展开教学。每个学习情境都包含：①任务导入：首先提供学生与所讲知识相关的网页案例，吸引学生注意，然后导入学习情境任务；②分析总结：教师引导学生发现问题，并提出问题，激发学生学习兴趣，经过共同分析与讨论，总结出具体的制作方法；③实训(仿真实践，在线测试)：学生根据学习情境，在教师的示范讲解下，独立完成操作，在线测试。④讲评总结：学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节，可以适时插入教学视频、技术操作视频、实例展示等内容，解决传统教学方法无法讲清楚的知识点和实际操作演示，使教学效果更生动具体。通过学习情境，学生目的明确，整体性学习Dreamweaver软件各个工具，运用到每个学习情境任务中，学习网页各独立元素与整体学习情境相结合。
5小结
混合式教学模式突破了传统的单一课堂教学模式，在网络教学平台上信息量大，开放性、灵活性、交互性强，与传统教学相互融合，不断补充和完善网页设计教学内容，拓展了学生的视野，为学生提供了广阔的学习时间与空间，全面提高高职学生网页设计操作技能和综合能力培养；调动了学生的积极性，变“要我学为我要学”，使得以学生为中心自主学习得以实现，提高学生自主性学习能力；从教学形式上，进一步完善了教学方法与教学手段，在信息技术环境下，混合式教学模式是网页设计教学的一个新的发展方向。
电脑网页设计风格 第18篇
关键词：中国传统建筑；坡屋顶；现代建筑设计；应用手法
Abstract:With the exchange of Chinese and Western culture, the rise of China_ postmodern architecture _ wind, the contemporary architectural design continuously by Western ideas, but the lack of Chinese cultural connotation of the support, therefore, study how to inherit and develop Chinese traditional architectural culture is particularly important. In traditional Chinese architecture, as a roof slope construction monomer visual core, formed the tradition of building important impression. The slope of the roof as the breakthrough point, the research in Chinese modern architectural designs in a variety of application technique.
Keywords:Chinese traditional architecture；pitched roof；modern architecture；application technique
中图分类号：TU231
文献标识码：A
1 关于传统建筑中的“坡屋顶”
中国传统建筑历来强调本体的大气优美，生动灵活，并注重与环境的融合。就其形态来说，各式体量巨大的坡屋顶十分引人注目，它形成了人们对中国传统建筑的一种初步而深刻的印象。
从文化层面来看，坡屋顶的营造也是古时“天人合一”思想的直接体现，北宋著作《木经》有云：“凡屋有三分，自梁以上为上分，地以上为中分，阶为下分”。①即屋顶为上分、墙体为中分、台基为下分，同时三部分分别对应着天、人、地的概念，也可以说，屋顶有承载“天”的作用，由此可见，坡屋顶地位之重要。
2 坡屋顶造型的设计创新
直接模仿
对坡屋顶的直接模仿是指对其传统外形的复原式再现。如陕西历史博物馆：其以盛唐建筑风格为切入点，沿用当时流行的庑殿式屋顶，完全的中轴对称（如图1-a），由一条正脊和四条垂脊组成，以正脊为最高点的“人字形”曲度明显（如图1-b），四条垂脊对称分布，将屋顶分为四面斜坡，并着意突出其四角深远出檐（如图1-c）。该设计将现代功能需求合理的融入传统建筑形式之中，整体具有极强的气势。
元素抽象提取
飞檐
坡屋顶生动的飞檐翘角不仅增添了建筑物向上的动感，且纵观整个建筑群体，层层叠叠的飞檐更是营造出中国传统建筑群非凡壮观的气势。
图1-陕西历史博物馆屋顶设计分析
图2-国家会议中心屋顶设计分析
图3-首都博物馆屋顶设计分析
国家会议中心（如图2-a）屋顶的设计即源自中国传统建筑飞檐翘角的概念。从立面看（如图2-b），屋顶设计舍弃了传统坡屋顶由屋脊挑起的“人”字形曲度，而将其归纳为整体略向下弯曲的弧线，并顺势串起四角翘檐。四角翘檐的造型即利用了飞檐的上举之势。传统建筑中为形成特定翘起样式而营造了复杂精密的结构，此处化繁为简，只取其线性动态之势（如图2-c），却清晰传达出了反宇飞檐优雅的神韵。屋顶的整体造型虽简单，但由于其体量巨大，映衬于蓝天白云之下，更显优雅舒展。
坡屋顶屋檐另一个值得注意的就是它的深远出檐。首都博物馆新馆巨大的钢体屋盖设计正是受到坡屋顶深远出檐的启发。屋盖为一巨大的方形钢板，垂直覆盖于墙体之上（如图3-b），其长、宽远大于墙体的长、宽，因此，形成了较大的出檐长度（如图3-c），正吻合深远出檐的形成要素，即出檐角度和出檐长度。该设计将传统理念赋以现代形式，体现出博物馆是历史与现代的交融，带给人耳目一新之感。
曲度
坡屋顶形态的另一个重要元素即是优雅的“人”字形曲线。国家体育馆的屋顶设计灵感正源于此，但相较于传统坡屋顶，其曲度更加舒展自然（如图4-b）。考虑到各不同比赛场馆的空间高度要求不同，为满足功能需要，就有了屋顶曲面化的构想。从文化内涵角度来说，轻盈而富于动感的屋面，与中国传统建筑的坡屋顶有异曲同工之妙。
重构
重构就是将一个体块进行规律分割，重新组合后，仍能辨别出体块的原型。浙江美术馆就是重构手法的一个成功案例。
浙江美术馆（如图5-a）棱角分明的玻璃屋顶即来源于江南传统建筑的坡屋顶。可以将传统坡屋顶看成是一个倒放的三棱柱体块，对其向上的四面进行切割，首先将两长方形表面以中轴线切割，形成两个对称长方形，再以两方形对角线为切割线，形成四个三角形，以中轴线中点为起点，引向两边对角线，最终形成6个不等边三角形，形成屋顶重构的最初元素，棱柱两边三角形表面分隔方法类似，其分割线都以棱柱最上边上的中点为准，呈向下分散趋势（如图5-b），然后，将切割过的体块进行适当角度的翻转，最终形成现在的复杂的极具现代感的屋顶造型（如图5-c）。虽变化丰富，但仍能从最终的体块组合当中找出和原有体块的一一对应关系。经重构设计后的坡屋顶如同现代雕塑一般富有视觉冲击力，同时将传统韵味演绎的淋漓尽致。
图4-首都体育馆屋顶设计分析
图5-浙江美术馆屋顶设计分析
图6-世博会中国馆屋顶设计分析
3 坡屋顶功能与材料的设计创新
功能
传统建筑巨大深远的出檐给人以舒展的感觉，其下自然形成的半封闭空间，既可遮阳避雨、减风压，又很好的保护了木构架的本身以及墙基。
中国美术学院象山校区的校舍建筑（如图6-a）加入了中国传统建筑的飞檐元素，意喻传统的江南文化，并与周围青山绿水的环境相融合，同时体现了对于坡屋顶功能的应用。因其处杭州，属亚热带季风性气候，雨量充沛，日照时间较长，飞檐设计充分考虑了当地的天气情况：屋檐倾斜的角度可以减少夏日暴晒并容纳冬日阳光，同时可以有效减小雨水对建筑物的冲击。
无锡鸿山遗址博物馆的屋顶设计(如图6-b)继承了中国传统建筑深远出檐的特点，但博物馆屋顶所占建筑体的比例较传统建筑更大，其整体气势更为磅礴。同时考虑到当地的气候状况：四季分明，热量充足，降水充沛，深远出檐的设计可以减少夏日暴晒并减小充沛雨水对于建筑物的冲击，起到保护建筑墙基的作用（如图7）。
以上两例通过对坡屋顶造型的适度增减以及夸张变形，不仅达到了对其功能的继承性延续使用的目的，也使坡屋顶的功能有了新的发展。
象山校区校舍建筑的飞檐与屋脊分离，截取飞檐成为一个独立的部分，并将这一部分多次重复使用，形成一定规模，此举意在营造一种浪漫的江南雨景氛围。而鸿山遗址博物馆屋顶造型虽与传统坡屋顶的造型相似，但去掉“人字形”柔和的曲度以及“反宇”翘角，将其线条硬朗化并做适度夸张，巨大的坡屋顶将墙体和地基遮住了大半，无形之中增加了遗址类博物馆庄严肃穆之感。
材料
提起青砖黛瓦，人们首先想到的自然是中国传统的坡屋顶。
在2006年的威尼斯双年展国际建筑展中，以“瓦园”命名的中国国家馆使人眼前一亮（如图8）：使用6万块从宁波一个老城区搜集来的废旧瓦片和竹篾等材料修建了一处800m2的侧斜瓦顶，人们可以通过一条曲折竹桥登临其上，远眺威尼斯的景观。在传统建筑中，人们仅仅是置身于屋顶这一空间之下，或说是瓦檐之下，但“瓦园”将人们身处的空间设于屋顶瓦檐之上，将瓦与人的相对空间位置进行置换，营造身在“园内”又身处“屋外”的场景，这正是作品的趣味所在。
在这一案例中，将瓦片这一极为传统的建筑材料以一种反传统空间模式的方式进行置放，就形成了一种现代的、艺术化的并具有创新理念的建筑模式。
图7-国美象山校区建筑及无锡鸿山遗址博物馆
图8-传统坡屋顶功能示意图
图9-瓦园
4 结语
中国传统建筑文化自成体系，内涵丰富，对于坡屋顶的研究只是其中一个方面，在当代中国建筑西风盛行之时，我们应该注重发掘传统建筑文化的精华部分，结合现代的功能需求、新式材料和技术，丰富当代建筑设计语言和设计手法，创造性地发展优秀传统建筑文化。
正如著名建筑师贝聿铭先生说：“中国建筑师的当务之急，就是探索一种建筑形式，它既是有限的财力所能及的，同时又是尊重自己的文化的”。
参考文献：
[1]汤德良.屋名顶实[M].辽宁人民出版社，2006.
[2]梁思成.中国建筑史[M].天津：百花文艺出版社，2005.
[3]李允禾.华夏意匠[M].北京：中国建筑工业出版社，2005.
[4]吴丰.中国传统建筑文化语言的现代表述的研究[D].湖南大学硕士论文，2007.
[5]苏海滨.中国传统建筑元素在现代博物馆建筑设计中的应用初探[D].西安建筑科技大学硕士论文，2008.
电脑网页设计风格 第19篇
关键词：广告设计 视觉传达 模糊性
中图分类号：
文献标识码：A
视觉传达模糊性是相对于传统视觉传达理论侧重的清晰、平衡、守恒与稳定等原则而论的新型视觉传达创意。传统哲学概念中对于模糊性持排斥态度，认为模糊就意味着非理性、不科学。然而伴随着后现代工业化与科技理论发展到一定程度，客观世界的运动永恒与多元科学等理论的出现却让“模糊性”正式被定论为一种理论成为可能，比如现代数学理论中的“模糊”集合理论、现代物理中的“耗散”结构论等都为“模糊性”成为正式的科学概念起到了支持。在传统理性科学领域确立了“模糊性”理论的地位后，这―概念随即进入了美学与哲学范畴。无论处于哪种科学范围中。模糊性理论侧重的都是物质的非稳定、不确定与相互渗透性，这个与传统认识大相径庭的概念于是在广告设计中成为了革新与创意的新亮点。
一 视觉传达模糊性的特点
视觉传达模糊性一个最突出特点即为不稳定，与大多数人习惯性认为客观世界是稳定与相对恒定所不同的是，模糊性理论认为客观现实恰恰是以不稳定为恒定，而稳定却是相对的和临时的。在这一观点中，表面上稳定的现实世界仅仅是由于不稳定因素缓慢累积尚未达到临界值，因而维持着相对不变，但本质上不稳定却是随时随地在发生着并积累着。一旦这样的不稳定累积到了一定程度达到饱和，则稳定必然被破坏，从而让原本隐性的不稳定成为显性。正是由于这些连续不断的不稳定之间逐渐过渡，于是模糊性出现，不稳定成为模糊性的先决条件，而模糊性则是不稳定的必然结果。
如果说不稳定是挖掘模糊性形成的微观本质而形成的特点，那么着眼于宏观上看模糊性的另一个显著特点就是“整体”。即组成某个概念或者定义的各部分看似是一个个相互独立的个体，但其实这些部分内在却存在着本质关联。这些部分之间被一条隐性的链条联结，彼此间具有互相解释或说明的作用。同时，这些看似分离的部分却又不断有所交集与融合，甚至不断进行穿插和渗透，就在这样持续的分与合中，部分形成了整体。但这个整体由于处于不稳定状态中叉并没有相对清晰的轮廓，只是一个模糊的大致框架，但正是由于模糊使这个轮廓或框架具有了特殊的审美。
上面提到的“整体”特性中已经出现了表面独立的个体之间相互联结与融合的情况，故模糊性之第三个特点就是其“互渗”性。主要是指各个中间环节之间由于在不断的变化中而互有渗透，由于彼此间持续性地穿插、过渡并且不断进行着转化，故模糊性因其“互渗”而不能确定、不能预测。
二 广告设计中视觉传达模糊性的特点
视觉传达模糊性本质上具有的特点在其应用于广告设计中时也相应地在广告设计中产生了有所对应的特点。比如“随机”，也就是广告设计创意的无恒定性思维的特点。即使是同一类型的广告在设计创意思维上也总是变化着和运动着，并无相对稳定不变的标准。比如美国著名饮品“可口可乐”的广告设计，同样是平面广告，“可口可乐在奥运”就与“可口可乐之环保”的设计创意截然不同。“可口可乐在奥运”运用了剪影绘画手法，在大红色背景前有一个黑色的人形剪影，右手高举一支黑色火炬，身体呈献奔跑状态，火炬开口处一长串弯曲变形的“白色飘带”组成字母“Co”，画面左下角则是白色花体字母“CocaCola_和白色的奥运五环的图案。而“可口可乐之环保”虽然同样是大红色背景，剪影图案却变成了女性的两只手，白色而纤细的女性手臂分别从画面的左上角和右下角切入，上半部的手掌心向下，下半部的则掌心向上。上面那只手的手指轻搭在下面那只手的腕关节处，而腕关节的位置有一只刚刚萌芽的绿色幼苗。从画面看既可以理解为上面的手轻触下面的手上萌芽的小苗，也可以理解为上面的手将一只萌芽的小幼苗栽种在下面那只手的手腕上。很明显，奔跑的人的剪影十分恰当地契合了“奥运”在广告设计中的主体地位，而“幼苗”则明显是环境保护的点题处。两个广告同为可口可乐的平面设计，但风格、主题与内涵却完全不同。（图1、图2）
上面两款可口可乐广告设计中还体现了模糊性在广告设计中的另一个特点，那就是“多向”。两只女性手臂形成的图案在不同受众看来可以具有相反的含义，比如既可以是“生长”，也可以是“培育”。这就说明模糊性在广告设计中会兼顾多数受众对广告的理解与感受，使广告创意能够涵盖尽量广泛的潜在人群。
三 视觉传达模糊性在广告设计中的应用
（一）异形同构
所谓“异形”是指在形状、形式上完全的差异性，而“同构”则指内在本质上的共通性。以OLIVIA披萨店的两幅并排平面广告为例，乍一看两幅广告都是被切成扇形的披萨饼的大致外形，但细看下却是“别有洞天”。左边一幅扇形浅白色底画上绘制的是几幢高矮不一的摩天大楼，大楼之间点缀着零星的绿色植物，与现实生活中居于闹市中心的商业楼宇和写字间的格局十分相似。而从左侧打过来的强光则代表着阳光，让这些高楼大厦在右侧投下了错落不一的阴影。右边一幅同样是扇形浅白色底画，但画中出现了更多的绿色植物，点缀其间的倒成了相对矮小的建筑物。细细看来，这些矮小的建筑与绿植共同组成了带有典型美式中产阶级特色的社区。相较与左侧强烈的光线，右侧的广告明显暗了许多，而且在栋栋小房屋间似有灯光闪烁，很明显描绘的是夜间的情景。从左右两幅画面可以比较容易看出广告设计的意图，即“OLIVIA披萨既适宜上班族日间品尝，也适宜晚上全家共享”。
（二）异质同形
“异质”指不同材质、材料或物质，“同形”指相同或类似的形状。即采用具有近似含义的外形但材质却千差万别的设计展示具有更新、更深内涵的意义。以“派克公馆”地产平面广告设计为例，这款广告仅看图案会极易让人误以为是一幅奢华金表的广告，左侧是印刷体的金色英文大字字母“PARK CHATEAU”，右侧是一只长方形、表盘周边一圈镶钻的金表。金表表盘上纵横交错的金色条纹，似乎是装饰用的金丝线。然而仔细观察表盘内部条纹却能让人大吃一惊，那些纵横交错的“金丝线”构成的是一幅酒店大堂顶棚的缩略图。如果结合钻石外圈的设计，可以将其理解为一栋富丽堂皇的酒店大门装饰，透过大门能看到内部大堂顶棚金色的拱形支架与透明的弧形玻璃天花板。这款广告设计的创意之处在于利用了钻石金表与顶级酒店（公馆）建筑共同的特性――豪华作为着眼点，以钻石金表指代“派克公馆”地产走的高端路线与设计的精致与华美。
（三）视觉反差
利用强烈的视觉冲突营造出对比强烈的画面感，以此突破传统设计思路惯性易造成的平庸感。以ORANGINA原味橙汁平面广告为例，广告主体色调只有背景的蓝色与图形的橙色，冷暖色调对比已经营造出了初步的冲突感。画面四周是若干汁液飞溅的橙瓣，仿佛正在半空中旋转。画面中间是一个形似绘制了橙色条纹的玻璃饮料瓶，但仔细看可以发现实际上是一条极长的橙子皮被卷曲缠绕成了瓶子的形状。由于中心图案采用的视角是仰视，可以看见“瓶”底缠绕成一圈圈的橙皮，既可以将其理解为橙色的玻璃瓶底，也可以理解为在透明玻璃瓶中旋转的橙汁。这幅广告的创意独特处在于用橙皮替代了传统惯性思维中的饮料瓶结构，同时以橙皮为外框还可以暗示瓶子里装满了货真价实的橙肉和橙汁。在不同距离的视线下，近看是一圈圈橙皮绕成的空瓶子，远看却是盛满了汁液的饮料瓶，两种视线给予观看者明显的视觉差异，使人产生广告既大胆又有趣的感受。（图3）
（四）矛盾空间
现实生活中的空间是遵循透视法等物理原则而存在的空间，因此人类已经习惯于以方位、距离、远近等对周遭环境进行衡量。当透视法等物理原则被刻意运用在非客观真实的场景中时，人眼就会由于这一违反物理原则的设计而在头脑中产生超现实的空间构成。以标致508汽车平面广告为例，这款广告的中心议题在于突出标致汽车强劲的驱动力，以至于任何坡地都不会难倒这款汽车。广告画面的近景是一台平衡放置的标志汽车，但其依靠的地形比较特别，虽然汽车所在的位置是十分标准的水平路面，但水平路面两侧却分别是相当陡峭的斜坡。左侧为从右上往左下的斜坡，右侧则是从左下往右上的斜坡。因此整体观看，标致汽车似乎刚刚从左向右攀爬上了一个角度极其刁钻的梯形结构的路面。但广告创意独特处却不止于此，奥妙在于汽车后部行道树的设计。处于画面背景的行道树共三排，分别按左、中、右设置。左侧与右侧的行道树都很正常，保持着与地面垂直的角度。然而中间一排树木却倾斜了'排列成与上下坡坡度相同的约四十五度斜角。通过行道树与汽车的对比，会出现一个十分奇特而混乱的逻辑推理疑问，那就是到底是汽车处于一个倾斜的位置还是行道树全部出现了角度的偏差。这款广告设计的创意思维在于利用了客观世界的透视原理，却将其运用在非现实的平面设计中，于是强烈的不稳定感应运而生，其产生的广告效应也就不言而喻了。
电脑网页设计风格 第20篇
1、网页中使用的多媒体技术
图形图像处理技术
图形、图像是一种非常直观的表现形式，也是在多媒体信息当中占有很大一部分的比重，在网页当中是设计者非常愿意运用的一种形式。通过如下几个步骤：获取元素、处理元素、输出元素、元素的数据压缩以及图像的储存介质能够出现二维或三维的图像。一般情况下获取元素使用工具的采集以及扫描技术进行，能够出现很多种不同类别的输出形式。处理的方法也各式各样，如使用photoshop等软件，按照有关的要求经行对于图像的处理，像剪切、柔化、对比度等方面，最后使用合适的图片输出。一般常用的图片格式为：BMP、GIF、JPEG、TIFF等，现在有很多的网站能够浏览并且储存GIF、JPEG格式的图片。网页在进行设计时运用不同的元素的图像能够让网页更加的生动，起到吸引眼球的效果。
动画处理技术
一般的动画格式有GIF、FLIC、SWF以及JAJA等，在目_络上以及生活中使用最多的为GIF以及SWF格式的图片，因为FLASH动画为矢量的，使用这两种格式的图片能够保证其动画显示的效果达到理想的状态又能保证其体积小的特点，所以在网络上得以广泛的运用。JAVA是一种编程语言。可以用起来编写的applet的小程序有着跨平台执行的优点，适合网上互动的游戏以及手机上的动画，其前景十分宽，适合进行更深的发展。
音频处理技术
现在，网上一般支持格式有MIDI、MP3、WAV等，其科技在多媒体技术当中已成为比较成熟的科技，在网页设计当中应用的时间也比较长。网页当中的音频的获得方式各式各样，比如说能够购买素材库以及在网络上直接下载获取等方式来获得所需要的音频。这项技术已经拥有了一般的音频模拟的方法所拥有的优点，还在互联网上传播、在线播放等方面有着很好的声音效果。声音已经成为了信息资源重要传播途径，将音频以及视频相互结合，能够得到更好的效果。
视频处理技术
能够在VCD光盘、模拟视频收集以及摄像机的储存器当中来获取其有关的视频。视频的特点为数据量比较大。比如说，数字电视的图像当中的SIF的格式，一般的没有经过压缩的图像数据流量为20xxkb左右，但是在CCIR格式的视频，一般没有经过压缩的视频的数据流量能够达到140Mbps.因此，能够看出视频的数据流量是比较大的，假设将没有进行压缩的视频上传，能够出现资源的吞没，甚至能够出现网络崩溃的严重情况。所以，网页设计当中对于视频处理的中心环节就为视频压缩。
2、多媒体技术在网页设计当中的使用
动画、视频设计
在很多网站当中，能够发现有很多动画以及视频的内容，设计富有新意，假设设计合理的情况下，其内容就能更好的突出想要传播的主题，这么做的方式的优点为能够更加直观的表现其内容，还有了视觉的冲击感，让内容更加的具体饱满。FLASH动画已经成为了在动画当中不可或缺的一个组成成分，拥有体积小、传速快的特点在动画当中占据了很大的比重，FLASH动画不仅仅能够表现简单的动画，还能够在网页设计当中建立电子画册，在另一个角度来看，引领了时代的潮流。
图形、图像的版面设计
在制作网页的时候尽量使用少量的图片。因此在运用图像以及图形的时候需要经过精心的筛选，选取一个最能够突出网页内容的图像，并且使用某些软件对图像进行处理，达到预期的效果，在网页当中选择一个最好的摆放位置。把图形文字化或者将文字图形化都是特殊的方式将其内容合理的表达，所以说对于一些将进行图形处理文字，在网页的版面设计当中，这些文字也作为了一种图形来处理。将文字和图片进行结合，不仅仅形式上富有新意，并且能够显得更加的美观。
多媒体元素的使用应符合网络风格的整体性
在设计网页时，一定要应按照原有的主题，依照其主体使用听觉视觉的方式来呈现个观赏者，其多媒体元素使用是用来服务主题的，既要美观又要突出网站的功能。
多媒体技术与艺术相结合
由于多媒体技术的飞速进步，让其在创作的过程就忽略了美观性。所以，将艺术以及科技完美的融合，能够达到更好的效果。多媒体技术的不断进步推动者网站的建设不断的完善，多媒体技术在网站上的应用已经成为了以后发展的趋势，有着宽广的发展前景。
减少多媒体元素格式的使用失误
在网页当中动画内容不应有太多，应于实际情况相结合。多媒体元素的格式完全影响着打开网页的速度，假设网页打开过慢，则浏览者则失去耐心，不愿等待，所以合理设计网页是不可忽视的重要环节。
3、结语
使用者能够使用网站无论在任何时间或者地点接收和发送信息，因此不再受环境和时间的限制。网络媒体已经变成了重要的传播途径，如果注意多媒体元素的合理应用，就能够让客户观看更加有效率。多媒体技术的应用以及体现在社会的各个地方，为人们的生活和工作提供了便利，今后多媒体的应用也会给人类带来巨大的改变。
电脑网页设计风格 第21篇
关键词：数字技术；视觉传达设计；效果；影响
科技的进步和经济的发展使得许多高新技术产品不断涌现，在一定程度上模糊了消费者对产品的了解与认识，导致产品设计与功能的同质化。随着数字技术的发展，其影响范围和应用领域不断扩展，尤其是在视觉传达设计方面的应用，其能够有效改变这一情况，提高信息传播的快速性与准确性，及时向消费者传达信息，吸引其关注产品。同时数字技术的有效应用，影响了视觉传达设计效果，使其不再是静态化与平面化的视觉效果，改变了以往单一的传播形式，为观众提供了更为刺激与新鲜的视觉体验，增强了设计的欣赏性与直观性。
一、数字技术发展下的视觉传达设计
视觉传达设计作为一门新兴的学科，其是艺术、经济和科学相结合的产物，标志着人类进入到现代化社会。对于视觉传达设计而言，其主要兴起于19世纪中叶，当前在科技发展的背景下，以网络和电波为媒介进行信息传播，具有丰富的内涵和多样化的时代特征，为人们带来了丰富多彩的视觉享受和体验。随着数字技术的不断发展与进步，基于计算机的数字信息处理技术已经成为数字媒体设计的重点与核心，需要以计算机为基础来进行多媒体设计，确保信息的交互性与逻辑性。总而言之，利用数字技术设计的作品多是以计算机软硬件为依据，由用户参与者与专业设计人员共同完成。视觉传达设计同样是以数字技术为传播手段，充分表达信息，这使得视觉传达设计的表现手法更为多样，载体更加丰富与广泛。
二、数字技术的发展对视觉传达效果的影响分析
数字技术的发展对视觉传达效果的影响主要表现在以下几方面：一是虚拟化。数字技术的重要特征之一就是虚拟化，数字技术的发展改变了信息的存储及存在状态，人们能够利用数字技术形象化自己想象的事物，营造虚拟的环境来产生身临其境之感，给人们带来听觉和视觉等的真实感受。虚拟化设计并不能与客观事物的原物原形相等同，视觉传达设计利用多样化的虚拟手法与手段，以此实现事物本质的真实性。例如2010年上海世博会开幕时，中国馆通过动漫制作和电子影像等技术展示电子动态版的《清明上河图》，对北宋汴梁的繁华市井进行生动再现，使观众直观感受与体验北宋时期的习俗风情和社会生活，增强了视觉丰富、形象和生动的冲击力。
二是简约化。简约化是视觉传达设计的重要目标和表现形式，其设计能够使作品的特征与主题更为突出，删减琐碎情节与不必要内容，将作品的意图进行有效传达，保证设计的效果与目标性。简约化设计主要是通过简约的特征强调与提炼各种信息内容，实现信息的准确与及时传达。在视觉传达设计中采用简约化的方式时，由于表现形式趋于简约化，重点强调主体，给人以足够的想象空间，使人们能从细节部分感受作品的丰富韵味，确保设计效果符合大众的审美需求。在数字技术发展的背景下，视觉传达设计的简约化，表现手法更为轻松与自然，设计语言更加朴实，设计表达的外延与内涵更为深刻，具有持久的生命力。
三是多维化。视觉传达设计中的多维化主要指的是观众与设计者之间的交流与互动，能够增强设计效果，确保设计表现形式的多样化。在视觉传达设计过程中，综合运用多媒体技术和数字技术，将相关设计领域与视觉传达领域相结合，从而使传统的平面图形逐渐转化为空间处理，也使单向的信息传递转为双向信息的交流互动，推动了视觉传达的多维化发展。总之，在数字技术不断发展的背景下，视觉传达设计具有了更加广阔的平台与空间进行创新发展，在表现形式叠加、文字设计、图形重构与解构、图形绘制等方面的视觉效果更为强烈，增强了平面图形的立体感与空间感，也使得视觉传达信息具有多维性特征。
四是异质化。视觉传达设计效果对异质化的现象十分注重，而设计的异质化就是指设计中位置、强弱、大小、色彩、音响、文字和画面等的变化带给人的不同感觉。当前各种技术不断更新与发展，要想提高视觉传达的效率，需要保证传达方式的准确性，利用视觉异质化的形式表现信息，这样复杂抽象的信息会变得简单直观，加深人们对信息的理解与印象。设计人员在创造作品的过程中，有意进行异质化设计，采用具有冲突性质的视觉符号，从而给人独特的视觉感受。随着数字技术的发展和完善，设计人员能够利用先进的技术与设备对设计构思进行自如表达，保证视觉传达的异质性，引起受众的注意，从而实现信息传达的目的。一般而言，设计效果的异质化需要以设计方法的创新为衡量依据加以实现，给人愉悦的感受，使人能准确理解传达的信息并产生联想，避免视觉效果的雷同化与同质化。
三、结束语
视觉传达设计作为科学、技术、艺术等多门学科相结合的综合性学科，其视觉效果和表现形式在数字技术发展的背景下发生了深刻的变化，迎来了新的市场，形成了全新的视觉空间和思维空间，为人们带来了丰富多样的视听体验。数字技术的发展，在一定程度上重构了人们的现实，决定与控制着文化、经济和社会的发展方向。因此在视觉传达设计过程中，需要合理运用数字技术，积极探索新的方法和手段，创造出具有独特效果和时代特征的作品，推动视觉传达设计领域的深层次发展。
参考文献：
[1]王志刚，臧之筠.数字媒体对视觉传达设计的影响分析[J].江苏技术师范学院学报，2014，02：64-66.
[2]周越，董是非.数字媒体影响下的视觉传达设计研究[J].美术大观，2014，08：151.
[3]王亚萍.计算机技术对视觉传达设计的影响[J].电影评介，2010，05：90+93.
[4]余森.数字时代视觉传达设计的新思维探讨[J].戏剧之家，2016，03：182.
电脑网页设计风格 第22篇
【关键词】道路交通;标志;设计分析
公路建设目的就是满足人和物的移动, 达到安全、便利、有效和经济方面的需要。道路交通标志是道路使用的说明书, 是一种无声语言, 是保证行车畅通、有序、安全的重要设施, 同时还是道路的装饰、形象、美化工程，道路交通标志是依据交通法规及国家有关的标准制定的, 是交通法规的具体体现, 道路交通标志用以管理道路交通的安全设施。在道路交通标志设计与实施中, 标志信息的强制性和安全性因素是道路设计者重点加以考虑的关键因素之一。
1．交通标志的作用与设置特点
公路标志在现代道路交通中发挥着重要的作用。交通标志设置的原则和特点主要有以下几方面：
一般情况下标志均设置在公路的右侧，驾驶员正急于寻找的位置。对于像超车道、行车道、紧急停车带这类车道划分和道路指示标志，设置在路侧确有困难时，通常采用门架式支撑，将标志板安装在公路上方，为了便于驾驶员判读，确保交通安全，在高速公路终点附近，还将一些禁令或警告标志设置在中央分隔带内。
交通标志的设置位置均保证标志与标志之间互不影响，而且没有其它结构物阻挡视线。
互通式立交及服务区附近的标志设置，以交通车辆接近交叉口或分流、合流处不会影响驾驶员视线为原则。
标志设置能保证驾驶员有足够的反应时间以便作出安全运行所必须的判断。因此，为了使标志内容起到应有的作用，标志的设置应有一段提前量。这里，还需要明确一点，即版面尺寸越大，标志内容越简单，这个距离提前量可以越小。
标志板正面面向来车方向，与公路走向基本成直角布置，板面稍向内倾斜。关于路侧标志的倾斜问题，目前尚有不同意见。有些国家的规范认为，只有当标志板与路肩边缘相距9m以上时才向内倾斜，当标志板与路肩外缘相距不足9m时，为防止反光造成的目眩现象，反而将它向外倾斜3°。
2.道路交通标志的设计分析
对于道路交通标识系统来说，图形、符号、色彩、文字和版式等平面设计元素是交通标志设计的重要组成部分。
图形设计
相对于文字标志，驾驶员对图形、符号标志更容易理解。在低亮度、快速显示等相对困难的视觉条件下，图形符号无论在辨认速度还是在辨认距离上均比文字信息要优越。用图形符号来表示信息的另一优点是不受语言文字的限制，只要设计的图案形象、直观，不同国家、不同民族、不同语言文字的驾驶人员均可理解、认读。一方面，图形设计要具有简练、直观性。标志图形要求与代表的客体的主要特征、结构相似，把自然的物体抽象化和几何化，删掉一些细节，表现物体的主要特征，让形更加简洁、直观，不仅极其清楚地为人们提供必要的资料，而且又以和谐的构图给人的视觉带来一种愉快的感觉。另一方面，标志图形所传达的意义应该准确，有吸引性。一切艺术的形式本质，都在于其能传达的某种意义。图形不仅要简洁明了，还要有效吸引人的注意，并准确传达信息，不造成道路使用者对图形信息产生歧义或模糊的理解。
色彩设计
色彩是眼睛对不同波长的光所产生的视觉效应，这种生理作用进一步冲击到人们的心理，从而产生了色彩心理效应。由于色彩在色相、明度和纯度上的不同属性，能带给人不同的心理效应。例如色彩的轻重感、进退感、距离感、胀缩感以及色彩的兴奋与冷静感等。充分认识色彩的生理与心理特性，能够使其在交通标志的色彩设计中发挥重要的作用。首先，通过颜色的刺激，使人很容易从复杂的驾驶环境中辨认出交通标志。例如红色和黄色等暖色是前进色，给人以紧迫感，视认性好。其次，通过颜色的象征性和联想性作用，使人能迅速地解读交通标志的内容。例如，红色对人的视觉和心理有一种危险感的强烈刺激，中国将其作为危险性最大、法制性最高的禁令类标志的用色；黄色具有明亮和警戒的感觉，用在注意危险的警告类标志上；蓝色和绿色使人产生宁静和平与舒适的感觉，用于指示和指路类的交通标志。另外，为了提高标志内容的可读性，可以使内容与背景形成鲜明的色彩对比。如文字与背景色的搭配，易辨认的顺序是：黄底黑字，黑底白字，蓝底白字，白底黑字等。此外，可以用色彩强化信息的区分。例如：不同的文字或指示符号，可以利用不同的色彩来强化信息的不同，让人更加容易识别。还有，色彩还能展示地方特色。
文字设计
道路交通标志尤其是指路标志中，文字是传达信息最直接的工具，如何快速准确地把信息传达给道路使用者，其本身的设计质量起关键因素。道路交通标志中，文字形式大概有汉字、数字、英文，少数民族地区还宜有少数民族文字。无论采取哪种类型文字，字体、字号、字体颜色都必须设计得合理规范。版面上的字体要统一，字号大小要根据信息主次关系而定，字距要适中，排列要协调，体现易读性高和美观相结合的特点。字体设计中，不应简单调用电脑字库中的字体，应考虑多种因素，进行有效实验后而进行设计。
版面设计
交通标志的版面设计是道路交通信息的具体反映。首先，排版要体现实用性和美观性。标志牌上的图形、符号、文字等要素编排要美观、合理，符合人的视觉流程和认知心理。并且使道路语言体现得更生动，信息传递更准确有效。其次，要控制版面信息量，防止信息过载。信息量要根据路况和人的视觉生理特点来合理安排。另外，要合理设计版面的比例和尺寸。版面大小要根据标志信息量的多少，具体道路线形特征和道路使用者行动特点合理设计，美的比例和适合的尺寸，可以使其在外观上为城市风貌增加美感享受，并且还有利于节约材料。
电脑网页设计风格 第23篇
1基于计算机软件技术的模块化网页技术介绍
在计算机软件技术支持下，进行网页包装与设计需要分模块来进行，在不同的模块中应用的技术方法也要做出区分，长时间处于这样的环境下，很难确保管理任务达到理想的使用标准，技术方法也是不断发展变化的，能够提升软件的使用稳定性，在功能上也能够与设计方案保持一致。网页包装设计要体现出个性化，在使用功能与页面选择上都要保持整体性，网页设计同样需要计算机软件的支持，在技术上体现出对系统的保护设计，这样当发生质量不达标的现象时，才能通过技术方法来规避，并避免在接下来的设计中出现严重的隐患问题。所设计的网页也能顺利投入到使用环节中。子模块是网页整体中的一部分，该模块的设计关系到网页功能是否能够正常实现，基于计算机软件技术环境下所进行的模块设计难度比较大，需要采取定向研究的方法来进行调控，首先保障网站包装设计的功能能够实现，再进行细节上的补充，完成设计任务。
2基于计算机软件技术的网页包装技术实现
（1）对HTML语言的扩充。网页包装设计期间，使用HTML语言来进行汇编，在设计过程中，系统中能够形成稳定的使用标准，并且随着基层中常见的技术问题产生，语言扩充也能够起到预防控制作用，技术应用阶段需要在语言中添加一些常用的功能语句识别程序，可以节省大量的网页请求分析时间，并在基层中形成稳定的使用标准，一旦出现网络不稳定的情况，也能够将用户浏览到的界面保存，避免重要的信息资料丢失。在语言扩充期间，需要根据模块来记性归类，避免出现语言混乱的情况，可以使用不同的背景对语言模块进行填充，这样更方便区分，不容易出现汇编遗忘或者重复的现象。
（2）对Web服务器的改进。Web浏览器是常用的网页浏览信息，浏览器在使用期间可能会出现请求应答延迟的现象，在技术方法中都能够得到有效的解决，这样才能够确保网页功能的正常实现，并通过技术性方法来促进计算机软件得到及时的更新。浏览器的处理功能中，大部分是关于临时文件来进行的，改进时可以保持原有的设计框架不变，这样能够节省大量的时间，并对设计内容进行定向的调节控制，这样能够节省大量的框架结构形成时间，并在现场形成更理想化的运行体系。
3计算机软件技术中的模块化网页技术作用和意义
（1）高效地组织和维护Web上的信息资源。通过计算机软件技术，能够达到更理想化的使用标准，使用期间针对信息资源进行整合，帮助提升使用效率，并达到理想的运行标准。通过计算机软件技术能够帮助提升信息资源的利用效率，与实际情况保持一致，并且更新效率也能快速的提升。网页模块的设计也会通过模块方法来进行控制，观察网站中可能会出现的问题，采取技术手段来控制，观察网页计算中可能会出现的问题，并对现场采取技术控制方法，观察发现隐患问题后，可以第一时间解决，确保网站的运行稳定性。
（2）提高浏览网页的速度。计算机软件技术应用后，可以帮助提升使用网页的浏览速度，并避免出现数据库损坏或者丢失的现象，浏览器之间的运行配合能够使数据信息内容更丰富，用户通过网页所提出的请求也拥有更大的搜索范围，在时间与效率上自然能够得到明显的提升。技术创新是通过计算机软件技术来实现的，软件中的功能需要配合框架来进行，当发现在使用期间可能会出现一些质量隐患现象时，系统会第一时间将这种情况反馈到系统中，方便技术人员能够第一时间查看。网页中各个模块在设计时会重点区分内容，并在功能上相互进行，互相配合达到最高效的使用效果。网络状态下网页内的信息会不断的更新，与实际情况保持一致，用户也能找到自己需要的信息。当请求新页面时，新页面中那些已经在本地有副本存在的子模块就可以在本地得到，不需要再到Web服务器上去取，从而提高浏览网页的速度，减少了网络的数据流量。
结语
文中提出了模块化网页设计技术，通过子模块的制作，可以在许多页面之间共享子模块中的信息;而且，在一定程度上保证了网站信息的一致性。通过对已经浏览过的模块进行存储可以提高网页浏览速度，降低网络数据流量和服务器的工作负担，有助于提高搜索引擎的搜索精度和效率，对于Web应用研究具有一定的参考价值。
参考文献
[1]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,20xx(03).
[2]王国庆.探究基于DIV+CSS技术的网页设计优化方法[J].信息与电脑(理论版),20xx(02).
电脑网页设计风格 第24篇
论文摘要:在现代视觉传达设计中,时时流露出传统的美学观的影响。本文分析了这些影响,并肯定其积极的因素。指出它将会有助于发展本民族的视觉传达艺术。
从我国文化发展的历史经验来看,一个国家、一个民族文化的发展,要想立于不败之地,就要勇于吸收,敢于继承,善于交融。无论是从我国早期华夏文化的形成到两汉文化高峰的出现,还是盛唐文化受到西域、印度文化的影响而发扬光大,无不表明,只有勇于吸收.才能发展;只有敢于继承、善于交融,才能真正成为自己文化的主人。在招贴艺术方面,我们也还是应该“立足中华,面向世界”,既要尊重民族艺术的独特性,体现中华民族的审美心理,又要反映现代人的内在精神追求。在视觉传达设计中,我们也要“寻根”,寻找我们民族传统文化中为其他民族所不及的思维优势和独特风采。艺术始终要讲内在的延续,一种艺术形式的产生及被容纳,需要特定的历史文化背景,其中包括一个民族的生活方式、习俗、伦理道德、审美习惯等,它们构成了潜在的深层文化结构,深锁于民族的心理和精神之中,调节和制约着民族文化的发展和外来文化的介入。正因为这样,作为外来的视觉传达设计,在中国设计者的作品中,时时流露出传统的美学观潜移默化的影响。分析这些影响,肯定某些积极的因素,将会有助于发展中国特色的视觉传达设计艺术。下面,就从这个角度进行一定的剖析。
首先,视觉传达设计传达信息。鼓动宣传的作用肯定了它的特殊形式。它不同于架上油画或版画,它要求一目了然,简洁明确,使人在一瞬之间,一定距离外能看清楚所要传达的事物。为了达到这个目的,画面往往采取一系列假定手法,突出重点,删去次要的细节、细部,甚至背景,并可以把各个不同的比例,把在不同时间,空间发生的活动组合在一起。并经常运用象征手法,启发人们的联想。因此,它的构思要能超载现实,构图要概括集中,形象要简练夸张,要以强烈鲜明的色彩为手法,突出醒目地表达所要传达的事物,表现物与物之间的内在联系,赋予画面更广泛的含义并使人们在有限的画面中能联想到更广阔的生活,感受到新的意义。在这些方面,中国传统的美学观,能够为设计者提供大量的营养。
例如,构思上的“以一当十”、“以少用多”的精炼,构图上“计白当黑”“无画处皆成妙境”的简洁,“疏可走马,密不透风”的对比关系,“似与不似之间”的形象夸张,都是先辈留给我们的宝贵财富,它们已经在我国视觉传达的设计中得到充份体现。香港着名平面设计大师靳棣强,创作了大量文化招贴。他认为,美的原则有三条:立意—意念先行,以形取神;创新—承先启后,破旧立新;活用—适身合用,灵活生动。这实际上强调的也是老庄的哲学思想,也是中国山水画的表现意境。他主张把中国传统文化的精髓,融合到西方现代设计的理念中去。他的许多作品都无一例外地体现着这种思想,在其招贴设计《自在》系列中,运用了中国的水墨画技法,融合了现代技术的特殊机理效果,现代又不失传统。2008年的申奥标志可以说是一个很好的范例,整个标志造型没有对传统造型的直接借用,而是运用了中国特有的介于似与不似之间的写意手法,恰到好处的传递出“中国结”和“运动员”两个意象。标志不仅体现了中国文化特有的审美意韵,同时也得到了世界的认同。
前面说过,视觉传达设计属于“瞬间艺术”。好的作品要做到既要让人“一目了然”还要做到让人“一见倾心”,为它所吸引,顾盼之余,留下较深的印象。这就要求视觉传达设计具有精湛的构思。任何艺术,都不能说明一切,特别是视觉传达设计这种特殊的艺术形式,在有限的时空条件下,能使人过目难忘,回味无穷,那就需要做到“以少胜多”“一以当十”。
中国传统艺术讲究均衡和内在的节律。我国篆刻艺术中有所谓“疏可走马、密不透风”的布局法则,强调变化中的均衡,这既符合科学上相对的原理,也符合艺术上形式美的规律。在视觉传达设计中,动与静,疏与密,多样统一,宾主呼应,虚实相生,纵横曲直,黑白对比,重叠交错等传统构图法则也屡见不鲜。此外,远古的铜器纹样、画像石、金石篆刻、特别是中国画,巧妙的运用白底的匠心。民间剪纸和兰花布粗犷豪放的黑白关系,明代木刻插图的疏密聚散,都可以在现代招贴艺术的构图中得到印证。
我们从来不曾用如实的描写、逼真的再现要求过中国传统艺术,没有人指责某些山水画不符合焦点透视的原则,也没人批评传统戏曲程式化的表演模式,因为我们对自已的传统艺术有一个固定的观念,懂得抽象的形式美在造型艺术中的重要价值。中国传统艺术讲究形神兼备,讲究概括与变形,齐白石“画虾几十年才得其神”,就有一个不断概括、不断深人的过程,他最终敢于舍弃虾的次要部分而突出主要特征,使母虾的形象更为完美、更为生动。齐白石提出的“作画妙在似与不似之间”的说法和石涛的“无法而法,乃为至法”的说法是相通的。联系他的作品和实践可知,他主张的“不似”正是为了以 “不似”其实是在“似”的基础上发展起来的,决不是“似是而非”,而是利用了欣赏者相应的联想作用使形象更有概括性。再看我们的视觉传达设计,就“似与不似”的观点来考察,就形象的简明与富于概括这一点来衡量,很多形象显然不是生活的简单模仿,某些概括的形象显然与素材有很大的差别。由复杂到单纯由繁杂到简洁,必须承认这是一种难能可贵的提高。作品的魅力,决不只是以外形的逼真为转移。有时候,欣赏者不是简单地接受宣传,同时也是探索、发现和补充,从而得到欣赏的乐趣。正因为欣赏者有所探索,有所发现和创造,作品的主题,才能产生深人的影响。这种特点正符合了视觉传达设计艺术的要求。靳棣强招贴作品“金、木、水、火、土”招贴图形形象设计,也充分显示了这种文化艺术的精神特征,萦绕着极其强烈的现代主义设计的精神光环。