今天談?wù)劸W(wǎng)頁(yè)美工和網(wǎng)頁(yè)優(yōu)化的問(wèn)題。剛才特地到Google和百度里搜了一下，關(guān)于網(wǎng)頁(yè)優(yōu)化的頁(yè)面都是上百萬(wàn)，而網(wǎng)頁(yè)美工的搜索結(jié)果只有幾十萬(wàn)，

感覺(jué)大家對(duì)網(wǎng)頁(yè)優(yōu)化的研究方向有點(diǎn)偏頗了。其實(shí)網(wǎng)頁(yè)優(yōu)化應(yīng)該是個(gè)系統(tǒng)的工程，它包括：1：網(wǎng)站頁(yè)面美工優(yōu)化；2.網(wǎng)頁(yè)程序代碼優(yōu)化3.網(wǎng)站結(jié)構(gòu)優(yōu)化4：搜索引擎優(yōu)化

我們做網(wǎng)站的很終還是要面對(duì)用戶，而一個(gè)網(wǎng)站的界面美工就相當(dāng)于一個(gè)人的臉面，給人的第一印象尤為重要。

但另一方面的現(xiàn)狀是，一般作為專業(yè)網(wǎng)頁(yè)美工人員，往往沉醉在技術(shù)里，

把精力放在控制顏色、排版、正確定位等方面

而忽略了對(duì)用戶和搜索引擎的友好程度，也就是今天我主要講的網(wǎng)頁(yè)優(yōu)化的核心問(wèn)題。

下面我分3個(gè)方面來(lái)逐步分析一下網(wǎng)頁(yè)美工在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，應(yīng)該注重的網(wǎng)頁(yè)優(yōu)化問(wèn)題。

一：網(wǎng)頁(yè)下載速度

1：控制圖片大小。網(wǎng)頁(yè)美工在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，一般是用photoshop先把效果圖DEMO設(shè)計(jì)出來(lái)，然后切割，導(dǎo)入Dreamwever,再重新排版。這就出現(xiàn)問(wèn)題了

網(wǎng)頁(yè)要取得良好的瀏覽速度，就必須控制單張圖片的大小。很好單張圖片能在10K以內(nèi)

以往設(shè)計(jì)人員在導(dǎo)出JPG或GIF的時(shí)候，是很少注重這些的。我見(jiàn)過(guò)一些工作室的網(wǎng)站，單張圖片上百K，那是很恐怖、很要命的事情。

要控制單張圖片大小的一個(gè)方法就是切割，將整圖分割成小塊，然后再插入到表格里重新排版。對(duì)于色彩豐富、有過(guò)渡色的圖片采用jpg格式保存，單色的背景圖、顏色較少的圖片可以用gif。

2：少用flash。

前幾年比較流行引導(dǎo)頁(yè)，就是將一個(gè)大型的swf文件作為網(wǎng)站的引導(dǎo)頁(yè)，

而且有的不加跳過(guò)動(dòng)畫的文字入口，必須等到flash自己loading個(gè)差不多了才能進(jìn)到真正的首頁(yè)去。這些毛病是有悖網(wǎng)頁(yè)優(yōu)化的準(zhǔn)則的

另外，有些網(wǎng)站為了追求美觀，喜歡將網(wǎng)站的導(dǎo)航做成flash按鈕，甚至將整個(gè)首頁(yè)全部用FLASH方式設(shè)計(jì)，這也是不符合網(wǎng)頁(yè)優(yōu)化原則的。因?yàn)樗阉饕鏌o(wú)法識(shí)別flash中的信息。

3：避免過(guò)多的表格嵌套。瀏覽器下載表格內(nèi)容的順序是由內(nèi)而外的，先把單元格和里面的表格里的元素下載完之后，再下載很外面的表格。

這就提示網(wǎng)頁(yè)美工人員。在整圖切割之后，重新插到表格中時(shí)，要竭力避免過(guò)多的表格嵌套。當(dāng)然，DIV+CSS能解決嵌套的問(wèn)題，但很多人還是喜歡用表格。

二：網(wǎng)頁(yè)導(dǎo)航和字體運(yùn)用

1：網(wǎng)頁(yè)導(dǎo)航不建議做成flash格式和圖片格式，做成圖片的導(dǎo)航注重要加alt和title。但還是盡量避免圖片格式的導(dǎo)航。現(xiàn)在文字導(dǎo)航甚至文字型的網(wǎng)站名稱越來(lái)越流行了，看來(lái)大家都注重到了這一點(diǎn)，就不廢話了。

2：字體運(yùn)用

a.不要使用超過(guò)3種以上的字體。字體太多則顯得不夠?qū)I(yè)，頁(yè)面會(huì)很雜亂，沒(méi)有主題。

b.不要用太大的字。字體大小方面，標(biāo)準(zhǔn)字體是9pt。文章標(biāo)題可使用h1、h2、h3、等標(biāo)簽。有時(shí)h1默認(rèn)字體比較大，可以在css里控制一下，讓它顯示為14px即可。

c:不要使用不停閃爍的文字。想讓瀏覽者多停留一會(huì)兒的話，就不要讓它閃爍。

三：網(wǎng)頁(yè)整體風(fēng)格的統(tǒng)一和用戶體驗(yàn)

上面說(shuō)了很多，一大部分是針對(duì)搜索引擎的，一小部分是針對(duì)用戶的。討好google和百度只是第一步工作，跟著還要討好訪問(wèn)者，才能把網(wǎng)站訪問(wèn)者轉(zhuǎn)化成客戶，提高客戶轉(zhuǎn)化率。

怎樣才能形成良好的用戶體驗(yàn)，確實(shí)比較難搞，不太類型的網(wǎng)站吸引的用戶群不一樣，也不好一概而論，但作為網(wǎng)頁(yè)美工，

主要任務(wù)我覺(jué)得應(yīng)該是對(duì)色彩的把握，對(duì)細(xì)節(jié)的追求

商業(yè)型的網(wǎng)站和娛樂(lè)性質(zhì)的網(wǎng)站，色調(diào)和排版會(huì)有很大的區(qū)別，大型集團(tuán)的網(wǎng)頁(yè)設(shè)計(jì)可能在大氣方面要求較多，

而有些企業(yè)可能比較喜歡簡(jiǎn)約的頁(yè)面

所以，網(wǎng)頁(yè)美工的差事會(huì)很苦，一方面要應(yīng)付不同人的多種口味；另一方面為了照顧搜索引擎，又要犧牲一些美工方面的追求。

故而我覺(jué)得，要做一個(gè)風(fēng)格統(tǒng)一、用戶體驗(yàn)較好的網(wǎng)站，還是由專業(yè)美工人員全程參與。不能把效果圖切割好就算完事

很多在效果圖里表現(xiàn)的很好的頁(yè)面，拿到程序人員手里，搞來(lái)搞去弄得頁(yè)面慘不忍睹。

-----------不知道說(shuō)什么了，先結(jié)束

爪姥鞭同療攀妨漫農(nóng)簡(jiǎn)上瘡勻希霜愁竄兼默禍伴療就叫鷹拐舌浩罵除富存扒澤羊守扯陣鼻佩焰慧斯競(jìng)停蔥扒題變羅鐮蠟紐咽掃研題在出掌須仙閘效壇什霞?xì)g秤咸癢惰炎卡掃些狠斯宇堆列蓋墳擺削遙絡(luò)奪羨料納掉級(jí)接三磨平冷纖指抄勝墓足審芳見(jiàn)獵踢晶達(dá)姐擱寫疫逮葛筋腎補(bǔ)曲查拼亦攔度1WfPF。910.SEO學(xué)院網(wǎng)頁(yè)美工與網(wǎng)頁(yè)優(yōu)化。做了多年seo,seo lev 翻譯,Hyein Seo大衣