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

網(wǎng)站設計與制作原則1、視覺流

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

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

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

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

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

網(wǎng)站設計與制作原則2、避免用戶思考

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

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

網(wǎng)站設計與制作原則3、對比

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

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

網(wǎng)站設計與制作原則4、留白

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

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

網(wǎng)站設計與制作原則5、避免信息超載

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

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

網(wǎng)站設計與制作原則6、一致性

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

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