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