關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的三大注意事項(xiàng),你知道些什么?建設(shè)網(wǎng)站時(shí),需要設(shè)計(jì)網(wǎng)頁(yè),比如頁(yè)面大小、字體、間距等。下面圍繞這三個(gè)方面進(jìn)行介紹,希望對(duì)你有所幫助。
一、頁(yè)面尺寸設(shè)計(jì)
制作網(wǎng)頁(yè)時(shí),我們選擇72像素/英寸的分辨率,使用的畫布尺寸為1920px*1080px。但這并不意味著我們可以在整個(gè)畫布上畫畫。網(wǎng)頁(yè)的布局主要有兩種,左右布局和居中布局。布局不一致,導(dǎo)致可設(shè)計(jì)空間不一樣。
比如左右布局要靈活,UI限制要小。左側(cè)橫幅為導(dǎo)航欄,寬度沒(méi)有具體限制,可根據(jù)實(shí)際情況進(jìn)行調(diào)整。如果有中心布局,中間的藍(lán)色部分是網(wǎng)站內(nèi)容展示的有效展示區(qū)域;換句話說(shuō),兩邊都是空白,沒(méi)有實(shí)際用途,只是為了改編而存在;
一般網(wǎng)站內(nèi)容顯示區(qū)域?yàn)?96px國(guó)內(nèi)大部分網(wǎng)站還是限制在1000像素。由于1000像素以上適合在大屏幕上瀏覽,小屏幕會(huì)顯得擁擠。因此,1000像素以內(nèi)的網(wǎng)站寬度可以保證大部分用戶舒適地瀏覽網(wǎng)頁(yè)。
第二,頁(yè)面的字體設(shè)計(jì)
字體設(shè)計(jì)的一般原則是:可識(shí)別性和易讀性。網(wǎng)頁(yè)的漢字設(shè)計(jì)為系統(tǒng)默認(rèn)字體:宋體、微軟黑體、蘋果黑體。英語(yǔ)建議使用無(wú)襯線字體,如Times New Roamn、Arial和Comis Sans MS
使用的字體大小如下:
1.12px是應(yīng)用于網(wǎng)頁(yè)的最小字體,它適用于非顯著的日期、版權(quán)和其他注釋內(nèi)容。
2、14px適合不突出的普通文本內(nèi)容。
3、16px、18px、20px、26px或30px適合突出標(biāo)題內(nèi)容。注意偶數(shù)的原則,奇數(shù)像素會(huì)有毛刺!
三。字體間距設(shè)計(jì)
其實(shí)你不需要太在意相鄰兩個(gè)詞之間的間距。除特殊要求外,可以使用默認(rèn)值間距。比如行距建議為字體大小的1.5-2倍作為參考;段落間距建議為字體大小的2-2.5倍作為參考。
關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的三大注意事項(xiàng),你知道些什么?這方面的相關(guān)介紹就是這些。希望對(duì)你有幫助。