資深的網(wǎng)站UI設計師必須掌握網(wǎng)站設計的規(guī)范和理解網(wǎng)站運行的原理，才能更好地駕馭各個網(wǎng)站平臺。網(wǎng)頁設計標準，指的是網(wǎng)頁設計的標準規(guī)定，也是一種頁面設計的規(guī)范。一個設計規(guī)范的網(wǎng)頁，不僅設計美觀，同時也會讓用戶有良好的使用體驗。今天小編就來跟大家說說ui設計師不可忽視的6個頁面設計規(guī)范。

　　1.網(wǎng)站的目的

　　下層頁面設計的首要任務，就是了解主設計師在設計主頁面時的思路。如果不了解的話就可能會和原有的設計意圖有偏頗，導致返工。因此，一定要確認好不明白的地方和在意的細節(jié)。

　　如果在設計的時候能有明確的目的，和主頁面有區(qū)別的地方也會比較容易思考了。

　　2.色彩

　　確認使用的顏色。使用太多的顏色將會很難實現(xiàn)統(tǒng)一感，主要的部分也會變得不突出。如果說在同一個網(wǎng)站中使用了數(shù)量眾多的顏色的話就會使得在頁面的統(tǒng)一上無法得到很好的實現(xiàn)，而且無法突出主要的部分。首先，我們需要知道的是在頁面使用的主色調(diào)和點綴色上要一致。然后要保證不同的頁面使用的文字顏色統(tǒng)一，如果沒有辦法很好的掌握在不同的頁面、不同的位置上的文字顏色的使用，我們就可以按照不同的頁面建立統(tǒng)一的規(guī)則來進行顏色的設置。除了顏色之外我們還要注意排版、圖片、裝飾元素等方面的統(tǒng)一原則。

　　3.排版、留白

　　布局和排版要根據(jù)不同的目的而變化。為了引導視線，一個頁面中最想傳達的內(nèi)容要最醒目。這樣的規(guī)則要配合各個頁面得到統(tǒng)一。在這里面重要的劃分就是留白。若不確認好目錄與正文之間及目錄本身的留白，就會變得散亂而失去了設計的一貫性。花費時間去修改頁面的要素，可能就會耽誤整體的進度，所以在設計的時候要好好確認。

　　4.裝飾

　　以圓角的按鈕為例，圓角的大小和線條的粗細，按鈕的尺寸和使用的場合都應該基本保持統(tǒng)一。無視主頁面已經(jīng)使用的元素，在下層頁面制作新的元素就會打破整體的規(guī)則。一般會要么都是圓角，要么都是直角，基本沒有混合使用的情況，所以不要讓破壞整體風格的元素出現(xiàn)。

　　5.文本的規(guī)則

　　現(xiàn)在有不少的人都沒有去注意到文本樣式的規(guī)劃，這樣的話就會使得下層頁面和主頁面風格上不是非常的統(tǒng)一，因此就要特別的注意了。下面，來看看文本規(guī)則的三個重要點：

　　1、在網(wǎng)站頁面的標題、目錄和正文的字號方面

　　通常情況下，下層頁面在使用的字體字號上和首頁是一樣的字號，且每個頁面正文所使用的文本樣式也都大致一樣，同時在對文字的字號調(diào)整的時候為了更好的確保統(tǒng)一印象，在頁面的跳躍率上也是同樣的。

　　2、字間距、行間距方面

　　文字的行間距如果是發(fā)生了一定的改變的話，那么就會讓整個網(wǎng)站給人的感覺發(fā)生了改變，我們就需要注意在字間距、行間距上也要保持下層頁面和主頁面統(tǒng)一。

　　3、語言的使用方面

　　雖然說語言方面和網(wǎng)頁設計沒有直接的關(guān)系，但是如果是同樣的內(nèi)容在書寫的風格上卻有著比較大的不同的話就會造成網(wǎng)頁混亂的。

　　6.圖片

　　下層頁面在使用圖片的時候，應該使用和主頁面同樣風格的圖片，整體調(diào)整色調(diào)。事先在決定使用哪些圖片的時候，先確認一下色調(diào)，這樣后面就會順利很多。并且，還要事先考慮是否適用于移動設備上，尤其是響應式頁面圖片的比例要保持一致，在移動設備上是否能夠完全顯示也必須考慮到，這樣會給之后減少很多工作量。

　　網(wǎng)頁設計規(guī)范的要點大概就有這些了，在進行設計的時候不妨可以參考這些事項，從而設計出最佳的網(wǎng)站。希望可以給大家?guī)韼椭?/p>

http://ezekroy.com/wangzhansheji/3883.html 網(wǎng)頁設計標準5大關(guān)鍵點分享