網頁UI設計規(guī)范

目前創(chuàng)新互聯(lián)公司已為近千家的企業(yè)提供了網站建設、域名、網站空間、網站托管維護、企業(yè)網站設計、從江網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

1. 網頁規(guī)范：

網頁寬度為1920 高度不限，有效可視區(qū)：950px~1200px寬度，具體尺寸根據項目，客戶要求以及用戶群決定。

首屏高約為700-750PX 主體內容區(qū)域1200PX。

文檔建立：文件寬度為1920PX 高度不限，RGB顏色模式， 分辨率72

2. 字體規(guī)范：

中文常用字體：宋體-字體樣式（無）、微軟雅黑-字體樣式（Windows LCD）、蘋方（MAC）

英文常用字體：Times NewRoman、Arial、sans

（1）中文字常用字號：

導航文字大?。?4px、16px、18px、20px；

正文內容：12px、14px；

標題：22px、24px、26px、28px、30px；

輔助信息：12px、14px；

（2）英文字常用字號：

標題和內容文字10-16px；中英文結合zui小12px；全英文網站zui小10px（比如底部信息）；

3. 網頁頁面等級

（1）首頁：進入網頁中看到的第一個頁面（LOGO、公司名稱、導航、banner、新聞、相關信息、底部信息、banner一般是5個。

注意：網站的首頁只能有一個。

（2）二級頁面：從首頁點擊進入之后的頁面叫做二級頁面。

（3）三級頁面：從二級頁面點擊進入的頁面。

4. 網頁常見板塊劃分

（1）頭部區(qū)域-----top或header

Logo、主導航、搜索、注冊、登錄、版本等信息...

（2）主視覺區(qū)----banner

展示公司品牌形象、新品宣傳、主題活動等輪播大圖

（3）主要內容區(qū)---main

新聞動態(tài)、產品與服務、公司介紹等

（4）底部信息區(qū)---footer

網站地圖、聯(lián)系我們、版權信息、ICP備案號等信息

5. 網頁的顏色

（1）來自于LOGO的顏色；

（2）來自于環(huán)境的顏色；

（4）來自于產品的顏色；

（5）公式：隨意選擇四個顏色，調整四個顏色的明度和直線色相；

（6）選擇一個符合你產品的任意顏色圖片，然后在這個圖片中提出來四種顏色，來作為網頁的主色調 （服裝，飾品、化妝品類居多）。

6. 網頁設計需注意的問題:

（1）高清大圖，圖片不能有水?。?

（2）有圖片的位置zui好配有文字說明不要大篇幅的圖片擺放；

（3）文字排版，標點符號不能在一行的第一個，不要一個文字為獨立的一行；

（4）如果色塊中有文字，文字必須在色塊的中心，不能上或者下留有太多空白空間；

（5）如果箭頭朝下必須有下拉菜單，如果下拉菜單是合起的狀態(tài)，箭頭朝右；

（6）banner不能是現(xiàn)成的圖片，需要進行合成和設計，也需要有文字的極差關系和對比；

（7）產品分類中必須有不同的產品體現(xiàn)；

（8）在每一個板塊中都必須體現(xiàn)明顯的連接；

（9）在網頁設計中不要有重復圖片，每個圖片必須有一個部分是完整的；

（10）圖片素材不要直接用設計好的圖片；

（11）在板塊中不要有純圖片的設計，一定有文字解釋，有鏈接；

（12）一個版塊內的圖片要選擇同一種類型；

（13）圖片距離文字不要過近。