网站设计的技巧
首先我们需要了解一下网站的页面(miàn)组成(chéng)老作，网站一般包括以下几部分：
首页：网站的门面(miàn)，如同公司的形象，特别注重设计和规划。
框架页：网站的主要结构页面(miàn)，又称次首页、内页，大型网站往往框架页即車雪首页，如一些门户网站。框架页主要是网站内部主要栏目的首页，讲究风格的市要一致性，并于主页呼应。
普通页：网站主要的承载信息的页面(miàn)，设计要求不高，但要求链接准确、文字无误、報行图文并茂，并沿袭网页的风格。
弹出页：一般用于广告、新闻、消息、到(dào)其他网站的链接等等，一般用的很離笑少。
通過(guò)上面(miàn)的分析，我们可以看出：
从功能(néng)上来看，首页主要承担著(zhe)树立企业形象（当然不仅但都仅是首页）的作用，框架页在导航方面(miàn)起(qǐ)著(zhe)重離畫要的作用，比如各栏目内部主要内容的介绍，都(dōu)可以在框架页中体现再進(又快jìn)入普通页，让浏览者能(néng)够迅速了解网站各栏目的主要内容，择其需算西要而浏览，而普通页则是主要的信息页面(miàn)，也是网站的最终页面校化(miàn)，對(duì)于大型网站，這(zhè)種(zhǒng)结构非常重要藍麗，而對(duì)于中小型企业，网站规模较小、页面(miàn)数量不謝化多，有時(shí)框架页就(jiù)起(qǐ)著(zhe)普村影通页的作用，至于弹出页，建议您不是必要，最好(hǎo)不要用公慢。下面(miàn)详细介绍各页面(miàn)的设计技巧：
一、首页设计技巧
网站首页是企业网上的虚拟门面(miàn)，在此，提醒上网的企业注意自些外己门面(miàn)的设计，决不能(néng)敷衍了事(shì)、马马虎虎。自師我们會(huì)經(jīng)常看到(dào)印刷精美的产品目录或广冷為告，当您屡屡看到(dào)那些印有产品目录或广告的精美印刷制品的時(s票藍hí)候，相信您或多或少會(huì)對(duì)有关的产品形成(chéng門報)一種(zhǒng)好(hǎo)感，即使您不會(huì)购买，也必然對(du林懂ì)這(zhè)些产品形成(chéng)一定程度的认同。而對動喝(duì)于设计毛糙的宣传品，您肯定會(huì)怀疑其内容的真实性，从飛吧而對(duì)其产品或服务产生质疑。好(hǎo)，现在說(shuō)說(s木服huō)网站的设计，相信您會(huì)同意這(zhè)種(zh樂風ǒng)說(shuō)法：网站的页面(miàn)就(jiù)好(hǎo她答)比是“无纸的印刷品”。既然如此，我们會(huì)因此而得出一個坐个结论：精良和专业网站的设计，如同制作精美的印刷品，會(huì)大大行了刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务地快將(jiāng)不會(huì)给消费者（访问者）留下较好(hǎo)的門內印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好外文(hǎo)找专业公司或专业人员为您设计制作，一个优秀的专业设计人员會(頻和huì)很快明白您的意图，并根据您的建站目的提出建设性的意见。
一般来說(shuō)，网站首页的形式不外乎有兩(liǎng)種(z綠數hǒng)，一種(zhǒng)是纯粹的形象展示型，這(zhè)什鐵種(zhǒng)类型文字信息较少，图像信息较多，通過(guò民麗)艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像暗女、文字信息，组成(chéng)一幅生动的画面(miàn)，向業計(xiàng)浏览者展示一種(zhǒng)形象、一个氛围，从而吸引浏览河北者進(jìn)入浏览。這(zhè)需要设计者具有良好(hǎo)的设身外计基础和审美能(néng)力，能(néng)够努力挖掘企业深层的内涵，展示企筆業业文化。這(zhè)種(zhǒng)类型的首页在设计過(gu體民ò)程中一定要明确要以设计为主导，通過(guò)色彩、布局给访问物媽者留下深刻的印象，当然，我们不能(néng)为了设计而设计，我们的目的是要長营销，在设计過(guò)程中一定要牢记這(zhè)一点！
另一種(zhǒng)是信息罗列型，一般的大、中型企业网站和门户网站師房常用的方式，即在首页中就(jiù)罗列出网站的主要内容分类、重点信息、网劇厭站导航、公司信息等等，也就(jiù)是我们上面(miàn)谈到站就(dào)的框架页，這(zhè)種(zhǒng)风格比较适合网站信息量空暗大，内容丰富的网站，因为是以展示信息为主，這(zhè)是的设计就(j樹多iù)要在细微之处体现企业形象，建议设计人员最好(hǎo)仔细阅读企业的們冷ＣＩ手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部時報体现出来，往往平淡之中一个优美的符合企业特点的曲线就(jiù)能(néng)離些够给人以深刻的印象，从而將(jiāng)企业形象印在浏览者的脑雜公海裡(lǐ)。设计人员在设计過(guò)程中要注意使用這(zhè)些语言符号通資来表达一種(zhǒng)独特的企业信息。
二、风格保持一致—内页设计技巧
如何保持网站风格的一致，是進(jìn)行内页设计過(guò)程中考虑的你說重要方面(miàn)，根据我的經(jīng)验，您可以尝试以下几種(zhǒ影是ng)设计方式：
1、结构的一致性：我们知道(dào)，网站的统一性在网站营销中占重要地位，而网站謝師结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的長飛位置、导航的统一、图片的位置等等，到(dào)國(guó)外著身嗎名的电子商务网站浏览，你會(huì)發(fā)现這(zhè)制雨些网站结构惊奇的一致性，所不同的是色彩或内容，在结构的一致性中，我们要强调土店网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的就門形式及位置、公司联系信息等，這(zhè)種(zhǒng)方式是目前网站身她普遍采用的结构，一方面(miàn)减少设计、開(kāi)發(fā)的工作量快吃，同時(shí)更有利于以後(hòu)的网站维护与更新。
2、色彩的一致性：方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站會電秒(huì)给人留下很深刻的印象，因为人的视觉對(duì)色彩要比布局更敏感，更如務容易在大脑中形成(chéng)记忆符号。在色彩的一致性中，我们强调的是如果企用個业有自身的CI形象，最好(hǎo)在互联网中沿袭這(zhè)个形象，给观鄉街众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取微來一兩(liǎng)種(zhǒng)主要色彩，几種(zhǒng)辅助色和做彩。
3、利用导航取得统一：导航是网站的一项重要组成(chéng)部分，一个出色的富有企业特性的导航秒快將(jiāng)會(huì)给人留下深刻的印象，比如將(jiāng)标銀藍志的形态寓于导航之中，或將(jiāng)导航设计在整个网站布局之中等等不一動唱而足，花点力气在导航上，也會(huì)设计出一个出色的站点。
4、特别元素的一致性：在网站设计中，个别具有特色的元素（如标志、象征图形、局部设计等）重复出现算店，也會(huì)给访问者留下深刻印象。比如网站结构在某一点上的变化，由看風直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。
5、利用图像取得统一： 网页中的图像在使用上一定要甚之又甚，尤其是一些动画，网页中充斥著(z務冷he)各種(zhǒng)可有可无的动画，而這(zhè)些动画根本与本企业内容无南聽关！认真检查网页中的动画，將(jiāng)沒(méi)用的删掉！這(zhè都這)裡(lǐ)我们所說(shuō)的利用图像取得统一，决不是在每页中放置几他子个动画！而是作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或行為动画，从而给浏览者形成(chéng)页面(miàn)的连续性。
6、利用背景取得统一：从技术上而言，网页背景包括背景色和背景图像兩(liǎng)種(zhǒng)，頻筆一般来說(shuō)，我们并不提倡使用背景图像，而使用背景色或少知色块。原因很明显，第一，下载速度，背景色的下载速度忽略不计，而背景图像就(道理jiù)得根据图像字节大小下载了，這(zhè)裡(lǐ)需要說跳樂(shuō)明的是，如果你的背景图像比较深，那麼(me)最好(身兒hǎo)將(jiāng)背景色置为深色调（默认的背景色是白色），這(又子zhè)樣(yàng)在等待浏览器下载背景图片的時(shí)候前面場也(miàn)的浅色文字可以很容易阅读，因为如果有背景色，浏览器們在先將(jiāng)其下载，然後(hòu)下载背景图片；第二，術筆显示效果，經(jīng)常看到(dào)國(guó)内一些网站好林设有背景图像，或者是公司的厂房、办公大楼，或者是产品图片，甚至是某某人物的照片著地，使得前面(miàn)的文字很难辨认！给人一種(zhǒng)很不舒服的感觉費師，让人无法停留。在此，提醒您注意：有效利用背景取得网站统一和专业化去友的方法有以下几種(zhǒng)：
第一，认识到(dào)并不是所有的图片都(dōu)可以作为背景，在考虑设置网月村站背景图像的時(shí)请您注意；
第二，加强与前景的明暗對(duì)比，即要麼(me)淡化背景，隐隐约為錯约可以看到(dào)即可，要麼(me)加深背景，而將(jiāng腦綠)前面(miàn)的文字亮化。
那麼(me)什麼(me)适合网页背景呢？一个好(hǎo)得鐘的建议是將(jiāng)公司的标志、象征性的简单图片作为背景，并將(ji黃村āng)其淡化，使浏览者在阅读网站内容的同時(shí)不經(jīng)意记下站志公司的标志。曾經(jīng)一个网站的背景设计给我留下深刻的近也印象：单色背景中一个网站标志的居中放大淡化，前面(miàn)新務元素中也不断重复這(zhè)个标志：如提交按纽形状刻意设计成(chéng)市理标志的形式等等，在整个页面(miàn)中形成(chéng)特有元素在行計大小、明暗及位置的呼应，很好(hǎo)地塑造了网站的特有形象。
三、色彩搭配
网页中最难处理的也就(jiù)是色彩搭配的问题了。如何运用這些最简单的色彩表达最丰富的含义，体现企业形象是网页设计人员需要不断學樂對(xué)习、探索的课题。如何進(jìn)行色彩搭配是一门學(xué好金)问，下面(miàn)的一些方法是我在实践過(guò)程中的体會喝服(huì)，希望能(néng)够为您起(qǐ)到(dào)一定動用的参考作用。
1、运用相同色系色彩：所谓相同色系，是指几種(zhǒng)色彩在日書360°色相环上位置十分相近，大约在45°左右或同一色彩不同友訊明度的几種(zhǒng)色彩，如：，這(zhè)種(zhǒng)搭配的优点是易但筆于使网页色彩趋于一致，對(duì)于网页设计新手有很好(hǎo)林林的借鉴作用，這(zhè)種(zhǒng)用色方式容易塑造网页和谐统一的氛子什围，缺点是容易造成(chéng)页面(miàn)的单调，因此往我黃往利用局部加入對(duì)比色来增加变化，如局部對(duì)比色彩的图片等。可民這(zhè)種(zhǒng)方法不失为一種(zhǒng)设计的好(hǎ她舞o)方法。
2、运用對(duì)比色或互补色：所谓對(duì)比色，是指色愛車相环相距较远，大约在100°左右，视觉效果鲜亮、强烈，而互补色则身站是色相环上相距最远的连種(zhǒng)色彩，即相距180°，其對(duì)比我女关系最强烈、最富有刺激性，往往使画面(miàn)十分突出，如光書：，這(zhè)種(zhǒng)用色方式容易塑造活泼、韵动的网页效果，特别适在吧合体现轻松、积极的素材的网站，缺点是容易造成(chéng)色彩鐵如的花，使用中注意色彩使用的度。
值得注意的是，以上兩(liǎng)種(zhǒng)用色方式在弟遠实际应用中要注意主体色彩的运用，即以一種(zhǒng)或兩(liǎng)兒科種(zhǒng)色彩为主，其它色彩为辅，不要几種(zhǒng)色彩等量你不使用，以免造成(chéng)色彩的混乱。
3、使用過(guò)渡色：過(guò)渡色能(néng)够神奇地將(到又jiāng)几種(zhǒng)不协调的色彩统一起(qǐ)来，在拍公网页中合理地使用過(guò)渡色能(néng)够使你的色彩搭配做劇技术更上一层楼。過(guò)渡色包括几種(zhǒng)形式：兩(liǎ信會ng)種(zhǒng)色彩的中间色调、单色中混入黑、白、灰進(jì相坐n)行调和以及单色中混入相同色彩進(jìn)行调和等等，您可以自己尝试调個如配，在以後(hòu)的更新中，我會(huì)专题介绍如何使用過(guò)刀那渡色。
四、版面(miàn)布局
一般来說(shuō)，企业网站首页的布局比较灵活，著(zhe)重设计，這(廠喝zhè)裡(lǐ)我所說(shuō)的布局主要是指内页的版面(m生影iàn)布局。中、小型企业网站的内页布局一般比较简单，即内页的一栏式版面放快(miàn)布局，从排版布局的角度而言，我们還(hái)可以设计成(chén好都g)等分兩(liǎng)栏式、三栏式、多栏式，不等分兩(liǎ件舞ng)栏式、三栏式、多栏式等等，但因为浏览器宽幅有限，一般不宜设计討兒成(chéng)三栏以上的布局。
在版面(miàn)布局中主要是考虑导航、必要信息与正文之间的布局关系費雪。比较多的情况是采用顶部放置必要的信息，如公司名称、标志、广告条以及导麗得航条，或將(jiāng)导航条放在左侧而右侧是正文等等，這(zhè)樣(下對yàng)的布局结构清晰、易于使用。当然，您也可以尝试這(zh讀照è)些布局的变化形式，如：左右兩(liǎng)栏式布局，一半少好是正文，另一半是形象的图片、导航；或正文不等兩(liǎng)栏要話式布置，通過(guò)背景色区分，分别放置图片和文字等等。在设计中注意歌得多吸取好(hǎo)的网站设计的精髓。
