網(wǎng)頁設計時需要注意哪些點？成都網(wǎng)站建設為您講解

在制作網(wǎng)站之前，我們首先需要做好網(wǎng)頁設計，那么在做網(wǎng)頁設計時，我們需要注意哪些點呢?一起和成都網(wǎng)站建設公司小編來了解下吧：

一、網(wǎng)頁尺寸

制作網(wǎng)頁時，我們選用的分辨率是72像素/英寸，使用的畫布尺寸1920px*1080px。

但是并不代表我們可以在整個畫布上作圖。

網(wǎng)頁的布局主要有兩種，左右型布局和居中型布局。布局的不一致，使得可設計的空間也不相同。

1、左右布局

靈活性強， UI的限制小，左邊通欄為導航欄，寬度沒有具體的限制，可根據(jù)實際情況調(diào)整;

右側為內(nèi)容版塊范圍，是網(wǎng)站內(nèi)容的展示區(qū)域。

2、居中布局

中間的藍色部分為有效的顯示局域，用于網(wǎng)站內(nèi)容的展示;換句話說，兩邊均為留白，沒有實際用途，只是為了適配而存在;

3.主流電腦屏幕尺寸有以下幾種：

一般網(wǎng)站內(nèi)容顯示的區(qū)域為996px;國內(nèi)網(wǎng)站大部分還是以1000個像素為界限，因超過1000像素適合在大屏幕上瀏覽，小屏幕會顯得擁擠。所以網(wǎng)站寬度在1000像素以內(nèi)可以保證大部分用戶舒適的瀏覽網(wǎng)頁。

二、網(wǎng)頁字體

字體設計的總原則是：可辨識性和易讀性。

網(wǎng)頁的中文字設計是系統(tǒng)默認的字體：宋體、微軟黑體、蘋果系統(tǒng)黑體;

英文則建議使用Times New Roamn、Arial、Comis Sans MS等無襯線字體。

常用的字號大小有以下幾種：

12px是應用于網(wǎng)頁的zui小字體，適用于非突出性的日期，版權等注釋性內(nèi)容。

14px 則適用于非突出性的普通正文內(nèi)容。

16px、18px、20px、26px或者30px 適用于突出性的標題內(nèi)容。注意都是偶數(shù)原則，奇數(shù)像素會出毛邊!

三、字體間距

相鄰兩個文字的間距，其實不需要太過介意，除了特殊的需求之外，都可以使用默認數(shù)值的間距。

行間距：推薦以字體大小的1.5—2倍作為參考;

段間距：推薦以字體大小的2—2.5倍作為參考。

例如，當選用14px 的字體時，行間距：21—28px;段間距：28px—35px。

四、字體顏色

六種除了主色調(diào)以外都是場景色，需要在不同的場景中使用(例如危險色表示危險的場景)六種是文字排版色，通過文字的不同用色進行文字排版，以表現(xiàn)層次結構。

主文字顏色，建議使用 公司品牌的VI顏色，可提高公司網(wǎng)站與公司VI之間的關聯(lián)，增加可辨識性和記憶性。

正文字體顏色，保險起見，選用易讀性的深灰色，建議選用 #333333到#666666 之間的顏色。

五、首屏內(nèi)容

做網(wǎng)頁設計時，你還要特別注意網(wǎng)頁的首屏內(nèi)容，在構圖和內(nèi)容呈現(xiàn)上，首屏模塊的設計至關重要。

除去任務欄，瀏覽器菜單欄以及狀態(tài)欄的高度，剩下的是首屏的高度。

Window XP的首屏高度平均值是580px;Window 7的首屏高度平均值是710px。

綜合考慮到Window XP已經(jīng)逐漸退出市場，在實際操作時，我們 以710px 作為依據(jù)。

另外，是關于圖片尺寸的問題。

需要全屏顯示的圖片，寬度尺寸嚴格設計為1920px。 但是值得注意的是，圖片內(nèi)容的有效范圍不能超過網(wǎng)頁內(nèi)容的有效范圍，即控制在1200px以內(nèi)。避免遇到小屏幕設備時，內(nèi)容顯示不全，而造成信息的遺漏的情況。

當前題目：網(wǎng)頁設計時需要注意哪些點？成都網(wǎng)站建設為您講解
本文網(wǎng)址：http://www.bm7419.com/news25/85025.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、小程序開發(fā)、服務器托管、自適應網(wǎng)站、網(wǎng)站導航、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)