網站設計與制作對初學者而言并非易事，它需要你掌握傳統美學設計、當下流行趨勢及專業的平面設計理論。如果您是一位有抱負的設計師，或者甚至只是想創建一個 DIY 網站，一定要將這些網站設計原則牢記在心。北京做網站

網站設計與制作原則1、視覺流

因為視覺層次決定了網民首先、其次和最后分別注意到什么元素，所以網站設計師可以通過設置合理的視覺層次結構，引導網民注意到每個div的順序，此即“視覺流”。對網站設計而言，視覺層次至關重要。網站設計師必須優先考慮最重要的元素——品牌定位slogan、導航工具、用戶控件——同時確保次要元素不會分散注意力。

1.1：品牌定位slogan是網站定位的核心，網站定位必須緊密結合品牌核心定位，必須最大限度傳達品牌定位，網站設計必須服務于品牌傳播，只有這樣才能有實效，那些自嗨的設計，盡管一時風光無限，但遲早會被拋棄。

1.2：元素尺寸直接影響到消費者的注意力分配，大元素吸引更多注意力，而小元素吸引較少。

1.3：顏色配置時，明亮、鮮艷的顏色比柔和、暗淡的顏色更容易引起注意。同時，網站顏色必須服從于整體的品牌色，如果兩者出現了分歧，一定是網站設計出現了問題。

1.4：設置元素位置時，由于大多數人本能地從上到下閱讀，因此首先注意到靠近屏幕頂部的元素。在創建網頁布局時，通過按照我們希望訪問者注意到這些div的順序列出所有元素，來預先規劃視覺層次結構，這樣設計出來的網頁，才是符合我們目的，同時又兼顧消費者瀏覽習慣的好設計。

網站設計與制作原則2、避免用戶思考

這一原則要求我們做網站設計時，盡可能做成“傻瓜式”的。早在2000年前后，美國計算機科學家史蒂夫·克魯格 (Steve Krug) 就出版了他的開創性著作《別讓我思考》(Don't Make Me Think )，正是此書，催生了早期的用戶體驗思潮。這本書的中心課程——讓你的設計盡可能簡單易懂——20多年之后，仍然是網站設計的基本原則之一。

克魯格還強調了人類選擇“第一個”解決方案的本能，而不一定是“最好的”解決方案。所以網站設計師就需要讓最好的解決方案更容易、第一個被注意到，以免網民點擊進入意想不到的低效路線，從而影響到體驗度。設計人員應始終尋找簡化和簡化其設計的方法。視覺層次結構在讓用戶快速找到他們正在尋找的內容方面發揮著重要作用。當下，很多網站都會在頂部設置搜索欄或者一級欄目名稱，即便鼠標下滑，這些元素仍然會停留在當前屏幕（電商平臺應用尤其廣泛），這就是避免用戶思考的典型做法。

網站設計與制作原則3、對比

對比是經驗豐富的網站設計師最喜歡的思維，他們利用顏色和尺寸之間的明顯差異熟練進行創作。并排使用相反的顏色是吸引注意力的好方法。這是突出 CTA 按鈕的最有效策略之一；網站設計師會將 CTA 按鈕涂成與背景顏色相反的顏色，從而使其脫穎而出。類似的，尺寸相反的尺寸在彼此相鄰放置時效果很好。如果您在頁面上有很多元素并且沒有空間將任何東西變大，請嘗試在元素旁邊放置一些小東西——這有效地使它看起來更大，從而使它更引人注目。

動圖也能吸引注意力，這是網站設計師沿用的狩獵時代的古老進化技巧。我們可以為特殊元素使用動畫顯示，以便更快的抓住網民的眼球。我們經?？梢栽诰W站上看到一些企業投放的廣告或者聯盟廣告，這些廣告的展示普遍采用了動圖模式，主要目的就是吸睛。另一方面，我們也要小心過度使用動畫。如果屏幕上移動的東西太多，就很難集中注意力，反而會讓網民感覺眼花繚亂。所以，正確的網站設計一定要動靜結合。

網站設計與制作原則4、留白

空間留白，也稱為“負空間”，是專業設計師、攝影師和所有視覺藝術家最喜歡的另一種思維。空白只是指空白區域，或者屏幕上除了背景之外沒有視覺元素的部分。網站設計新手往往把網站設計的非常滿、非常飽和，唯恐漏掉某些空間，其實，太過飽和的網頁，往往令網民感覺堵心。

大施網站設計創始人郭金瑞指出，在網站設計中，空白與所有其他內容一樣重要！如果您主動使用它，則更為重要！對于想進一步晉升的設計師來說，空白是控制頁面平衡所必需掌握的；太多的元素放在一起可能會造成混亂并分散注意力，因此需要充足的空白空間才能使布局更加全面。此外，還可以通過“留白”這個簡單的網站設計原則影響視覺層次：對象周圍的空白越多，該對象就越受關注。這意味著如果你用大量的空白圍繞一個元素，它會比你用其他視覺元素圍繞同一個元素吸引更多的注意力。

網站設計與制作原則5、避免信息超載

當前流行的網站設計原則是限制一次向用戶展示的信息量。該原則主張：人腦只能處理這么多，尤其是涉及短期記憶時更是如此，如果信息超載，則會導致適得其反。米勒定律最好地證明了這一推論，該定律基于心理學家喬治·米勒1956年的發現。米勒發現，普通人一次只能在短期記憶中存儲 7 條信息，這就意味著，如果你在網頁中呈現的元素越多，網民就會記憶的更少。不幸的是，很多網頁都有超過七件事要說。

特別是在網站設計中，使用這一原則還可以將頁面劃分為不同的“屏幕”——一次屏幕上可用的所有信息應該有所限制。當用戶消化完一個屏幕上的所有信息后，他們會向下滾動以查看包含新信息的全新屏幕。滾屏的設計，是靈活使用該原則的非常優秀的創新。從某種程度來講，網頁廣告和電視廣告非常類似，如果你的信息量太多，就會讓網民無所適從，分不清孰輕孰重，或者干脆一個都記不住你的賣點。

網站設計與制作原則6、一致性

好的網站設計是一致的。從品牌色的角度來看，每當你重復一次網站設計，你都會加強它的影響。例如，假設您選擇紅色作為強調色，因為您希望給人留下熱情和兇猛的印象。每次你在其他頁面上使用紅色作為強調色時，你都會顯得更加熱情和兇猛。每一次重復都是一次強化，日積月累之后，就會逐漸成為你的品牌資產。

大多數大中型網站的頁面都會呈現一致性，無論是首頁、列表頁、詳情頁、整體底色都是一致的。這對保持網民對品牌的視覺認知，積累品牌資產非常重要。網站設計的一致性有利于頁面的各個方面，影響導航、布局、配色方案、排版、圖像和所有其他方面。這與品牌一致性的重要性不謀而合，使用相同的logo、顏色和標語slogan可以加強品牌與每次新用途的關聯。