數據正在讀取中...

您的位置: 設計資訊 > 網站設計 > 網頁設計

網頁設計組成與規范需要遵循的原則及技巧

www.dkiyuz.live 2019-12-04 19:44 設計.世界 瀏覽(1267)

摘 要:隨著互聯網的發展,現在任何公司、電商或者任何活動都離不開網頁的展示,那么對于頁面的設計就格外重要,這是給客戶留的第一印象,網頁里面有的內容無非就是圖和文,那針對于網頁設計的技巧、規范和注意事項。
一、文字
一個網頁里面最重要的元素就是文字,尤其是門戶類和企業類網頁,如果一個網頁沒有文字,就像一道菜沒有鹽,索然無味,甚至網頁想表達的是什么都不知道,那么文字的規范就很重要。常見的中文和英文最多,基本規范如下:

1、字體:中文常用宋體、微軟雅黑和黑體,其中黑體常用于導航或者標題,英文常用無襯線的Arial、Helvetica、Verdana和襯線的Georgia、Times。

2、字號:中文最小字號為12px,英文最小字號9px,不過建議10px起,因為網頁里面的字號通常為雙數。

3、樣式:網頁里宋體12px和14px通常設置為無,宋體的其他字號和其他字體通常平滑即可。

4、粗體:大片的閱讀性文字不適合加粗,文字加粗通常適用于導航、標題或者強調性的文字上。

5、顏色:除了標題或者交互等強調性的文字以外,其他重要文字用#333333居多,次要文字用#666666居多,輔助文字用#999999居多。

6、行高:行高可以根據字號來定,一般是字號的1.5-2倍居多。

二、圖片
網頁里面第二大重要元素就是圖片,尤其是電商類和專題類網頁,圖片完全符合人類的懶人閱讀法,能做到搭眼一看就能知道表達的主題是什么或者產品是什么,這是文字所不能匹敵的,并且一個網頁美不美,全靠圖片支撐,關于圖片的建議如下:

1、主次:也就是要大小混排,就連最簡單的電商列表頁,還要有側邊欄或者底部推薦產品的不同尺寸產品圖來陪襯,這樣的目的是避免瀏覽乏味,中和視覺。

2、大小:有的廣告圖會比較大來增強視覺沖擊力,尤其是專題頁頭圖,建議不要超過一屏,不同分辨率的電腦一屏的尺寸會有所不同,一般800px上下最常見。

三、圖標
網頁是絕對少不了圖標的點綴裝飾的,只有文字會干巴巴的,那對于圖標就比較簡單了,注意如下幾點:

1、圖標要統一大小,統一材質,統一視角,統一顏色,統一風格,比如用線條風就整個全部用線條風,例如下面兩組風格就不同。

網頁設計組成與規范需要遵循的原則及技巧

2、圖標不易過大,一般圖標放到標題旁邊的居多,那圖標的尺寸跟旁邊文字字號一樣就可以了,如果比較大情況下,盡量對齊,比如居中對齊,頂對齊,底對齊等,如下:

網頁設計組成與規范需要遵循的原則及技巧

四、邊框
在網頁里,除了強調和交互的時候邊框凸顯當前效果以外,邊框大部分的作用只是起到分割模塊和排版整齊的作用,所以邊框要淡化,如果顏色過重、線條過粗或者邊框過多會給人視覺效果差,感覺滿屏的線條,而忽略了網頁的主體,主要注意幾點:

1、寬度:邊框寬度1px即可。
2、顏色:邊框顏色一般#cccccc居多,或者更淺一點的顏色也可以。
3、重復:同一個模塊里面,如果已經有背景顏色或者邊框的存在,也就是說排版已經明顯整齊,就不要重疊使用邊框。
4、距離:有邊框的時候,內容要跟邊框分離一點,也就是內外邊距要有。

網頁設計組成與規范需要遵循的原則及技巧

五、間距
網頁里面設置間距就像是寫文章要有標點符號一樣,要讓人有喘息的時間,而間距的設置要根據模塊的大小來設置,就像是語句之間逗號,段落之間句號一樣,比如大模塊間的間距大于小模塊間的間距,這樣還能體現出主次關系,注意幾點:

1、太小不好:整個網頁間距如果全部都太小,給你很擁擠的感受,看起來很累,偶爾個別特殊排版的模塊間距小還好一些,例如下方,圖片和圖片緊貼,但是文字和邊緣是有堅決的,也就是說圖片沒有了外邊距,但是有內邊距:

網頁設計組成與規范需要遵循的原則及技巧

2、太大不好:如果模塊和模塊之間相隔很遠,會導致頁面內容不充實,空洞,缺少繼續往下看的欲望,所以一般情況下10px到30px的間距居多。

數據正在讀取中...

[優秀設計師] DESIGNERS

[優秀設計公司] COMPANYS

聯系我們| 免責聲明| 設計師| 設計公司| 手機版| 設計知識

云南 十一选五开奖结果