2020-08-10 分類: 網站建設
在制作網站之前,我們首先需要做好網頁設計,那么在做網頁設計時,我們需要注意哪些點呢?一起和成都網站建設公司小編來了解下吧:
一、網頁尺寸
制作網頁時,我們選用的分辨率是72像素/英寸,使用的畫布尺寸1920px*1080px。
但是并不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設計的空間也不相同。
1、左右布局
靈活性強, UI的限制小,左邊通欄為導航欄,寬度沒有具體的限制,可根據實際情況調整;
右側為內容版塊范圍,是網站內容的展示區域。
2、居中布局
中間的藍色部分為有效的顯示局域,用于網站內容的展示;換句話說,兩邊均為留白,沒有實際用途,只是為了適配而存在;
3.主流電腦屏幕尺寸有以下幾種:
一般網站內容顯示的區域為996px;國內網站大部分還是以1000個像素為界限,因超過1000像素適合在大屏幕上瀏覽,小屏幕會顯得擁擠。所以網站寬度在1000像素以內可以保證大部分用戶舒適的瀏覽網頁。
二、網頁字體
字體設計的總原則是:可辨識性和易讀性。
網頁的中文字設計是系統默認的字體:宋體、微軟黑體、蘋果系統黑體;
英文則建議使用Times New Roamn、Arial、Comis Sans MS等無襯線字體。
常用的字號大小有以下幾種:
12px是應用于網頁的zui小字體,適用于非突出性的日期,版權等注釋性內容。
14px 則適用于非突出性的普通正文內容。
16px、18px、20px、26px或者30px 適用于突出性的標題內容。注意都是偶數原則,奇數像素會出毛邊!
三、字體間距
相鄰兩個文字的間距,其實不需要太過介意,除了特殊的需求之外,都可以使用默認數值的間距。
行間距:推薦以字體大小的1.5—2倍作為參考;
段間距:推薦以字體大小的2—2.5倍作為參考。
例如,當選用14px 的字體時,行間距:21—28px;段間距:28px—35px。
四、字體顏色
六種除了主色調以外都是場景色,需要在不同的場景中使用(例如危險色表示危險的場景)六種是文字排版色,通過文字的不同用色進行文字排版,以表現層次結構。
主文字顏色,建議使用 公司品牌的VI顏色,可提高公司網站與公司VI之間的關聯,增加可辨識性和記憶性。
正文字體顏色,保險起見,選用易讀性的深灰色,建議選用 #333333到#666666 之間的顏色。
五、首屏內容
做網頁設計時,你還要特別注意網頁的首屏內容,在構圖和內容呈現上,首屏模塊的設計至關重要。
除去任務欄,瀏覽器菜單欄以及狀態欄的高度,剩下的是首屏的高度。
Window XP的首屏高度平均值是580px;Window 7的首屏高度平均值是710px。
綜合考慮到Window XP已經逐漸退出市場,在實際操作時,我們 以710px 作為依據。
另外,是關于圖片尺寸的問題。
需要全屏顯示的圖片,寬度尺寸嚴格設計為1920px。 但是值得注意的是,圖片內容的有效范圍不能超過網頁內容的有效范圍,即控制在1200px以內。避免遇到小屏幕設備時,內容顯示不全,而造成信息的遺漏的情況。
當前題目:網頁設計時需要注意哪些點?成都網站建設為您講解
本文網址:http://m.newbst.com/news25/85025.html
成都網站建設公司_創新互聯,為您提供電子商務、小程序開發、服務器托管、自適應網站、網站導航、軟件開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容