2022-11-26 分類: 網(wǎng)站建設(shè)
資深的網(wǎng)站UI設(shè)計師必須掌握網(wǎng)站設(shè)計的規(guī)范和理解網(wǎng)站運(yùn)行的原理,才能更好地駕馭各個網(wǎng)站平臺。網(wǎng)頁設(shè)計標(biāo)準(zhǔn),指的是網(wǎng)頁設(shè)計的標(biāo)準(zhǔn)規(guī)定,也是一種頁面設(shè)計的規(guī)范。一個設(shè)計規(guī)范的網(wǎng)頁,不僅設(shè)計美觀,同時也會讓用戶有良好的使用體驗。今天小編就來跟大家說說ui設(shè)計師不可忽視的6個頁面設(shè)計規(guī)范。
1.網(wǎng)站的目的
下層頁面設(shè)計的首要任務(wù),就是了解主設(shè)計師在設(shè)計主頁面時的思路。如果不了解的話就可能會和原有的設(shè)計意圖有偏頗,導(dǎo)致返工。因此,一定要確認(rèn)好不明白的地方和在意的細(xì)節(jié)。
如果在設(shè)計的時候能有明確的目的,和主頁面有區(qū)別的地方也會比較容易思考了。
2.色彩
確認(rèn)使用的顏色。使用太多的顏色將會很難實現(xiàn)統(tǒng)一感,主要的部分也會變得不突出。如果說在同一個網(wǎng)站中使用了數(shù)量眾多的顏色的話就會使得在頁面的統(tǒng)一上無法得到很好的實現(xiàn),而且無法突出主要的部分。首先,我們需要知道的是在頁面使用的主色調(diào)和點綴色上要一致。然后要保證不同的頁面使用的文字顏色統(tǒng)一,如果沒有辦法很好的掌握在不同的頁面、不同的位置上的文字顏色的使用,我們就可以按照不同的頁面建立統(tǒng)一的規(guī)則來進(jìn)行顏色的設(shè)置。除了顏色之外我們還要注意排版、圖片、裝飾元素等方面的統(tǒng)一原則。
3.排版、留白
布局和排版要根據(jù)不同的目的而變化。為了引導(dǎo)視線,一個頁面中最想傳達(dá)的內(nèi)容要最醒目。這樣的規(guī)則要配合各個頁面得到統(tǒng)一。在這里面重要的劃分就是留白。若不確認(rèn)好目錄與正文之間及目錄本身的留白,就會變得散亂而失去了設(shè)計的一貫性?;ㄙM(fèi)時間去修改頁面的要素,可能就會耽誤整體的進(jìn)度,所以在設(shè)計的時候要好好確認(rèn)。
4.裝飾
以圓角的按鈕為例,圓角的大小和線條的粗細(xì),按鈕的尺寸和使用的場合都應(yīng)該基本保持統(tǒng)一。無視主頁面已經(jīng)使用的元素,在下層頁面制作新的元素就會打破整體的規(guī)則。一般會要么都是圓角,要么都是直角,基本沒有混合使用的情況,所以不要讓破壞整體風(fēng)格的元素出現(xiàn)。
5.文本的規(guī)則
現(xiàn)在有不少的人都沒有去注意到文本樣式的規(guī)劃,這樣的話就會使得下層頁面和主頁面風(fēng)格上不是非常的統(tǒng)一,因此就要特別的注意了。下面,來看看文本規(guī)則的三個重要點:
1、在網(wǎng)站頁面的標(biāo)題、目錄和正文的字號方面
通常情況下,下層頁面在使用的字體字號上和首頁是一樣的字號,且每個頁面正文所使用的文本樣式也都大致一樣,同時在對文字的字號調(diào)整的時候為了更好的確保統(tǒng)一印象,在頁面的跳躍率上也是同樣的。
2、字間距、行間距方面
文字的行間距如果是發(fā)生了一定的改變的話,那么就會讓整個網(wǎng)站給人的感覺發(fā)生了改變,我們就需要注意在字間距、行間距上也要保持下層頁面和主頁面統(tǒng)一。
3、語言的使用方面
雖然說語言方面和網(wǎng)頁設(shè)計沒有直接的關(guān)系,但是如果是同樣的內(nèi)容在書寫的風(fēng)格上卻有著比較大的不同的話就會造成網(wǎng)頁混亂的。
6.圖片
下層頁面在使用圖片的時候,應(yīng)該使用和主頁面同樣風(fēng)格的圖片,整體調(diào)整色調(diào)。事先在決定使用哪些圖片的時候,先確認(rèn)一下色調(diào),這樣后面就會順利很多。并且,還要事先考慮是否適用于移動設(shè)備上,尤其是響應(yīng)式頁面圖片的比例要保持一致,在移動設(shè)備上是否能夠完全顯示也必須考慮到,這樣會給之后減少很多工作量。
網(wǎng)頁設(shè)計規(guī)范的要點大概就有這些了,在進(jìn)行設(shè)計的時候不妨可以參考這些事項,從而設(shè)計出好的網(wǎng)站。希望可以給大家?guī)韼椭?/p>
網(wǎng)站標(biāo)題:網(wǎng)頁設(shè)計標(biāo)準(zhǔn)5大關(guān)鍵點分享
文章鏈接:http://m.rwnh.cn/news/216917.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、移動網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、商城網(wǎng)站、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容