談一下網頁設計規範都有哪些標準

  網際網路時代╃·↟₪▩，每個企業都需要一個網站來展示宣傳自己的品牌╃·↟₪▩，一個網站的好壞直接影響到網站的轉化╃·↟₪▩，怎麼來判斷和衡量一個網站的好壞?*關鍵的一個方面就是頁面的設計效果╃·↟₪▩，客戶判斷一個網站是否好╃·↟₪▩，也是看網站的設計是否高階╃·↟₪▩，佈局是否合理╃·↟₪▩，顏色和文字◕✘✘₪、影象等是否搭配得當╃·↟₪▩，主題是否突出╃·↟₪▩，頁面是否美觀這幾個方面╃•。既然客戶關心的點是這些╃·↟₪▩，那我們就從這幾方面下功夫╃·↟₪▩，設計出客戶滿意的網站╃·↟₪▩，同時也是自己的一份好的作品╃•。

  網站設計中需要了解的幾大要素·✘│✘：

  網頁的設計尺寸◕✘✘₪、常用的字型◕✘✘₪、字型間距舒適範圍◕✘✘₪、字型顏色設計技巧

  一◕✘✘₪、網頁的設計尺寸·✘│✘：根據電腦螢幕解析度的寬度來定

  比較老點的筆記本螢幕解析度是·✘│✘：1366*768px

  比較流行的桌上型電腦顯示解析度是1920*1080px

  一般我們設計網頁的時候╃·↟₪▩，使用1920px寬度的畫布來設計╃·↟₪▩，網站的內容寬度控制在1200px以內;

  如果網站中╃·↟₪▩，導航◕✘✘₪、中間部分內容採用全屏效果╃·↟₪▩，或是寬度超過1200px,則內頁也有與首頁寬度保持一致╃•。

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

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

  產品圖片的比例為·✘│✘：4:3 3:4

  團隊介紹中有人物圖片╃·↟₪▩，不要使用黑白色;

  要注意圖片與圖片╃·↟₪▩，圖片與標題◕✘✘₪、簡介等方面的間距

  二◕✘✘₪、中文建議使用微軟雅黑字型╃·↟₪▩，英文則建議使用arial 字型╃•。圖片上的字型要使用可以免費商用的字型╃·↟₪▩，不要使用漢儀◕✘✘₪、方正等容易侵權的字型╃•。

  常用的字型大小號有以下幾種·✘│✘：

  1◕✘✘₪、12px是用於網頁的*小字型╃·↟₪▩，適用於突出性的日期╃·↟₪▩，版權等註釋性內容╃•。

  2◕✘✘₪、14px則適用於非突出性的普通正文內容╃•。

  3◕✘✘₪、16px或18px適用於突出性的標題內容╃•。

  4◕✘✘₪、網站的字型大小並沒有硬性規定具體的字號╃·↟₪▩，根據實際情況可以酌情考慮╃·↟₪▩，但是要有限適用偶數字號╃•。

  5◕✘✘₪、字型規格也不需要太多╃·↟₪▩，*好適用三種混搭╃•。如果需要更多

  6◕✘✘₪、層次的區別╃·↟₪▩，可以改變字型顏色或加粗來體現╃•。

  三◕✘✘₪、字型間距舒適範圍

  相鄰兩個文字的間距╃·↟₪▩，其實不需要太過介意╃·↟₪▩，除了特殊的需求之外╃·↟₪▩，都可以使用預設數值的間距╃•。

  1◕✘✘₪、行間距╃·↟₪▩，推薦以字型大小的1.5-2倍作為參考;

  2◕✘✘₪、段間距╃·↟₪▩，推薦以字型大小的2-2.5倍作為參考╃•。

  3◕✘✘₪、當選用14px字型時╃·↟₪▩，行間距·✘│✘：21-28px; 段間距·✘│✘：8px-35px

  四 ◕✘✘₪、字型顏色設計技巧

  1◕✘✘₪、主文字的顏色╃·↟₪▩，建議使用公司品牌的VI顏色╃·↟₪▩，可提高公司網站與公司VI之間的關聯╃·↟₪▩，增加可辨識性和記憶性╃•。

  2◕✘✘₪、正文字型顏色╃·↟₪▩，保險起見╃·↟₪▩，選用易讀性的深灰色╃·↟₪▩，建議選用#333到#666之前的顏色╃•。

  3◕✘✘₪、輔助性的╃·↟₪▩，註釋類的文字╃·↟₪▩，則可以選用#999999之類的比較淺的顏色╃•。

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

  瞭解了網站設計中關於尺寸◕✘✘₪、字型◕✘✘₪、字間距的標準常識外╃·↟₪▩，一個網站設計的成功與否╃·↟₪▩，很大程度上決定於設計師的網站的規劃水平╃·↟₪▩，規劃網站就像設計師設計大樓一樣╃·↟₪▩，圖紙設計好了╃·↟₪▩，才能建成一座漂亮的樓房╃•。網站規劃包含的內容很多╃·↟₪▩，如網站的結構◕✘✘₪、欄目的設定◕✘✘₪、網站的風格◕✘✘₪、顏色搭配◕✘✘₪、版面佈局◕✘✘₪、文字圖片的運用等╃·↟₪▩，只有在製作網頁之前把這些方面都考慮到了╃·↟₪▩，才能胸有成竹╃·↟₪▩，設計出來的網頁才能有個性◕✘✘₪、有特色╃·↟₪▩，具有吸引力╃•。

  網站的設計風格要做到簡單明瞭並風格一致╃·↟₪▩，既可以突出企業的品牌╃·↟₪▩，也可以傳遞品牌資訊╃·↟₪▩，提高使用者的好感度和信任度╃·↟₪▩，而好的網站設計可以避免頁面資訊凌亂╃·↟₪▩，提高使用者體驗感╃•。頁面的設計要大方得當╃·↟₪▩，佈局要合理╃·↟₪▩，儘量滿足不同的使用者需求和舒適度╃•。網站的色彩調配要合理╃·↟₪▩，要有衝擊力╃·↟₪▩，好的色彩搭配可以提供網站的吸引力╃•。

  如何才能規劃一個好的網站╃·↟₪▩，首先就要對客戶的公司情況有所瞭解╃·↟₪▩，他們是屬於哪個行業╃·↟₪▩，有什麼樣的市場地位╃·↟₪▩，願景是什麼╃·↟₪▩，他們公司的品牌特色╃·↟₪▩，競爭力╃·↟₪▩，優勢╃·↟₪▩，產品資訊等╃·↟₪▩，透過這些資訊的大概瞭解╃·↟₪▩，然後再跟負責人溝通下╃·↟₪▩，他們的具體欄目◕✘✘₪、都要展示哪些內容╃·↟₪▩，提供相關的資料等╃·↟₪▩，做到知己知彼╃·↟₪▩，才能設計出客戶滿意的網站╃•。

  網站設計要綜合美學◕✘✘₪、心理學◕✘✘₪、大資料等╃·↟₪▩，從多個方面進行對比分析╃·↟₪▩，可以多多參考競品網站是怎麼做的╃·↟₪▩，為什麼別人要這樣設計╃·↟₪▩，越是效果好的網站╃·↟₪▩，越能讓我們捕捉到不同的東西╃·↟₪▩，我們可以選擇幾個行業不錯的網站╃·↟₪▩，來進行參考設計╃•。

  一個好的網站設計╃·↟₪▩，一定是簡約的╃·↟₪▩，高階的╃·↟₪▩，具體視覺衝擊力的╃·↟₪▩，讓人看起來舒服的╃•。

  網站設計中一定要注意·✘│✘：細節!!!!

  細節決定成敗!