關(guān)于技術(shù)以及案例類別的文章看多了，相信各位SEOer多多少少有些“視覺疲勞”，我一直在想，應(yīng)該怎么去呈現(xiàn)出自己不一樣的地方并以此來擴展。前段時間，也就是我的網(wǎng)站剛開的不長時間，我每天都是糾結(jié)這樣的問題“我的LOGO應(yīng)該如何去設(shè)計”“頁面以什么是色調(diào)為主色”“導(dǎo)航界面應(yīng)該呈半透明還是全透明”“還需要插入什么功能代碼”等等。我每天也不停把略修改的頁面模板發(fā)給親朋好友看，來汲取他們的看法以及建議，希望做出來的頁面更符合大眾的口味。很多人都在問我，最重要的內(nèi)容建設(shè)以及業(yè)內(nèi)布局你反而你不著重去想，整天想這些不搭嘎的因素。其實不然，我也很重視這些東西，但是在我看來，我希望不單單是從內(nèi)容去吸引客戶，我更希望我的頁面能給瀏覽頁面的用戶起碼留下個“還好”的印象。其實在這其間，我也不停的去參考不同類型的頁面，有部分讓我一登陸進去就感覺到不舒服，例如“文字與主題顏色不搭配”“插圖都是六毛錢特效”“排版很亂”等等問題。用戶體驗已經(jīng)逐漸成為我們需考慮的首要因素，因此我希望今天分享SEO頁面視覺美學(xué)，讓各位SEOer有不一樣的體會。

　　從實際需求中獲取視覺靈感

　　最直接的來看，我們所做頁面設(shè)計的主要目的便是能呈現(xiàn)并且傳達給用戶。你要明白，在所屬你行業(yè)網(wǎng)站的群眾來看，什么才是他們最需要的。在語言、觀念、網(wǎng)站功能以及表現(xiàn)形式上，你都應(yīng)該如何去定位?以前我們的頁面設(shè)計，由于西方文化的快速發(fā)展，各方面的因素都備受他們的影響。要明白，用戶其實也是從原點出發(fā)，他并不需要你的網(wǎng)站有多么的天花亂墜，他們只想要看到他們所需要的東西。因此在頁面的顏色選擇、功能植入、頁面布局等等各方面，只有合理，才是硬道理。

　　請找出自己的頁面視覺風格

　　作為一名SEOer，更進一步是作為一名站長。你并不能一味的追求同質(zhì)化的元素，類似于別人怎么弄的那么好看，我也效仿，然后就形成了人們常講的“老虎老鼠，傻傻分不清楚”的現(xiàn)象?；蛟S會有很多SEOer疑惑“我壓根不懂得設(shè)計，你讓我往哪下手啊?”我之前在其他文章講過，這并不需要你懂得設(shè)計，很簡單的道理，你會有自己的穿衣品味、意向的裝修風格、喜愛看的電影等視覺感官因素。網(wǎng)頁也如何，你沒有基礎(chǔ)，但可以積累。把你前期沒有思路的情況結(jié)合后期的基礎(chǔ)承擔來形成把控視覺的能力。因此，你在前期的時候可以參考同類的網(wǎng)站，發(fā)現(xiàn)他們的頁面優(yōu)點并汲取經(jīng)驗，一旦看得多學(xué)的多，從中定位出自己獨特的風格，你會發(fā)現(xiàn)你內(nèi)心頁面視覺風格會逐漸成型。

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

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

　　作為網(wǎng)頁傳遞信息的首要因素，我們需考慮到是：文字的大小、文字的顏色設(shè)定(可結(jié)合頁面顏色)等。首要考慮的便是瀏覽用戶能否看清文字?字體顏色以及頁面的顏色搭配是否和諧?會不會造成瀏覽用戶的視覺疲勞?例如我的頁面一般采用的是，表述文字控制在12px到16px，而大方面的主題控制20px，文字采用用戶不厭其煩的白底黑字。

　　2、頁面色彩：其實是內(nèi)心的解讀

　　記得之前看過一些報道，說的是每個人喜愛的顏色不同，所形成的性格也不同?？梢哉f，一個顏色的定義便代表用戶的心理信息。就好像紅色，色度恰到好處我們較多定義為喜慶、激勵等，色度更深一些我們又定義為沉穩(wěn)以及高貴。如果我們面向的群眾較為年輕，他們會更喜歡鮮艷的顏色，而年齡較大的，則反之，一般頁面整體布局的顏色我建議是不超過3個顏色。顏色除了代表用戶的心理信息，我們也可以把它作為警示用戶的暗號，就像我們在撰寫軟文，我們更希望用戶看到我們哪一段的文章或者主要關(guān)鍵詞，便可以用不同顏色的問題標示出來，一來能讓用戶看到，二來可以讓頁面內(nèi)容的布局更為清晰。

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

　　頁面顏色以及頁面功能性選定之后，我們需要考慮到的是頁面以及插件的布局。從頁面布局的分類來看，我覺得適合應(yīng)用在SEO上面的有：國字型頁面、拐角型頁面、內(nèi)容正文標題型，國字型我們較多見到的是常規(guī)頁面，例如中小企業(yè)網(wǎng)站、他們頁面的布局能很清晰的讓用戶看到公司的相關(guān)信息。例如相關(guān)信息“關(guān)于公司”“產(chǎn)品咨詢”都會很直觀的呈現(xiàn)出來，并且顏色的深淺布局也是從外而內(nèi)的遞減。另外拐角型的頁面也很普及，區(qū)域模塊可分為：導(dǎo)航區(qū)、重要信息區(qū)、提示信息區(qū)以及附加信息區(qū)，很多網(wǎng)站隨著發(fā)展，頁面內(nèi)容會越來越多，這時候就需要利用拐角型的頁面布局給用戶做引導(dǎo)，也使頁面的布局更為清晰，拐角型頁面的顏色深淺分布也跟國字型的差不多，區(qū)別于有引導(dǎo)的作用。內(nèi)容正文標題性的頁面適合綱要性的網(wǎng)站，這類型的網(wǎng)站并不會太講究顏色的分配和布局，一般較長采用的是白底黑字、頁面采用的顏色一般在2-3個。另外還有框架型、Flash、以及變化型頁面，源于搜索引擎算法的改革以及基于用戶體驗，在這邊便不推薦給大家了，如果感興趣可以自行搜索。

　　總結(jié)：我發(fā)現(xiàn)我每次做知識普及的時候，總會有那么一兩個朋友問我，你這樣搞SEO真的是太復(fù)雜了，我都不清楚你到底是在做內(nèi)容、做優(yōu)化還是做美工。在這里我想說的是，因為你是一個SEOer，但也不能基于你是一名SEOer就把你自己認為不相關(guān)的事情推卸掉。隨著行業(yè)的發(fā)展，我們再也不能只做那名只懂得發(fā)外鏈的“小鮮肉”了，像我上文講到的，你是一名SEOer，更上層次或許是名站長，你必須從所有會影響你網(wǎng)站體驗的綜合因素上面考慮，發(fā)現(xiàn)并且學(xué)習(xí)，你才會做的更好，更得心用手。