AI提要（BLUF）
首先我们必要相识一下网站的页面组成，，，，，，，，网站通常蕴含以下几部门：
首页：网站的门面，，，，，，，，如同公司的形象，，，，，，，，出格注沉设计和规划。。。。。 。
框架页：网站的重要结构页面，，，，，，，，又称次首页、内页，，，，，，，，大型网站往往框架页即首页，，，，，，，，如一些门户网站。。。。。 ？？？？？？？蚣芤持匾峭灸诓恐匾钢髡攀滓，，，，，，，，讲求风格的一致性，，，，，，，，并于主页响应。。。。。 。
通常页：网站重要的承载信息的页面，，，，，，，，设计要求不高，，，，，，，，但要求链接正确、文字无误、图文并茂，，，，，，，，并因循网页的风格。。。。。 。
弹出页：通常用于告白、新闻、新闻、到其他网站的链接等等，，，，，，，，通常用的很少。。。。。 。
通过上面的分析，，，，，，，，我们能够看出：
从职能上来看，，，，，，，，首页重要承担着设置企业形象（当然不仅仅是首页）的作用，，，，，，，，框架页在导
首先我们必要相识一下网站的页面组成，，，，，，，，网站通常蕴含以下几部门：
首页：网站的门面，，，，，，，，如同公司的形象，，，，，，，，出格注沉设计和规划。。。。。 。
框架页：网站的重要结构页面，，，，，，，，又称次首页、内页，，，，，，，，大型网站往往框架页即首页，，，，，，，，如一些门户网站。。。。。 ？？？？？？？蚣芤持匾峭灸诓恐匾钢髡攀滓，，，，，，，，讲求风格的一致性，，，，，，，，并于主页响应。。。。。 。
通常页：网站重要的承载信息的页面，，，，，，，，设计要求不高，，，，，，，，但要求链接正确、文字无误、图文并茂，，，，，，，，并因循网页的风格。。。。。 。
弹出页：通常用于告白、新闻、新闻、到其他网站的链接等等，，，，，，，，通常用的很少。。。。。 。
通过上面的分析，，，，，，，，我们能够看出：
从职能上来看，，，，，，，，首页重要承担着设置企业形象（当然不仅仅是首页）的作用，，，，，，，，框架页在导航方面起着沉要的作用，，，，，，，，好比各栏目内部重要内容的介绍，，，，，，，，都能够在框架页 中体现再进入通常页，，，，，，，，让浏览者可能迅速相识网站各栏主张重要内容，，，，，，，，择其必要而浏览，，，，，，，，而通常页则是重要的信息页面，，，，，，，，也是网站的最终页面，，，，，，，，对于大型网站，，，，，，，，这种 结构极度沉要，，，，，，，，而对于中幼型企业，，，，，，，，网站规模较幼、页面数量不多，，，，，，，，有时框架页就起着通常页的作用，，，，，，，，至于弹出页，，，，，，，，建议您不是必要，，，，，，，，最好不要用。。。。。 。下面具体介绍各 页面的设计技巧：
一、首页设计技巧
网站首页是企业网上的虚构门面，，，，，，，，在此，，，，，，，，提醒上网的企业把稳自己门面的设计，，，，，，，，决不能周旋了事、随轻易便。。。。。 。我们会经？？？？？？？吹接∷⒂琶赖牟纺柯蓟蚋姘，，，，，，，，当您每每 看到那些印有产品目录或告白的优美印刷制品的时辰，，，，，，，，相信您或多或少会对有关的产品形成一种好感，，，，，，，，即便您不会采办，，，，，，，，也必然对这些产品形成肯定水平的认同。。。。。 。而 对于设计毛糙的宣传品，，，，，，，，您注定会疑惑其内容的真实性，，，，，，，，从而对其产品或服务产生质疑。。。。。 。好，，，，，，，，此刻说说网站的设计，，，，，，，，相信您会赞成这种说法：网站的页面就好比是“ 无纸的印刷品”。。。。。 。既然如此，，，，，，，，我们会因而而得出一个结论：良好和专业网站的设计，，，，，，，，如同造作优美的印刷品，，，，，，，，会大大刺激消费者（接见者）的采办欲望，，，，，，，，反之，，，，，，，，您公 司所提供的产品或服务将不会给消费者（接见者）留下较好的印象。。。。。 。值得一提的是，，，，，，，，除非您的企业有专业的网站规划、设计人员，，，，，，，，不然您最好找专业公司或专业人员 为您设计造作，，，，，，，，一个优良的专业设计人员会很快领略您的意图，，，，，，，，并凭据您的建站主张提出建设性的定见。。。。。 。
通常来说，，，，，，，，网站首页的大局不表乎有两种，，，，，，，，一种是纯正的形象展示型，，，，，，，，这种类型文字信息较少，，，，，，，，图像信息较多，，，，，，，，通过艺术造型和设计布局，，，，，，，，利用一系列与公司形象和 产品、服务有关的图像、文字信息，，，，，，，，组成一幅活泼的画面，，，，，，，，向浏览者展示一种形象、一个氛围，，，，，，，，从而吸引浏览者进入浏览。。。。。 。这必要设计者拥有优良的设计基础和审美 能力，，，，，，，，可能致力挖掘企业深层的内涵，，，，，，，，展示企业文化。。。。。 。这种类型的首页在设计过程中肯定要明确要以设计为主导，，，，，，，，通过色彩、布局给接见者留下深刻的印象，，，，，，，，当然，，，，，，，， 我们不能为了设计而设计，，，，，，，，非凡国际主张是营销，，，，，，，，在设计过程中肯定要服膺这一点！
另一种是信息列举型，，，，，，，，通常的大、中型企业网站和门户网站常用的方式，，，，，，，，即在首页中就列举出网站的重要内容分类、沉点信息、网站导航、公司信息等等，，，，，，，，也就是我 们上面谈到的框架页，，，，，，，，这种风格比力适合网站信息量大，，，，，，，，内容丰硕的网站，，，，，，，，由于是以展示信息为主，，，，，，，，这是的设计就要在轻微之处体显祗业形象，，，，，，，，建议设计人员最好仔 细阅读企业的CI手册，，，，，，，，熟悉企业标志、吉祥物、字体及用色尺度，，，，，，，，在网站的部门体现出来，，，，，，，，往往清淡之中一个柔美的切合企业特点的曲线就可能给人以深刻的印 象，，，，，，，，从而将企业形象印在浏览者的脑海里。。。。。 。设计人员在设计过程中要把稳使用这些说话符号来表白一种怪异的企业信息。。。。。 。
二、风格维持一致——内页设计技巧
若何维持网站风格的一致，，，，，，，，是进行内页设计过程中思考的沉要方面，，，，，，，，凭据我的经验，，，，，，，，您能够尝试以下几种设计方式：
1、结构的一致性：我们知路，，，，，，，，网站的统一性在网站营销中占沉要职位，，，，，，，，而网站结构是网站风格统一的沉要伎俩，，，，，，，，蕴含网站布局、文字排版、装璜性元素出现的位 置、导航的统一、图片的地位等等，，，，，，，，到国表驰名的电子商务网站浏览，，，，，，，，你会发现这些网站结构惊奇的一致性，，，，，，，，所分歧的是色彩或内容，，，，，，，，在结构的一致性中，，，，，，，，我们要强 调网站标志性元素的一致性，，，，，，，，即网站或公司名称、网站或企业标志、导航及辅助导航的大局及地位、公司联系信息等，，，，，，，，这种方式是目前网站普遍选取的结构，，，，，，，，一方面 削减设计、开发的工作量，，，，，，，，同时更有利于以来的网站守护与更新。。。。。 。
2、色彩的一致性：方式是维持站点主体色彩的一致，，，，，，，，只扭转部门色块，，，，，，，，利益是一个怪异色彩的网站会给人留下很深刻的印象，，，，，，，，由于人的视觉对色彩要比布局更敏 感，，，，，，，，更容易在大脑中形成影象符号。。。。。 。在色彩的一致性中，，，，，，，，我们强调的是若是企业有自身的CI形象，，，，，，，，最好在互联网中因循这个形象，，，，，，，，给观多网上网下一致的感触，，，，，，，，更 有利于企业形象的设置。。。。。 。一个建议是拔取一两种重要色彩，，，，，，，，几种辅助色彩。。。。。 。
3、利用导航获得统一：导航是网站的一项沉要组成部门，，，，，，，，一个杰出的富有企业个性的导航将会给人留下深刻的印象，，，，，，，，好比将标志的状态寓于导航之中，，，，，，，，或将导航设计在整个网站布局之中等等不一而足，，，，，，，，花点实力在导航上，，，，，，，，也会设计出一个杰出的站点。。。。。 。
4、出格元素的一致性：在网站设计中，，，，，，，，个别拥有特色的元素（如标志、象征图形、部门设计等）沉复出现，，，，，，，，也会给接见者留下深刻印象。。。。。 。好比网站结构在某一点上的变动，，，，，，，，由直线变为圆弧、暗色装点的亮色、色彩中的补色等等。。。。。 。
5、利用图像获得统一： 网页中的图像在使用上肯定要甚之又甚，，，，，，，，尤其是一些动画，，，，，，，，网页中充溢着各类无关紧要的动画，，，，，，，，而这些动画底子与本企业内容无关！当真查抄网页中的动画，，，，，，，，将没用 的删掉！这里我们所说的利用图像获得统一，，，，，，，，决不是在每页中搁置几个动画！而是作为网站结构一部门的部门图像，，，，，，，，凭据网页内容的分歧，，，，，，，，配以相应的图像或动画，，，，，，，， 从而给浏览者形成页面的陆续性。。。。。 。
6、利用布景获得统一：从技术上而言，，，，，，，，网页布景蕴含布景致和布景图像两种，，，，，，，，通常来说，，，，，，，，我们并不提倡使用布景图像，，，，，，，，而使用布景致或色块。。。。。 。原因很显著，，，，，，，，第一，，，，，，，， 下载速度，，，，，，，，布景致的下载速度忽略不计，，，，，，，，而布景图像就得凭据图像字节大幼下载了，，，，，，，，这里必要注明的是，，，，，，，，若是你的布景图像比力深，，，，，，，，那么最好将布景致置为深色调 （默认的布景致是白色），，，，，，，，这样在期待浏览器下载布景图片的时辰前面的淡色文字能够很容易阅读，，，，，，，，由于若是有布景致，，，，，，，，浏览器先将其下载，，，，，，，，而后下载布景图片；；；；；第 二，，，，，，，，显示成效，，，，，，，，经？？？？？？？吹焦谝恍┩旧栌胁季巴枷，，，，，，，，或者是公司的厂房、办公大楼，，，，，，，，或者是产品图片，，，，，，，，甚至是某某人物的照片，，，，，，，，使得前面的文字很难辨认！给人一 种很不舒服的感触，，，，，，，，让人无法停顿。。。。。 。在此，，，，，，，，提醒您把稳：有效利用布景获得网站统一和专业化的步骤有以下几种：
第一，，，，，，，，意识到并不是所有的图片都能够作为布景，，，，，，，，在思考设置网站布景图像的时请您把稳；；；；；
第二，，，，，，，，加强与远景的明暗对比，，，，，，，，即要么淡化布景，，，，，，，，隐隐隐约能够看到即可，，，，，，，，要么加深布景，，，，，，，，而将前面的文字亮化。。。。。 。
那么什么适合网页布景呢？？？？？？？一个好的建议是将公司的标志、象征性的单一图片作为布景，，，，，，，，并将其淡化，，，，，，，，视委览者在阅读网站内容的同时不经意记下公司的标志。。。。。 。已经 一个网站的布景设计给我留下深刻的印象：单色布景中一个网站标志的居中放大淡化，，，，，，，，前面元素中也不休沉复这个标志：如提交按纽状态刻意设计成标志的大局等 等，，，，，，，，在整个页面中形成特有元素在大幼、明暗及地位的响应，，，，，，，，很好地塑造了网站的特有形象。。。。。 。
三、色彩搭配
网页中最难处置的也就是色彩搭配的问题了。。。。。 。若何使用最单一的色彩表白最丰硕的寓意，，，，，，，，体显祗业形象是网页设计人员必要不休进建、索求的课题。。。。。 。若何进行色彩搭配是一门学问，，，，，，，，下面的一些步骤是我在实际过程中的体味，，，，，，，，但愿可能为您起到肯定的参考作用。。。。。 。
1、使用一样色系色彩：所谓一样色系，，，，，，，，是指几种色彩在360°色相环上地位极度相近，，，，，，，，约莫在45°左右或统一色彩分歧明度的几种色彩这种搭配的利益是易于 使网页色彩趋于一致，，，，，，，，对于网页设计新手有很好的借鉴作用，，，，，，，，这种用色方式容易塑造网页和谐统一的氛围，，，，，，，，弊端是容易造成页面的单调，，，，，，，，因而往往利用部门参与对比 色来增长变动，，，，，，，，如部门对比色彩的图片等。。。。。 。这种步骤不失为一种设计的好步骤。。。。。 。
2、使用对比色或互补色：所谓对比色，，，，，，，，是指色相环相距较远，，，，，，，，约莫在100°左右，，，，，，，，视觉成效鲜亮、强烈，，，，，，，，而互补色则是色相环上相距最远的连种色彩，，，，，，，，即相距 180°，，，，，，，，其对比关系最强烈、最富有刺激性，，，，，，，，往往使画面极度凸起，，，，，，，，这种用色方式容易塑造活跃、韵动的网页成效，，，，，，，，出格适合体现轻松、积极的素材的网站，，，，，，，，弊端 是容易造成色彩的花，，，，，，，，使用中把稳采彩使用的度。。。。。 。
值妥贴心的是，，，，，，，，以上两种用色方式在现实利用中要把稳主体色彩的使用，，，，，，，，即以一种或两种色彩为主，，，，，，，，其它色彩为辅，，，，，，，，不要几种色彩等量使用，，，，，，，，以免造成色彩的混乱。。。。。 。
3、使用过渡色：过渡色可能神奇地将几种不协调的色彩统一路来，，，，，，，，在网页中合理地使用过渡色可能使你的色彩搭配技术更上一层楼。。。。。 。过渡色蕴含几种大局：两种色 彩的中央色调、单色中混入黑、白、灰进行和谐以及单色中混入一样色彩进行和谐等等，，，，，，，，您能够自己尝试调配，，，，，，，，在以来的更新中，，，，，，，，我会专题介绍若何使用过渡色。。。。。 。
四、版面布局
通常来说，，，，，，，，企业网站首页的布局比力矫捷，，，，，，，，着沉设计，，，，，，，，这里我所说的布局重要是指内页的版面布局。。。。。 。钟注幼型企业网站的内页布局通常比力单一，，，，，，，，即内页的一栏式版 面布局，，，，，，，，从排版布局的角度而言，，，，，，，，我们还能够设计成等分两栏式、三栏式、多栏式，，，，，，，，不等分两栏式、三栏式、多栏式等等，，，，，，，，但由于浏览器宽幅有限，，，，，，，，通常不宜设计成 三栏以上的布局。。。。。 。
在版面布局中重要是思考导航、必要信息与正文之间的布局关系。。。。。 。比力多的情况是选取顶部搁置必要的信息，，，，，，，，如公司名称、标志、告白条以及导航条，，，，，，，，或将导航条放 在左侧而右侧是正文等等，，，，，，，，这样的布局结构清澈、易于使用。。。。。 。当然，，，，，，，，您也能够尝试这些布局的变动大局，，，，，，，，如：左右两栏式布局，，，，，，，，一半是正文，，，，，，，，另一半是形象的图片、 导航；；；；；或正文不等两栏式安插，，，，，，，，通过布景致分辨，，，，，，，，别离搁置图片和文字等等。。。。。 。在设计中把稳多汲取好的网站设计的精华。。。。。 。
