十八條網(wǎng)頁設計原則

自己從工藝品設計到平面設計到網(wǎng)絡設計，雖然設計原則不離其宗，但經(jīng)驗下來的心得告訴自己，設計媒介的變化帶來很多媒介自身的特殊性，下面總結下網(wǎng)站視覺設計的一些要點，有他人經(jīng)驗，也有自己的心得： 1—logo： 基本logo特征，符合logo設計基礎（平面設計通用）顯示器效果：清晰度，最小尺寸（因顯示器分辨率而帶來的，等同線下平面設計的印刷效果）

2—文字： 內容等級決定字體、字號大小、粗細；狀態(tài)決定顏色（默認或者根據(jù)網(wǎng)站特殊統(tǒng)一）

3—廣告、內容圖片： 尺寸樣式的定位，同一頁面的和諧性，圖片的優(yōu)化，位置的節(jié)奏，大小對比。

4—icon： 品牌性，表達準確合理，設計手法（依據(jù)品牌性），一致性，作用：吸引，醒目，方便識別、理解、操作、記憶。

5—可點擊（button)： 區(qū)別（不可點擊），根據(jù)人的生活經(jīng)驗：厚度，可按，質感（實體聯(lián)想），色彩（品牌性、統(tǒng)一性、對比性）；統(tǒng)一的樣式大?。ㄒ罁?jù)里面文字的內邊距統(tǒng)一）

6—背景圖片： 氛圍效果營造，同產(chǎn)品的統(tǒng)一性，優(yōu)化（品質大小，色彩信息，實現(xiàn)方案），

7—圖文排版： 主圖次文，圖文節(jié)奏，空隙，模塊化。

8—當前狀態(tài)： 放大（形狀），變色（反色、對比色、明度純度區(qū)別色），鏈進鏈出后指定內容提示。

9—交互控件： 樣式合理準確性（人對系統(tǒng)默認的認知和生活常規(guī)認知），狀態(tài)（視覺表現(xiàn)樣式和動作過程優(yōu)化），創(chuàng)意。

10—loading： 內容關聯(lián)性（loading前后的內容關聯(lián)），無聊等待的樂趣，體積、面積優(yōu)化，創(chuàng)意。

11—用戶反饋_ 成功、出錯、提示、無結果： 文案（明確、合理、人性化、創(chuàng)意），圖形（明確、醒目、色彩的心理認知準確度）。

12—動畫效果： 過程合理（模擬真實環(huán)境的合理化），連續(xù)，節(jié)奏感，用戶日常動作表現(xiàn)，音效配合，創(chuàng)意。

13—首尾設計： 首（品牌宣傳、自身特點、明確內容、氣氛表達、創(chuàng)意。尾：呼應、節(jié)奏（與首），創(chuàng)意。

14—適應屏設計（全屏設計）： 大最小屏幕的考慮（文字、圖片的位置、折行效果）

15—固定尺寸的柵格設計： 合理的單元格（考慮黃金分割），單元格面積節(jié)奏，邊距統(tǒng)一性

16—demo設計樣稿： 對內容最多最少的考慮。

17—頁面： 品牌性，基調元素一致性，復用性，節(jié)奏感、面積感，視覺第一吸引，引導瀏覽，點線面關系，素描原理（運用素描的基本規(guī)律來做頁面）。

18—閱讀： 背景對閱讀（視力）的舒適度，內容與背景的對比舒適度。

其實還有很多設計的點比如交互設計，比如代碼設計，我們可以展示給用戶看到的這些綜上所述，構成了用戶體驗設計的一個大過程，自己在做的很多時候其實也不是都能估計到每個點的，總結出來以幫助隨時審視！

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站題目：十八條網(wǎng)頁設計原則
標題網(wǎng)址：http://www.muchs.cn/news45/313595.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、自適應網(wǎng)站、微信小程序、電子商務、網(wǎng)站排名、網(wǎng)站導航

廣告

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