互聯(lián)網(wǎng)時代，每個企業(yè)都需要一個網(wǎng)站來展示宣傳自己的品牌，一個網(wǎng)站的好壞直接影響到網(wǎng)站的轉(zhuǎn)化，怎么來判斷和衡量一個網(wǎng)站的好壞?*關(guān)鍵的一個方面就是頁面的設計效果，客戶判斷一個網(wǎng)站是否好，也是看網(wǎng)站的設計是否高端，布局是否合理，顏色和文字、圖像等是否搭配得當，主題是否突出，頁面是否美觀這幾個方面。既然客戶關(guān)心的點是這些，那我們就從這幾方面下功夫，設計出客戶滿意的網(wǎng)站，同時也是自己的一份好的作品。

  網(wǎng)站設計中需要了解的幾大要素：

  網(wǎng)頁的設計尺寸、常用的字體、字體間距舒適范圍、字體顏色設計技巧

  一、網(wǎng)頁的設計尺寸：根據(jù)電腦屏幕分辨率的寬度來定

  比較老點的筆記本屏幕分辨率是：1366*768px

  比較流行的臺式機顯示分辨率是1920*1080px

  一般我們設計網(wǎng)頁的時候，使用1920px寬度的畫布來設計，網(wǎng)站的內(nèi)容寬度控制在1200px以內(nèi);

  如果網(wǎng)站中，導航、中間部分內(nèi)容采用全屏效果，或是寬度超過1200px,則內(nèi)頁也有與首頁寬度保持一致。

  頂部導航的高度一般為60-100px;

  Banner圖的高度一般為：420-580px;

  產(chǎn)品圖片的比例為：4:3 3:4

  團隊介紹中有人物圖片，不要使用黑白色;

  要注意圖片與圖片，圖片與標題、簡介等方面的間距

  二、中文建議使用微軟雅黑字體，英文則建議使用arial 字體。圖片上的字體要使用可以免費商用的字體，不要使用漢儀、方正等容易侵權(quán)的字體。

  常用的字體大小號有以下幾種：

  1、12px是用于網(wǎng)頁的*小字體，適用于突出性的日期，版權(quán)等注釋性內(nèi)容。

  2、14px則適用于非突出性的普通正文內(nèi)容。

  3、16px或18px適用于突出性的標題內(nèi)容。

  4、網(wǎng)站的字體大小并沒有硬性規(guī)定具體的字號，根據(jù)實際情況可以酌情考慮，但是要有限適用偶數(shù)字號。

  5、字體規(guī)格也不需要太多，*好適用三種混搭。如果需要更多

  6、層次的區(qū)別，可以改變字體顏色或加粗來體現(xiàn)。

  三、字體間距舒適范圍

  相鄰兩個文字的間距，其實不需要太過介意，除了特殊的需求之外，都可以使用默認數(shù)值的間距。

  1、行間距，推薦以字體大小的1.5-2倍作為參考;

  2、段間距，推薦以字體大小的2-2.5倍作為參考。

  3、當選用14px字體時，行間距：21-28px; 段間距：8px-35px

  四 、字體顏色設計技巧

  1、主文字的顏色，建議使用公司品牌的VI顏色，可提高公司網(wǎng)站與公司VI之間的關(guān)聯(lián)，增加可辨識性和記憶性。

  2、正文字體顏色，保險起見，選用易讀性的深灰色，建議選用#333到#666之前的顏色。

  3、輔助性的，注釋類的文字，則可以選用#999999之類的比較淺的顏色。

  如果，你對顏色駕馭能力比較強，你也可以選擇偏公司VI顏色的深色，作為正文字體顏色或者輔助性文字的顏色。

  了解了網(wǎng)站設計中關(guān)于尺寸、字體、字間距的標準常識外，一個網(wǎng)站設計的成功與否，很大程度上決定于設計師的網(wǎng)站的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能胸有成竹，設計出來的網(wǎng)頁才能有個性、有特色，具有吸引力。

  網(wǎng)站的設計風格要做到簡單明了并風格一致，既可以突出企業(yè)的品牌，也可以傳遞品牌信息，提高用戶的好感度和信任度，而好的網(wǎng)站設計可以避免頁面信息凌亂，提高用戶體驗感。頁面的設計要大方得當，布局要合理，盡量滿足不同的用戶需求和舒適度。網(wǎng)站的色彩調(diào)配要合理，要有沖擊力，好的色彩搭配可以提供網(wǎng)站的吸引力。

  如何才能規(guī)劃一個好的網(wǎng)站，首先就要對客戶的公司情況有所了解，他們是屬于哪個行業(yè)，有什么樣的市場地位，愿景是什么，他們公司的品牌特色，競爭力，優(yōu)勢，產(chǎn)品信息等，通過這些信息的大概了解，然后再跟負責人溝通下，他們的具體欄目、都要展示哪些內(nèi)容，提供相關(guān)的資料等，做到知己知彼，才能設計出客戶滿意的網(wǎng)站。

  網(wǎng)站設計要綜合美學、心理學、大數(shù)據(jù)等，從多個方面進行對比分析，可以多多參考競品網(wǎng)站是怎么做的，為什么別人要這樣設計，越是效果好的網(wǎng)站，越能讓我們捕捉到不同的東西，我們可以選擇幾個行業(yè)不錯的網(wǎng)站，來進行參考設計。

  一個好的網(wǎng)站設計，一定是簡約的，高端的，具體視覺沖擊力的，讓人看起來舒服的。

  網(wǎng)站設計中一定要注意：細節(jié)!!!!

  細節(jié)決定成敗!