關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的三大注意事項(xiàng)

關(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像素/英寸的分辨率，使用的畫(huà)布尺寸為1920px*1080px。但這并不意味著我們可以在整個(gè)畫(huà)布上畫(huà)畫(huà)。網(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ū)域;換句話(huà)說(shuō)，兩邊都是空白，沒(méi)有實(shí)際用途，只是為了改編而存在;

一般網(wǎng)站內(nèi)容顯示區(qū)域?yàn)?96px國(guó)內(nèi)大部分網(wǎng)站還是限制在1000像素。由于1000像素以上適合在大屏幕上瀏覽，小屏幕會(huì)顯得擁擠。因此，1000像素以?xún)?nèi)的網(wǎng)站寬度可以保證大部分用戶(hù)舒適地瀏覽網(wǎng)頁(yè)。

第二，頁(yè)面的字體設(shè)計(jì)

字體設(shè)計(jì)的一般原則是:可識(shí)別性和易讀性。網(wǎng)頁(yè)的漢字設(shè)計(jì)為系統(tǒng)默認(rèn)字體:宋體、微軟黑體、蘋(píng)果黑體。英語(yǔ)建議使用無(wú)襯線(xiàn)字體，如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倍作為參考。