關(guān)于技術(shù)以及案例類(lèi)別的文章看多了，相信各位SEOer多多少少有些“視覺(jué)疲勞”，我一直在想，應該怎么去呈現出自己不一樣的地方并以此來(lái)擴展。

前段時(shí)間，也就是我的網(wǎng)站剛開(kāi)的不長(cháng)時(shí)間，我每天都是糾結這樣的問(wèn)題“我的LOGO應該如何去設計”“頁(yè)面以什么是色調為主色”“導航界面應該呈半透明還是全透明”“還需要插入什么功能代碼”等等。

我每天也不停把略修改的頁(yè)面模板發(fā)給親朋好友看，來(lái)汲取他們的看法以及建議，希望做出來(lái)的頁(yè)面更符合大眾的口味。

很多人都在問(wèn)我，最重要的內容建設以及業(yè)內布局你反而你不著(zhù)重去想，整天想這些不搭嘎的因素。其實(shí)不然，我也很重視這些東西，但是在我看來(lái)，我希望不單單是從內容去吸引客戶(hù)，我更希望我的頁(yè)面能給瀏覽頁(yè)面的用戶(hù)起碼留下個(gè)“還好”的印象。

其實(shí)在這其間，我也不停的去參考不同類(lèi)型的頁(yè)面，有部分讓我一登陸進(jìn)去就感覺(jué)到不舒服，例如“文字與主題顏色不搭配”“插圖都是六毛錢(qián)特效”“排版很亂”等等問(wèn)題。

用戶(hù)體驗已經(jīng)逐漸成為我們需考慮的首要因素，因此我希望今天分享SEO頁(yè)面視覺(jué)美學(xué)，讓各位SEOer有不一樣的體會(huì )。

從實(shí)際需求中獲取視覺(jué)靈感

最直接的來(lái)看，我們所做頁(yè)面設計的主要目的便是能呈現并且傳達給用戶(hù)。

你要明白，在所屬你行業(yè)網(wǎng)站的群眾來(lái)看，什么才是他們最需要的。

在語(yǔ)言、觀(guān)念、網(wǎng)站功能以及表現形式上，你都應該如何去定位？以前我們的頁(yè)面設計，由于西方文化的快速發(fā)展，各方面的因素都備受他們的影響。

要明白，用戶(hù)其實(shí)也是從原點(diǎn)出發(fā)，他并不需要你的網(wǎng)站有多么的天花亂墜，他們只想要看到他們所需要的東西。

因此在頁(yè)面的顏色選擇、功能植入、頁(yè)面布局等等各方面，只有合理，才是硬道理。

請找出自己的頁(yè)面視覺(jué)風(fēng)格

作為一名SEOer，更進(jìn)一步是作為一名站長(cháng)。

你并不能一味的追求同質(zhì)化的元素，類(lèi)似于別人怎么弄的那么好看，我也效仿，然后就形成了人們常講的“老虎老鼠，傻傻分不清楚”的現象。

或許會(huì )有很多SEOer疑惑“我壓根不懂得設計，你讓我往哪下手??？”我之前在其他文章講過(guò)，這并不需要你懂得設計，很簡(jiǎn)單的道理，你會(huì )有自己的穿衣品味、意向的裝修風(fēng)格、喜愛(ài)看的電影等視覺(jué)感官因素。

網(wǎng)頁(yè)也如何，你沒(méi)有基礎，但可以積累。把你前期沒(méi)有思路的情況結合后期的基礎承擔來(lái)形成把控視覺(jué)的能力。

因此，你在前期的時(shí)候可以參考同類(lèi)的網(wǎng)站，發(fā)現他們的頁(yè)面優(yōu)點(diǎn)并汲取經(jīng)驗，一旦看得多學(xué)的多，從中定位出自己獨特的風(fēng)格，你會(huì )發(fā)現你內心頁(yè)面視覺(jué)風(fēng)格會(huì )逐漸成型。

SEO頁(yè)面視覺(jué)美學(xué)的設計原則

1、文字：有力的信息傳遞方式

作為網(wǎng)頁(yè)傳遞信息的首要因素，我們需考慮到是：文字的大小、文字的顏色設定（可結合頁(yè)面顏色）等。

首要考慮的便是瀏覽用戶(hù)能否看清文字？字體顏色以及頁(yè)面的顏色搭配是否和諧？會(huì )不會(huì )造成瀏覽用戶(hù)的視覺(jué)疲勞？

例如我的頁(yè)面一般采用的是，表述文字控制在12px到16px，而大方面的主題控制20px，文字采用用戶(hù)不厭其煩的白底黑字。

2、頁(yè)面色彩：其實(shí)是內心的解讀

記得之前看過(guò)一些報道，說(shuō)的是每個(gè)人喜愛(ài)的顏色不同，所形成的性格也不同。

可以說(shuō)，一個(gè)顏色的定義便代表用戶(hù)的心理信息。就好像紅色，色度恰到好處我們較多定義為喜慶、激勵等，色度更深一些我們又定義為沉穩以及高貴。

如果我們面向的群眾較為年輕，他們會(huì )更喜歡鮮艷的顏色，而年齡較大的，則反之，一般頁(yè)面整體布局的顏色我建議是不超過(guò)3個(gè)顏色。

顏色除了代表用戶(hù)的心理信息，我們也可以把它作為警示用戶(hù)的暗號，就像我們在撰寫(xiě)軟文，我們更希望用戶(hù)看到我們哪一段的文章或者主要關(guān)鍵詞，便可以用不同顏色的問(wèn)題標示出來(lái)，一來(lái)能讓用戶(hù)看到，二來(lái)可以讓頁(yè)面內容的布局更為清晰。

3、頁(yè)面布局：讓內容以及顏色分配看起來(lái)更合理

頁(yè)面顏色以及頁(yè)面功能性選定之后，我們需要考慮到的是頁(yè)面以及插件的布局。

從頁(yè)面布局的分類(lèi)來(lái)看，我覺(jué)得適合應用在SEO上面的有：國字型頁(yè)面、拐角型頁(yè)面、內容正文標題型，國字型我們較多見(jiàn)到的是常規頁(yè)面，例如中小企業(yè)網(wǎng)站、他們頁(yè)面的布局能很清晰的讓用戶(hù)看到公司的相關(guān)信息。

例如相關(guān)信息“關(guān)于公司”“產(chǎn)品咨詢(xún)”都會(huì )很直觀(guān)的呈現出來(lái)，并且顏色的深淺布局也是從外而內的遞減。

另外拐角型的頁(yè)面也很普及，區域模塊可分為：導航區、重要信息區、提示信息區以及附加信息區，很多網(wǎng)站隨著(zhù)發(fā)展，頁(yè)面內容會(huì )越來(lái)越多，這時(shí)候就需要利用拐角型的頁(yè)面布局給用戶(hù)做引導，也使頁(yè)面的布局更為清晰，拐角型頁(yè)面的顏色深淺分布也跟國字型的差不多，區別于有引導的作用。

內容正文標題性的頁(yè)面適合綱要性的網(wǎng)站，這類(lèi)型的網(wǎng)站并不會(huì )太講究顏色的分配和布局，一般較長(cháng)采用的是白底黑字、頁(yè)面采用的顏色一般在2-3個(gè)。

另外還有框架型、Flash、以及變化型頁(yè)面，源于搜索引擎算法的改革以及基于用戶(hù)體驗，在這邊便不推薦給大家了，如果感興趣可以自行搜索。

寫(xiě)在最后：我發(fā)現我每次做知識普及的時(shí)候，總會(huì )有那么一兩個(gè)朋友問(wèn)我，你這樣搞SEO真的是太復雜了，我都不清楚你到底是在做內容、做優(yōu)化還是做美工。

在這里我想說(shuō)的是，因為你是一個(gè)SEOer，但也不能基于你是一名SEOer就把你自己認為不相關(guān)的事情推卸掉。

隨著(zhù)行業(yè)的發(fā)展，我們再也不能只做那名只懂得發(fā)外鏈的“小鮮肉”了，像我上文講到的，你是一名SEOer，更上層次或許是名站長(cháng)，你必須從所有會(huì )影響你網(wǎng)站體驗的綜合因素上面考慮，發(fā)現并且學(xué)習，你才會(huì )做的更好，更得心用手。