1、平面设计和网页设计有什么区别？我们在学习的时候都知道有着平面设计和网页设计这两个东西。而听别人说其实本质都是很相似的。而真的是如此么？到底平面设计和网页设计有什么区别？下面小编就给大家分享下他们的区别是什么吧。首先我们要知道他们两个到底是什么?平面设计是什么? 平面设计(graphic design)，也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面(page layout)、电脑软件等方面的专业技巧，来达成创作计划的目的。 平面设计通常可指制作(设计)时的过程，以
2、及最后完成的作品。平面设计的常见用途包括标识(商标和品牌)、出版物(杂志，报纸和书籍)、平面广告，海报，广告牌，网站图形元素、标志和产品包装。例如，产品包装可能包括的商标或其他的艺术作品、编排文本和纯粹的设计元素，如风格统一的图像，形状，大小和颜色。组合是平面设计的最重要的特性之一，尤其是当产品使用预先存在的材料或多种元素融合。知识结构设计多元化的知识结构必将要求设计人员具有多元化的知识及信息获取方式。第一步：从点、线、面的认识开始，学习掌握平面构成、色彩构成、立体构成、透视学等基础;我们需要具备客观的视觉经验，建立理性思维基础，掌握视觉的生理学规律，了解设计元素这一概念。第二步：你会画草图吗
3、?1998 年澳大利亚工业设计顾问委员会调查结果，设计专业毕业生应具备的 10 项技能第一位就是：“应有优秀的草图和徒手作画的能力，作为设计者应具备快而不拘谨的视觉图形表达能力，绘画艺术是设计的源泉，设计草图是思想的纸面形式，我们有理由相信，绘画是平面设计的基础，平面设计是设计的基础!”第三步：你还缺少什么?缺少对传统课程的学习，如陶艺、版画、水彩、油画、摄影、书法、国画、黑白画等等，太多太多，你还是问问自己吧!不管如何这些课程将在不同层次上加强了你设计的动手能力、表现能力和审美能力，他们最关键的是让你明白什么是艺术，更重要的是你发现你自己的个性，但这也是一个长期的过程。第四步：“我可以开始设
4、计了吗”?当然不行，你要设计什么?正如你要开始玩游戏了，你了解游戏规则吗?不过你不用担心，你已经进入了专业自身的学习，同时也意味着你才刚刚开始，你将不折不挠，不浮躁不抱怨、务实的、实事求事的态度步入这一领域。第五步：你能辨别设计的好坏，知道为什么吗?上一步通过对设计基础知识的学习，不知不觉你已经进入了设计的模仿阶段，为了向前我们必须回顾历史，既而从理论书籍的学习转变为向前辈及优秀设计师学习。这个阶段伴随着一个比较长期的一个过程，你的设计水平可能会很不稳定，你有时困惑、有时欣喜，伴随着大量的实践以及对设计整个运转流程逐渐掌握，开始向成熟设计师迈进。你需要学会规则，再打破规则。专业知识平面设计是将
5、作者的思想以图片的形式表达出来。可以将不同的基本图形，按照一定的规则在平面上组合成图案的。也可以以手绘方法去创作。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象。而平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。术语1.和谐：从狭义上理解，和谐的平面设计是统一与对比两者之间不是乏味单调或杂乱无章的。广义上理解，是在判断两种以上的要素，或部分与部分的相互关系时，各部分给我们的感觉和意识是一种整体协调的关系。2.对比：又称对照，把质或量反差很大的两个要素成功的配列在一起，使人感觉鲜明强烈而又具有统一感，使主体更加鲜明、作品更加活跃。3.对
6、称：假定在一个图形的中央设定一条垂直线，将图形分为相等的左右两个部分，其左右两个部分的图形完全相等，这就是对称图。4.平衡：从物理上理解是指的重量关系，在平面设计中指的是根据图像的形量、大小、轻重、色彩和材质的分布作用与视觉判断上的平衡。5.比例：是指部分与部分，或部分与全体之间的数量关系。比例是构成设计中一切单位大小，以及各单位间编排组合的重要因素。6.重心：画面的中心点，就是视觉的重心点，画面图像的轮廓的变化，图形的聚散，色彩或明暗的分布都可对视觉中心产生影响。7.节奏：节奏这个具有时间感的用于在构成设计上指以同一要素连续重复时所产生的运动感。8.韵律：平面构成中单纯的单元组合重复易于单调
7、，由有规律变化的形象或色群间以数比、等比处理排列，使之产生音乐的旋律感，成为韵律。元素1.概念元素，所谓概念元素是那些不实际存在的，不可见的，但人们的意识又能感觉到的东西。例如我们看到尖角的图形，感到上面有点，物体的轮廓上有边缘线。概念元素包括：点、线、面。2.视觉元素：概念元素不在实际的设计中加以体现，它将是没有意义的。概念元素通常是通过视觉元素体现的，视觉元素包括图形的大小、形状、色彩等。3.关系元素：视觉元素在画面上如何组织、排列，是关系元素来决定的。包括：方向、位置、空间、重心等。4.实用元素：指设计所表达的含义、内容、设计的目的及功能。递进学习分为入门、进阶、实操三个层次。入门知识学
8、员可在短期内掌握相关的设计原理、Photoshop 位图处理软件、CorelDRAW 矢量图形软件等制图技术;以及平面设计基础理论、思维方式、模块训练、课题设计研究等实践课程。一、基础理论1.平面设计概论：什么是平面设计、平面设计的应用范围、平面设计要素2.平面设计基础：透视、构图、色彩基础、平面构成3.美术作品欣赏：当代优秀视觉作品、当代优秀创意作品、世界优秀美术作品二、Photoshop 基础1、工作界面与基本工作原理：Photoshop 基本工作界面布局、预设工作界面、DIY 工作界面、Photoshop 软件特性与工作原理浅析2、基本工具：选取工具、基本工具、视图操作工具3、图层类型与
9、图层样式的应用：什么是图层、图层工作原理、图层面板的使用、图层类型与图层转换、图层样式的应用4、矢量工具与路径面板的应用：什么是矢量图形、矢量图层与矢量蒙版、钢笔工具的应用、形状工具的应用、路径与路径面板的应用5、菜单与图像菜单详解：Photoshop 菜单、常用命令、图像菜单、图像色彩模式转换、调整菜单6、通道原理与通道面板的使用：什么是通道、通道的工作原理、通道面板的使用、alpha 通道与专色通道的应用7、滤镜的工作原理与应用：什么是滤镜、滤镜的工作原理、滤镜的应用、滤镜效果的组合与简单特效的制作三、Photoshop 操作实例1、选区抠图训练2、钢笔抠图训练3、通道抠图训练4、矢量小图
10、标5、书签的制作6、广告海报的制作7、名片制作8、插画制作9、字体设计四、CorelDRAW 基础1、软件介绍：矢量图概念、矢量图的特性与应用范围、CorelDRAW 简介与工作原理2、工作界面与视图操作：CorelDRAW 工作界面布局、工作界面的导入与导出、DIY 工作界面、CorelDRAW 视图操作3、工具箱简介4、基本形状工具：矩形工具与椭圆形工具、三点矩形与三点椭圆、多边形与星形工具组、图纸工具与螺纹线工具、常用形状工具5、形状工具的基本应用：使用形状工具基本形状、使用形状工具曲线、使用形状工具多边形和星形6、贝塞尔曲线的特性与操作：贝塞尔曲线的特性、贝塞尔曲线的形态表现、点和线段
11、的形态、曲线的结合与拆解7、曲线工具：曲线的绘制与生成、曲线工具在不同场合的应用8、图形组合：图形组合方式与组合后的效果、简单的图形组合练习、小标志临摹练习9、图形填充与轮廓：对象的填充属性与轮廓属性、填充属性的、轮廓属性的10、交互式工具的应用：什么是交互式工具、交互式工具的特性、交互式工具组及其应用11、泊坞窗：常用泊坞窗的使用、泊坞窗参数详解、具体对象泊坞窗的应用五、美术基础训练1、素描基础：什么是素描、画材与画笔、画面构图、调子与素描关系、透视的应用、点线面在美术中的运用、形状观察与概括技巧训练、立体视觉的形成、2、人物速写(选修)：速写的定义、人体比例与五官比例、人体结构、人物观察技
12、巧、速写中线的用法、人物动态的把握、人物写生训练进阶课程培养目标：以培养平面设计专业人才为目标。通过本专业的系统学习，学员可在短期内掌握相关的设计原理、Photoshop 软件、CorelDRAW 矢量软件、Illustrator 矢量软件平面等制图技术;以及平面设计材料知识、操作流程、模块训练、模拟与客户交流沟通等实践课程。一、平面设计理论：1 平面设计原理;2.平面设计师具备的素质;3.平面广告创意;4.平面广告创意的思维方式 5.平面广告创意的表现方式 6.不同风格学习 7.不同行业平面设计的属性、特点 8.模块训练理论二、PhotoShop：1. 工具栏;2. PhotoShop 图层
13、、蒙版、路径、通道与滤镜;3. PhotoShop 合成处理图像，4. 平面设计制作三、CorelDRAW：工具栏;2. CorelDRAW 矢量绘图;3. CorelDRAW 文字、卡通制作、宣传册、标志等平面设计内容。四、Illustrator：1. Illustrator 工具栏;2. Illustrator 矢量绘图;3. Illustrator 名片设计、字体设计、文字排版、企业形象识别系统(VI)、制作公司手册等平面设计五、印刷工艺：印刷种类/印刷设备种类/常识/纸张开度/四色印刷/专色印刷/网点线数/角度/纸张克重/出血/套印/拼版的操作方法与注意事项：印后工艺：烫金/覆膜/上光
14、 UV/胶/膜切知识。印刷流程：设计样稿/CMYK 成稿/校对/菲林/印刷。介绍实际工作中的喷绘工艺知识、喷绘写真制作流程、电脑喷绘质量的主要因素以及实际工作中影响喷绘输出效率的因素。实操课程1.标志设计：标志的分类，标志的功能，类别与特点，标志构成的设计构思，表现手法，组合形式，标志设计的基本原则，商标与标志的区别。2.吉祥物设计：吉祥物的设计标准，创意，取材，理解品牌与色彩运用 。3.艺术字设计：字体分类，美术字的书写规律与变化法则，艺术字体设计原则，艺术字体设计方法，标准字体。4.展板设计 ：平面广告创意设计基础，版面构成要素，创意设计表现形式，广告设计流程，平面广告制作手法。5.指示牌
15、设计：户外广告理论知识，户外媒体优缺点，户外广告制作手段。6.证卡设计：平面设计色彩心理反应，证卡尺寸，设计注意事项。7.名片设计：平面设计色彩运用，名片的尺寸，不同行业制作名片的特点。8.宣传折页设计：版面构成在平面设计中的应用，版面构成的原则，版面构成的形式，封面，内页的制作。展架设计：喷绘知识，喷绘与写真的区别，喷绘和写真图像输出要求，怎样使喷绘画面不偏色，喷绘材料的选择，画面合成。X 展架X 展架(7 张)10.店面门头设计：不同店面门头设计的注意要素，门头材料的选择。11.画册设计：装帧设计基础知识，装帧设计必须具备的要素，装帧设计开本尺寸与规格，装订，装帧设计内容及功能。12.商业
16、海报设计：海报设计基础知识，海报的设计内容，海报的表现形式，海报的设计准则，海报构图，海报的字体安排，海报的规格。13.企业形象识别系统(VI)设计：的基本知识，CIS 的具体组成部分，优秀 VI 对企业的重要意义，VI 设计的基本原则，VI 设计的流程。14.报纸广告设计：报纸广告设计基础知识，报纸稿版式，报纸稿设计要点。15.包装设计：包装设计概述，包装设计一般流程，包装设计计划书，包装设计基本构成要素，包装的形式。16.综合广告设计：空间广告布置，效果图设计，车体广告设计。构思想法构思即根据设计要求，运用艺术创意手段，经过精心思考，将有关材料进行创造性的组合，在头脑中形成一个意象的过程。
17、构思基于对设计要求和设计主题的了解，而构思最终形成的意象则决定于设计者的经验、艺术修养、审美趣味、创造力等个性的因素。定位根据设计要求和表现内容，推出主题，同时进行风格定位。想象根据内容和主题，发动经验，进行联想与想象，增大与主题相关意象的容量。选取从联想到的多个意象中选定一个或多个较为成熟的意象。推敲根据受众群的审美趣味和理解能力，确定设计风格，推敲意象表达方式(构图、色彩、肌理等)。加减与文案相加，形成整体设计风貌，必要时对意象表现进行舍弃处理，保证设计的整体感、视觉冲击力与美观度。调整“调整”即在设计制作过程中，根据实际情况随时进行调整。调整是在美观性原则的指导下，添加、删减造型元素，变
18、化各部分大小与比例关系，最终达到预期效果的过程。调整过程贯穿制作的始终。一般流程平面设计的过程是有计划有步骤的渐进式不断完善的过程，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。设计之美永无止境，完善取决于态度。市场调查调查是了解事物的过程，设计需要的是有目的和完整的调查。背景、市场调查、行业调查(关于品牌、受众、产品)、关于定位、表现手法、调查是设计的开始和基础(背景知识)。内容框架内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。设计理念构思立意是设计的第一步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。调动视觉
19、元素在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬“，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为：标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。例如在版式当中常常借助框架(也叫骨骼)，就有很多种形式，规律框架和非规律框架，可见框架和隐性框架;还有在字体元素当中，对于字体和字型的选择和搭配的好坏就是一个非常有讲究的。选择字体风格的过程就是一个美学判断的过程，还有在色彩这一元素的使用上，能体现出一个设计师对色彩的理解和修养。色彩
20、是一种语言(信息)，色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。善于调动视觉元素是设计师必备的能力之一。选择表现手法手法即是技巧，在视觉产品泛滥的今天要想把受众打动以并非易事，更多的视觉作品已被人们的眼睛自动的忽略掉了。要把你的信息传递出去有几种方法呢?一种是完整完美的以传统美学去表现的设计方式，会被受众欣赏阅读并记住。二种是用新奇的或出其不意的方式可以达到(包括在材料上)三种是疯狂的广告投放量，进行地毯式的强行轰炸。而我们更需要那一种呢?虽然三种方法都能达到目的，但我们清楚他们的回报是不同的。我们在三大构成中学过很多种图形的处理和表现手法，如对比、类比、夸张、对称、主
21、次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片、等等。那么你要选择那一种呢?这取决于你的目的和目标群体，以及你的设计水平。平衡平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡感也是设计师构图所需要的能力，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。出彩记住，你要创造出视觉兴奋点来升华你的作品。关于风格作为设计师有时是反对风格的，固定风格的形成意味着自我的僵死，但风格同时又是一个设
22、计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为“了解大同，才能独走边缘“。制作检查项目包括：图形、字体、内文、色彩、编排、比例、出彩要求：视觉的想象力和效果要赏心悦目，而更重要的是被公众理解。设计理念表现意义1. 设计家的特殊的语言设计师的想象不是纯艺术的幻想，而是把想象利用科学技术使唤之转化为对人有用的实际产品。这就需要把想象先加以视觉化，这种把想象转化为现实的过程，就是运用设计专业的特殊绘画语言。把想象表现在图纸上的过程。所以，设计师必须具备良好的绘画基础和一定的空间立体想象力。设计师只有精良的表现技术，才能在给图中得心应手。才会充分地表现产品的形、色、质感到意涵，引起人们感
23、觉上的共鸣。设计师面对抽象的概念和构想时，必须经过具体过程。也就是化抽象概念为具象的塑造，才能把脑中所想到的形象、色彩、质感和感觉化为具有真实感到意涵的事物。设计的过程是非常微妙的。一个好构想会瞬息即逝， 设计师必须立刻捕捉脑中的构想才行。设计是一项为不特定的对象所做的行为，往往要超越国界、时空等距离。可以用语言、文字来描述、传达。但是，作为人类共同语言，设计者必须具备的又不可缺少的技能-绘图。绘图的意义就像音乐家手中的五线谱一样。一目了然。所以说，设计表现的表达能力是每一位设计者应具备的本领。2. 设计领域的沟通工具在设计师思考的领域里，采用的是集体思考的方式来解决问题。互相启发，互相提出合
24、理性建议，经帮结构上的比较。再说现代工业设计不同于传统的手工艺品的设计和制作同出一人之手。而现代工业生产的产品设计者和生产制造者不可能是个体，工业设计经常是一种群体性的工作。因此，产品造型设计师在构想制作产品之前，就必须向有关方面人员-企业决策人、工程技术人员、营销人员乃至使用者或消费者，说明该产品的有关情况，使该产品在政策不变的情况下，制造出最有利于生产美观且受欢迎的产品。产品在生产酝酿过程中，生产者对产品的了解程度愈高，就能更好更顺利地组合产品，并使其更具效率。这一系列的说明和陈述工作构成了表现的基本内容和任务。3. 推销产品的武器许多产品设计公司，在生产出新型产品时，要推销产品，运用摄影
25、技巧，加上精美的说明文，作广告宣传。但是摄像机无法表现超现实的夸张的富有想象力的画面。这时运用绘画专业的特殊技法，效果上更突出。因为人类具有很强的表现能力，可以随意添加主观想象，将产品夸张或有意的简略概括。与摄像机相比，表现图比摄像机拍出的产品多了几分憧憬和神秘感。照相机技术无法满足无穷无际的想象。所以说，设计表现图是推论销产品的武器。表现图1. 传真通过色彩、质感的表现和艺术的刻画达到产品的真实效果。表现图最重要的意义在于传达正确的信息。正确地让人们了解到新产品的各种特性和在一定环境下产生的效果。便于各种人员都看得懂，并理解。然而，用来表现人眼所看的透视图，却和眼睛所看到的实体有所差别。2.
26、 快速现代产品市场竞争非常激烈，有好的创意和发明，必须借助某种途径表达出来，缩短产品开发周期。无论是独立的设计，还是推销你的设计，面对客户推销设计创意时，必须互相提出建议，把客户的建议立刻记录下来或以图形表示出来。快速的描绘技巧便会成为非常重要的手段。3. 美观设计效果图虽不是纯艺术品，但必须有一定的艺术魅力。便于同行和生产部门理解其意图。优秀的设计图本身是一件好的装饰品，它融艺术与技术为一体。表现图是一种观念，是形状、色彩、质感、比例、大小、光影的综合表现。设计师为使构想实现，被接受，还须有说服力。网页设计是什么? 网页设计(web design，又称为Web UI design，WUI d
27、esign，WUI)，是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。网页设计一般分为三种大类：功能型网页设计(服务网站有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的 Web 站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。充分利用已有信息，如客户手册.公共关系文档.技术手册和
28、数据库等。设计思路简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。
29、这样的网页才算真正的美的设计。网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。色彩作用色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有 CIS(企业形象识别系统)，应按照其中的 V
30、I 进行色彩运用。形式内容为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。三维空间的构成网络上的三维空间是一个假想空间，这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强
31、烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。虚拟现实人们已不满足于 HTML(标准通用标记语言下的一个应用)编制的二维 Web 页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在 Web 网上展示其迷人的风采，于是 VRML 语言出现了。VRML 是一种面向对象的语言，它类似 Web 超级链接所使用的 HTML 语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。多媒体网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的
32、内容可以用三维动画、FLASH 等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。便于使用如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢?使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。导向清晰网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动
33、加载图片的观众能够了解图片的含义。快速下载时间很多的浏览者不会进入需要等待 5 分钟下载时间才能进入的网站，在互联网上 30 秒的等待时间与我们平常 10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过 10 秒。非图形内容在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的 Java 动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。让客户明确您所能提供的产品或服务并让他们非
34、常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗?是在线还是离线?因此，如果是产品或服务介绍网站，应该有留言、电话、在线咨询等功能或信息呈现。在企业的 Web 站点上，要认真回复用户的电子邮件和传统的联系方式如信件.电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解.售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。测试改进测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。内容更新企业 Web 站点建立后，要不断更新网页内容。站点信息的不断更新
35、，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。1. 输入控件的自动聚焦和可用键盘切换输入焦点使用 JavaScript 实现页面加载完成后立即自动聚焦(focus)到第一个输入控件。可用 TAB 键(IE 缺省实现)或方向键切换聚焦到下一个输入控件。2. 可用 Enter(或 Ctrl+Enter)键提交，确保和点击提交按钮的效果是相同的不要在提交按钮上加入 onClick=”这样的
36、JavaScript 代码。3.鼠标动作提示和回应对用户的鼠标定位操作，当移动到可响应的位置上时，应给予视觉或听觉的提示。4.尽可能早的在客户端完成输入数据合法性验证输入数据的合法性检验应该在客户端使用 JavaScript进行验证。除非验证只能在服务器端完成，否则验证工作应在最早能完成的情况下进行。5.根据应用场景决定在表单页面和提交后返回页面间是否使用中间过渡页面根据应用场景，决定是否显示接收表单页面(表单页面和提交后返回页面间的中间过渡页面)，以及使用何种方式显示接收表单页面。6.防止表单重复提交处理对提交按钮点击后做变灰处理避免在网络响应较慢情况下用户重复提交同一个表单。使用页面过期失
37、效避免用户后退浏览重复提交表单。7.页面链接是打开新窗口、使用原窗口还是弹出窗口的原则一般而言，首页上链接可以使用 target=”_blank”属性打开新窗口，而其他页面上的链接都应使用原窗口或弹出窗口。如果链接页面内容相对原页面来说不重要，是附属性质的，可以使用弹出窗口方式。8.尽可能少的排列可选项，尽可能少的安排操作步骤根据用户操作习惯安排尽可能少的操作菜单选项，同时要保证尽可能少的操作步骤。9.操作逻辑无漏洞，保证数据是操作安全的多个页面间的操作和同个页面上的多个操作间的逻辑关系在设计上是安全和严谨的。保证不会出现不被允许的用户操作组合，至少不会因为用户的不适当的操作导致出错。网页设计
38、的基本概念在这个页面，你会发现基本的网页设计概念，以及如何他们可以用来提高您的项目的信息。设计到 Web 相关的也有几个原则。其中有接近，对齐，重复和对比。这四项原则的影响，如何被认为网页。接近接近是指在 Web 页面上的元素的元素彼此之间的关系之间的距离。这些元素包括文本，导航，标题，等等。一般来说，并拢的元素，似乎有强大的关系网比元素相距较远。在合适的的插图显示的差异，使得接近。被放置的点远的部分所造成的弱的布局间距宽。两者的区别： 平面设计师：多数要求印刷 需要对印刷相关知识了解 简单的平面设计比如做个超市的招牌，这也是平面设计，高端的平面设计要有创意，有范儿，要有深入的理念，要有商业价
39、值，3 秒内能让浏览者确定要继续品味。要有第一印象，要可以回味，最终以达到商业宣传的效果，做为平面设计师像混口饭倒是容易，如果真想走向国际的水准，那你一定要有过人的天赋和后天地狱般的磨练。网页设计师：需要了解甚至是深入了解用户体验，网页是互动的 不像平面广告一样看看就行了，作为高端些的网页设计师要了解各种网页制作的知识，要了解客户端，要了解浏览器，要了解面向人群，甚至要了解心理学，好的作品有两种目的，第一就是在浏览者大脑中强化印象，提升客户品牌形象(比如德芙，可口可乐，奔驰等等这种大的品牌为的是扩张自己的形象，以成为潜在客户在需要的时候的第一选择为目的，这种网站需要达到的效果是浏览者在浏览的时候有一股子电流从脚底上升然后散开，就像一见钟情的感觉)，第二直接或间接产生订单的成交(比如桃保商城，京东 1 好店等电商，设计非常热闹，要有一种撕心裂肺的叫卖声，不只是减价，是陪了命的减价，)所以好的网页作品设计出的不是看到的内容而已，他设计出的是一种客户看到的心理感受，设计出的是企业或品牌的灵魂。
