說起網(wǎng)頁界面設(shè)計,也許大部分人首先想到的是前端代碼和后臺程序,但在做這兩件事之前,還有一件事要先做。就是設(shè)計圖。沒有設(shè)計圖,前端工程師就沒有實現(xiàn)的依據(jù)。下面我們就來詳細(xì)了解一下,網(wǎng)頁設(shè)計圖的設(shè)計規(guī)范有哪些?
一、尺寸大小
不管設(shè)計什么,我們必須有一個畫布才能開始設(shè)計,那么我們這個畫布應(yīng)該做多大呢?這正是我們在網(wǎng)頁界面設(shè)計時遇到的第一個問題。
一般來說,我們設(shè)計的時候是根據(jù)電腦分辨率大小設(shè)計的,根據(jù)電腦顯示器的大小,現(xiàn)在使用1920px的寬度居多,以前的版本也使用1440px,比較小的使用1280px,但現(xiàn)在屏幕越來越大,一般設(shè)計布局也可以設(shè)置得更大一些。
如果我們在設(shè)計時使用1920px寬度的屏幕,那么,我們應(yīng)該把我們的內(nèi)容弄得多大,和整個寬度一樣大嗎?一般不會有人這樣做。
我們有時會做1920px的寬度,但有的電腦寬度只有1440px,看不到最邊上的內(nèi)容,所以我們需要一個內(nèi)容區(qū)域的大小。為了使任何顯示器都能完全顯示所有內(nèi)容,這個內(nèi)容區(qū)域的大小一般在1000左右,以前的設(shè)置比較小,但是1000還是保險點。具體大小可以根據(jù)自己的要求調(diào)整。
二、字體大小
網(wǎng)頁界面設(shè)計對字體的要求也很多。通常設(shè)計標(biāo)題的大小為16px或14px,注意不要設(shè)置為15px,以免出現(xiàn)單數(shù)值。
正文的大小也是用戶可以接受的最小字體大小12px,沒必要設(shè)計得那么大。英文最小尺寸可以設(shè)置為9px。這個尺寸已經(jīng)看得很清楚了。
另外,使用什么字體。這個網(wǎng)站設(shè)計出來在網(wǎng)上是給別人瀏覽的,所以為了防止部分字體無法正常顯示,所以基本上會選擇系統(tǒng)自帶的字體,比如說中文的微軟雅黑色、黑體、宋體、英文的有Tahoma、Arial等,這些也是我們需要考慮的問題。
網(wǎng)頁界面設(shè)計除了以上這兩個方面的規(guī)范需要遵循之外,還有網(wǎng)頁的格柵也是需要遵循一定的規(guī)范的。但是今天因為時間關(guān)系,我們就不做詳細(xì)介紹了。