網頁設計規范包括什么?
網頁設計是UI設計師工作的重要組成部分,想要做出好的網頁設計作品你需要遵守一定的設計流程和規范。提及網頁設計,很多人想到的就是前端代碼和后臺的程序,但在做這兩個之前,你首先要有設計圖。而遵守網頁設計規范最重要的作用是:統一識別、節約資源、重復利用、上手簡單。下面就來給大家介紹一下UI設計教程中的網頁設計流程與規范。
1、尺寸大小。在進行網頁設計時,我們需要考慮畫布尺寸以及分辨率,比如可以根據電腦的分辨率進行分析?,F在用的比較多的是1920px的寬度,以前的版本也有用到1440px,比較小的還有1280px的,但現在屏幕越來越大,一般設計的設計的版面也會設置得大一點的尺寸。
2、字體大小。一般去設計的時候標題的大小設置在16px或者14px,正文的大小也是用戶最小能接受的字體大小為12px,英文的最小碼可以設置到9px。當然,不同的需求字體的設置也不盡相同,比如為了避免一些字體不能顯示出來,采用的字體會要求采用系統自帶的。
3、表單。表單就是那些輸入框和單選框、復選框,他們之間的間距和大小都有一定的規范。表單與表單的間距,表單與文字的間距,都有一些規范在上面,去設計的時候按照規范去做就行了,當然這些也只是規范,可以適當的放大或者縮小。
4、網頁柵格。是以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布,簡單的理解就是可以通過這些網頁柵格去區分內容,將內容歸類。
5、留白。設計的時候不要把所有東西全部堆積再一起,要進行有效的區分。適當的將內容進行留白,讓整個界面的各個元素能明顯的區分,讓看的人覺得界面給的感覺很舒適。
6、圖文規范。為了讓網頁看起來更加的整潔,而不像是堆積起來的,所以也要將文字與圖片用距離區分開來,讓它文字是文字,圖片是圖片。通常來說,圖片與文字之間的間距一般是10px,標圖與價格的間距也為10px。