ui設計是現在各行業都需要使用的。網站ui設計跟其他的ui設計一樣，都有一定的標準和規范。關于網站ui設計尺寸規范以及其他的ui設計要求，今天就讓小編為大家好好介紹一下。

　　網站ui設計尺寸規范及其他要求

　　1、網頁規范：

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

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

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

　　2、字體規范：

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

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

　?。?）中文字常用字號：

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

　　正文內容：12px、14px。

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

　　輔助信息：12px、14px。

網站ui設計尺寸規范（圖片來自網絡）

　?。?）英文字常用字號：

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

　　3、網頁頁面等級

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

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

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

　　4、網頁常見板塊劃分

　?。?）頭部區域-----top或header，Logo、主導航、搜索、注冊、登錄、版本等信息。

　?。?）主視覺區----banner，展示公司品牌形象、新品宣傳、主題活動等輪播大圖。

　?。?）主要內容區---main，新聞動態、產品與服務、公司介紹等。

　?。?）底部信息區---footer，網站地圖、聯系我們、版權信息、ICP備案號等信息。

網站ui設計尺寸規范（圖片來自網絡）

　　5、網頁的顏色

　?。?）來自于LOGO的顏色。

　?。?）來自于環境的顏色。

　?。?）來自于產品的顏色。

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

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

　　網頁設計需注意的問題有哪些

　　1、高清大圖，圖片不能有水印。有圖片的位置最好配有文字說明不要大篇幅的圖片擺放。在網頁設計中不要有重復圖片，每個圖片必須有一個部分是完整的；圖片素材不要直接用設計好的圖片；在板塊中不要有純圖片的設計，一定有文字解釋，有鏈接；一個版塊內的圖片要選擇同一種類型；圖片距離文字不要過近。

　　2、文字排版，標點符號不能在一行的第一個，不要一個文字為獨立的一行；如果色塊中有文字，文字必須在色塊的中心，不能上或者下留有太多空白空間。

　　3、如果箭頭朝下必須有下拉菜單，如果下拉菜單是合起的狀態，箭頭朝右。

　　4、banner不能是現成的圖片，需要進行合成和設計，也需要有文字的極差關系和對比。

　　5、產品分類中必須有不同的產品體現；在每一個板塊中都必須體現明顯的連接。

　　以上就是小編為大家介紹的關于網站ui設計尺寸規范的相關內容。ui設計要有一定的規范和標準，在設計的時候按照這些規范，設計出來的ui網站才能更容易被大眾所認可和接受。