關(guān)于技術(shù)以及案例類別的文章看多了，相信各位SEOer多多少少有些“視覺疲勞”，我一直在想，應(yīng)該怎么去呈現(xiàn)出自己不一樣的地方并以此來擴(kuò)展。前段時(shí)間，也就是我的網(wǎng)站剛開的不長時(shí)間，我每天都是糾結(jié)這樣的問題“我的LOGO應(yīng)該如 […]

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

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

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

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

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

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

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

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

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