Web設計的設計原則有哪些？

01-03

01 嘗試使用一列的布局替代多列布局

02 給用戶一些小的利益，別看上去那麼赤裸裸

03 合併相似的功能

04 嘗試展示來自用戶的讚揚，而不是自我表揚

05 重複核心行動點

06 統一視覺規範，提升可識別性

07 嘗試使用推薦的口吻，而不是讓用戶感覺面對一台冷冰冰的機器

08 給用戶吃「後悔葯」的機會

09 告訴用戶產品適用的人群，而不是人人都通用

10 將文案寫得更加的直接，而不是一堆廢話

11 增強主行動點的視覺衝擊力，提升它在頁面中的可對比性

12 讓用戶知道你從哪兒來更易於拉近與用戶的關係

13 將表單做的簡單點，確保用戶在抓狂之前能進入下一步

14 盡量將用戶需要選擇的信息展示出來而不是藏起來

15 頁面的排版需要考慮用戶是否會漏掉底部信息

16 如果頁面的底部有需要關注的行動點，別讓文中過多的外鏈帶走了用戶

17 確保用戶知道自己目前的狀態

18 將利益點融合在行動點中，增強用戶的點擊慾望

19 將行動點與當前信息結合起來

20 將簡要的表單合併到頁面中，減少調整頁面帶來的用戶流失

21 適當的增加延遲動效，讓用戶感知到頁面的變化

22 讓新用戶從嘗試產品入手，而不是一來就面對冷冰冰的註冊表單

23 減少使用線框，這會過多的吸引用戶注意力，而且會讓頁面看上去透不過氣

24 給用戶推銷你能給他帶來的利益，而不是功能

25 一定要注意0結果頁面的設計，這也是引導用戶的好地方

26 給用戶選擇退出的權利，特別是郵件訂閱

27 注意界面元素的一致性，降低用戶學習成本

28 給下拉框增加一些預設值，降低用戶填寫成本

29 延續用戶日常的使用習慣，而不是重新創造

30 嘗試告訴用做些事情降低自己的損失，而不是提升收益

31 提升頁面的視覺層次，增強可閱讀性

32 將同類的操作合併在一起，降低用戶的認知成本

33 表單及時校驗，而不是統一提交後在告訴用戶填錯了

34 嘗試將表單輸入變得更加寬容，讓用戶的填寫更加簡單

35 通過時間增強緊迫感

36 提供用戶可預見性的操作，降低用戶的心理成本

37 儘可能的幫助用戶選擇，而不是讓用戶想破腦袋

38 儘可能將操作區域放大，降低用戶操作成本

39 頁面載入速度很重要，儘可能讓用戶感受到你的網站速度很快

40 如果可以，增加鍵盤快捷鍵，提升操作效率

41 嘗試通過對比來讓用戶感知到性價比

42 嘗試對進度條進行「設計」來降低用戶等待的焦慮

43 根據用戶選擇逐步展示信息，降低無效信息對用戶的干擾

44 有時候較小的承諾比「誇海口」會更容易讓用戶信服

45 嘗試將提示信息弱化，減少對用戶操作的干擾

46 盡量通過系統的功能來簡化用戶的操作

47 用文本配合圖標來降低用戶的認知成本

48 用更自然的語言代替冷冰冰的機器

49 放出一些摘要信息來幫助用戶識別是否需要進一步了解

50 在關鍵的頁面增加用戶權益信息，增強用戶進一步操作的信心

51 將價格進行換算，讓用戶感覺這很便宜

52 記得在成功頁面感謝用戶

53 將數字轉化成易於用戶閱讀的形式，而不是冷冰冰的機器語言

54 告訴用戶選擇的權利和自由「誘惑力」55 嘗試讓語言更具「誘惑力」

55 嘗試讓語言更具「誘惑力」

56 通過設計引導用戶的注意力

57 通過友好的對比來展示產品，為用戶做決定提供幫助

58 通過任務機制來提升用戶的滿足感

59 讓用戶了解接下來將要發生什麼事情

60 嘗試用更幽默一些的語言文案

61 任何操作之後都要給出反饋，讓用戶知道操作已經生效

62 注意動效的真實使用情況（Amazon 的類目菜單就是一個很好的例子）

63 注意排版的，不要讓信息過於擁擠

64 嘗試用講故事的方式來傳遞信息，增強用戶的代入感

65 盡量給用戶展示真實的信息，不要欺騙

66 隨著用戶的不斷熟悉簡化界面

67 試著用用戶的口吻展示信息

68 在表單中增加一些提示信息，減少錯誤的幾率

69 最後，用簡單的文案傳遞核心關注的信息，少一些廢話

一、保持網頁的樸素

一個好的網站最重要的一點就是界面的簡單、樸素。你聽說過「KISS」法則嗎？「KeepItSimpleSilly.」適用於所有的站點。製作者們很容易掉入這樣一個陷阱，即把所有可能用到的網頁技巧，例如：框架、表格、字體、GIF動畫等等都用上，這當然是好的，但如果多了的話就會讓你的訪問者眼花繚亂，不知所措，也不會給他們留下很深的印象。記住，只是因為你可以創建一個效果，但並不意味著你必須創建這個效果。先問一問你自己：我在網頁上加入這個技術有什麼價值？是否能更好的向訪問者表達我的主題？

二、簡單並不等於乏味

簡單的真正含義並不是遲鈍和乏味。許多人會被網站多餘的奇特效果所迷惑，而忽視了信息的有效性。保持簡單的真正含義就是：想一想如何使自己網站的信息與你的訪問者所期待和所需要的一樣。應該把技術和效果用在適當的地方，用在有效信息上，讓訪問者關注他們想關注的東西。清晰的設計＋有效的技術＝一個好的站點

三、了解你的讀者

你不是在真空里製作你的網頁，也不是作給你自己看的。如果是這樣，你還不如把它放在自己的電腦里。你發布你的網站是希望某些人停下來參觀它。而這些人就是你的讀者。你越了解你的讀者，你的網站影響力就會越大。你的讀者是否有個慢貓？那你最好應當特別的注意網頁的大小；他們希望聽到音樂片斷嗎？你就要想想網頁上的音樂格式。你的讀者是紡織工人？那麼血紅色和黑色最好不要選擇；或者他們是骨灰級遊戲玩家？你就要避免用柔和的顏色和圖案了。一個好站點的定義：通過典雅的風格設計提供給潛在讀者高質量的信息。

四、五個「手指」

對一個好的網站來說，清晰的導航也是最起碼的標準。應該讓訪問者知道自己當時在網站中的位置，並且愉快的通過你的指引而遍覽你的網站。例如，你可以做到的一件事情就是：「下一步」的選擇數目盡量少，以便人們不會迷失在長長的選擇項目列表中。你知道嗎?一般人的大腦把五個或更少的項目看作一組，但是當所面對的項目超過五個，它就必須把他們劃分成較小的次組來處理，所以說，保持你的選擇項歸類在五組或五組以內就變得很有意義了。你的訪問者能夠快速的找到自己想選擇的項目。

五、三次點擊

對網站製作者來說，訪問者就是上帝，討好上帝的另一個方法就是讓他們在獲取信息時不要超過三次點擊。想想，當你在訪問一個網站時，點擊……點擊……點擊……再點擊……再……才找到你想要的信息，或者還沒找到，你會怎麼想呢？加之，當你的訪問者深入網站查找需要的信息最後卻摸不著頭腦了，會怎麼辦？他們肯定不會原地兜圈，他們會離開你的主頁去別的地方繼續衝浪，可能也就再也不會回來了。

六、三十秒的等待時間

訪問者進入你的站點後，他應該可以不費力的找到所需要的資料。有一條不成文的法則：當訪問者在決定下一步該去哪之前，不要讓他現在所看的頁面下載的時間超過30秒鐘。如果超過了這個時間，你就會開始失去你的「上帝」了。保證你的頁面有個適度的大小而不會無限制的下載。如果你的大多數訪問者使用Modem的話，試著保持總的頁面大小（包括頁面圖像）在45K以下。確保你的頁面設計規劃清晰明了，讓訪問者只需快速的掃視就能把握你的網站導航，知道自己「下一步」該選擇的項目。

該學習的，而哪些錯誤是你要避免的。查看原文件。當你看到某些你喜歡的東西，使用你瀏覽器上的查看原文件的功能，看看這個效果是如何作出來的。在頁面之後你能發現令你驚奇的東西。閱讀和學習，學習你儘可能學到的技術和設計方法。

七、平衡

平衡是一個好網站設計的重要部分。文本和圖像之間的平衡。除非內容決定了這是個完全文本或者完全圖像的網站，你需要用直覺和審美觀來作判斷，以便其中的一個不會淹沒另外一個。下載時間和頁面內容之間的平衡。當然你希望有個漂亮的頁面，但你也必須平衡你的頁面內容，因為你的很多訪問者正在通過modem閱讀它。難道你網站的圖片真的值得等待那麼久嗎？背景和前景之間的平衡。我們能在白紙上畫出美麗的圖案，網頁上，如果能製作出漂亮的結構和背景是很令人激動的。但也容易使你的內容淹沒在你的背景裡面。

八、適度的幀

適度的的幀對於你的網頁是很好的補充，然而就像所有網站的元素所具有的特性一樣，你絕對不要濫用他們！如果你想創建一個可以看得到的導航結構，比如說一個表格目錄，幀就是一個很合適的途徑，例如，這頁有三個幀－－你現在所看到的內容，導航條在右邊，題目、廣告和說明欄在頂部。但是幀不是「萬金油」。比如說，如果你想用行或列來顯示信息的話，表格會更好。

九、堅持學習

創建網頁是一個不斷學習的過程。推出你網站的第一個版本還只是一個開始!技術和工具在不斷的進步，而我們對人們如何利用網上資源的方式的了解也是在不斷的變化，要創建一個好網站你就不能陶醉在過去的成績上，看看其他的網站。如果你想成為一個出色的小說家的話，你必須不斷閱讀其他好的作品。如果你想成為一個出色的劇作家的話，你必須多看好的電影。同樣，如果你想設計一個出色的網站的話，你必須多看其他好的網站。但你在看一個網站的時候，你能找到這個網站的優缺點，注意哪些是你該學習的，而哪些錯誤是你要避免的。查看原文件。當你看到某些你喜歡的東西，使用你瀏覽器上的查看原文件的功能，看看這個效果是如何作出來的。在頁面之後你能發現令你驚奇的東西。閱讀和學習，學習你儘可能學到的技術和設計方法。

添加微信公眾號（cn99click），獲取免費試用產品及精華乾貨文章。

涉及到屏幕類產品的設計大原則都是好看，好用和實用。

好看就是視覺原則：統一性，簡潔性，對比性等；

好用就是交互原則，快速響應，布局合理，信息簡化等；

實用就是產品原則，能快速解決用戶需求，符合產品定位，在企業和用戶之間平衡。

以上也是設計師開始一個設計時需要考慮的東西。

很好！！！