个性网页设计之网页构架
?牐牨鞠盗泄卜治巴彻辜堋⒁趁嫔杓啤⑸蚀钆洹⒛谌菀帐酢⑶拔兰际酢⒋匆馕尴蕖I行销、应用技巧”八个部分，本系列将会逐步给大家提一些建议及一些技巧归纳。希望你能得到一些帮助和对设计网页设计有一些了解并逐步深入。
?牐犚话阃潮嗯拍谌萦校何淖郑═ext）、静态图片（Still Image）和动画（animation Flash）。具体可实现的技术更多了，包括视频（Flash Movie Shockwave ...）、音乐和音效（Music & Sound effects）、交互式网页、高科技虚拟等等。在设计网页时候，可以广泛应用各种技术。
?牐犎绻淹潮扔鞒扇说幕埃纫泄羌埽簿褪峭车呐虐婵蚣堋Ｎ医辛舜笾碌姆掷啵饕牵悍掷甘浇峁梗榉植迹矫嫱计杓疲约胺枪媛傻纳杓疲旅嫖医鹨唤步狻?
#1?牐犚弧⒎掷甘浇峁?
?牐牱掷附峁梗彩亲畛＜姆绞健３＜挠腥鏓pitonic.com（http://www.epitonic.com/）的二分栏设计，七色谷（www.7cv.com）的三分栏，以及国外常见的四分栏结构，我甚至还特殊设计过五分栏（http://www.home2v.com/vcity）的网页。通常的布局编排情况有如^22040703a^1所示。图1中，1是二分栏，2是标准三分栏，3是四分栏，4～6是一些LOGO以及导航在下面的情况，而通常会使用Frame。7～9则是一般的变化，而我这里所列出的一些例子也是很泛泛的。见到一些网页的设计，判断上，有一些是以颜色来分栏的，有一些是利用导航分栏的。不论你用那种设计方法，最重要的是心中有数，去编排自己的内容。设计也只是为了你的内容服务的。
?牐犚桓隹旖莸姆椒ㄊ牵谥缴瞎椿幌拢媚愕哪谌菝铺畛湟幌拢致缘亟泄婊Ｔ诒曜嫉墓辜苌霞右恍┍浠突嵊泻芏嘈碌谋嗯判问匠鱿郑热缤?1中的7～9。有空大家可以多在纸上画画，也是一种锻炼，加一些小的变化，也就使你的设计与他人不同，脱颖而出。
#1?牐牰⑶榉植?
?牐犌楸嗯牛且匝丈蛳咛酰椿忠恍┣虻谋嗯欧绞剑涫狄簿褪欠掷附峁沟谋湟臁Ｈ绻捣掷干杓铺娣睹挥行乱獾幕埃敲淳鸵纯辞楣τ昧恕Ｈ鏭22040703b^2、^22040703c^3所示：这样的设计，很漂亮，不过也要依据内容许可程度，国外用此类设计手法的很多，色彩运用上也很出色（以后在本系列中会提到一些色彩问题）。区域编排的设计，一般和竖分栏不同的是，页面一般情况下不长，一屏或一屏半左右的长度，用于信息量少的企业站点，和专业型站点。还有就是看你是什么内容的个人主页，大部分情况都很适用。但是却不适合门户站点和信息量很大的站点。我粗略画了几个图，如^22040703d^4所示，使得区域编排更加灵活，希望能启发你的思路。
?牐犌虻纳柚每纱罂尚。且谰菽谌荼嗯拧Ｔ诜掷甘浇峁估锩嬉部梢蕴咨枨蚪峁梗运担庵止羌芙峁故恰扒巴疚蘖俊保写蠹医徊教剿鳌?
#1?牐犎⑵矫嫱计杓?
?牐犉矫嫔杓疲绻欠嵌腤eb design，那么也可以划分为平面设计的一种。当然，在网页里面用整张图片分割的技法，也是非常有视觉效果的。这个也是个人主页，在内容很少的情况下，通常所选用的方式。
?牐牰杂谄矫嫔杓疲院笤谝趁嫔杓疲痛匆馕尴藁岱直鹁咛褰步狻?
?牐犜谡饫镂揖透蠹乙恍┖玫耐厩牍凵停?
?牐爃ttp://www.yimeng.org
?牐爃ttp://www.coolhomepages.com
?牐牰嗔粜难?习，才能提高自己，多看多思考。
?牐犇憧梢园芽垂恼镜悖闳衔玫淖隹煺铡０阉亲魑计╣if）留下来，做资源。如果有一些你不理解的特效技巧的则页面另存为做参考，这个是很好的积累过程。我想等你Web截图有2GB，哈哈，你一定就很厉害了^＿^。
#1?牐犓摹⒎枪媛缮杓?
?牐犖四芄桓帽嗯磐常约跋允靖鋈说纳杓扑剑衷谟辛烁喔玫墓辜苡肯殖隼矗涫狄簿褪且陨霞钢滞ǔ９媛傻慕岷稀Ｕ庖簿偷搅丝佳槟愕氖焙蛄耍夷茏龅木褪嵌喽嗤萍鲆恍┖玫恼镜愀蠹遥嗍橇废安拍芴岣叩摹Ｄ敲炊杂诨ザ耐忱此担缛獸lash网站的，除片头外，构架都逃不出以上的几条归类。
#1?牐犖濉⑼萍鐾?
?牐犚蛭ㄖ桨婷嬗邢蓿饫锞投喔鲆恍┩居肷杓凭涞耐荆氪蠹乙欢ㄒ浜先タ匆恍┩荆由钪惫鄹芯酢?
#2?牐?1.二分栏
?牐爃ttp://www.epitonic.com
?牐牴獾模琭ree MP3 Music，设计很不错，紧凑，但是不会给人窒息的感觉。
?牐爃ttp://www.icograda.org
?牐爃ttp://www.ericsson.com.tw
?牐犚桌攀只俜秸镜恪Ｓ幸桓龊懿淮淼腇lash片头。以及内部的二分栏设计。
#2?牐?2.三分栏框架：
?牐爃ttp://www.waycasa.net/
?牐爃ttp://www.wayvision.net
?牐爓ayin公司系列站点
?牐爃ttp://www.circle.bc.ca
?牐牫墩镜悖ぷ魇遥纯此腶bout us就知道，都是什么来头。也是很不错的三分栏。
?牐爃ttp://www.deviantart.com
?牐犐杓瞥錾岬煤埽试炊喽唷＞褪撬俣嚷?
?牐牴谌掷父嗔恕Ｎ艺饫锞筒煌萍隽恕＞」苋掷负芏嗉亲龊昧艘膊谎飞?
#2?牐?3.四分栏框架：
?牐爃ttp://inertia.d2.hu
?牐牱酆焐ǖ腇lash盆栽给人很多启发。
?牐犜僬饫锒嗨导妇洌掷傅纳杓评锩婊嵊泻芏嘈〉谋浠５枪槔嘁簿驼庑?。有时候看起来很模糊。但是就是因为变化了，才突出个性。这里的提示不对。要看你的内容来变化。会有更多意想不到好的创意出来?煟?
#2?牐?4.区块编排：
?牐爃ttp://www.mediatemple.net
?牐爃ttp://www.mailstudio.com
?牐爃ttp://www.openwave.com
?牐爃ttp://www.compaq.com
?牐爃ttp://www.coreflot.com
?牐爃ttp://www.wayphoto.net
?牐犓淙淮蠖际怯⑽牡模蚁氪右趁婀辜苌夏隳艿玫叫┬砥舴ⅰ?