以貌取人或者說以貌取物是人類的天性，這也是為什么用戶在深入了解網站的功能和實用性之前，通常傾向于借助網站外觀設計來對它進行評判。不少站長緊跟設計潮流趨勢，不斷優化網站設計也正是為了這一點。可是，網站設計趨勢就真的百利而無一害的嗎?其實，網站設計趨勢是一把雙刃劍，它既有益處也有弊端。一方面，緊跟設計趨勢能夠保持網站的時尚度，樹立積極正面的網站形象，另一方面，每一種設計趨勢都有自己的使用情景和注意事項，如果使用不當，再好的網頁趨勢可能也是砒霜，而非蜜糖。今天小飛就帶大家好好探究一下這些流行網頁設計趨勢(潛在風險、推薦使用方案、注意事項等)，畢竟知己知彼才能百戰百勝嘛。

1. 明亮配色

眾所周知，色彩是情緒傳遞的重要途徑，如何在品牌Logo和UI界面使用配色是一個網站的經營策略所在。相對于暗色和中性色彩，明亮的配色更易吸引用戶的注意，更能傳遞出正面情緒。鮮艷顯眼的顏色會讓用戶覺得有趣，有活潑充沛的感覺;稍微柔和一點的色彩能讓用戶感到舒適、放松。盡管明亮配色看上去能為網站添色不少，它也可能干擾用戶體驗，帶來事與愿違的效果。 

潛在風險：

1. 大片明亮的色彩塊或許多相近顏色的組合常產生炫光的效果，這會讓用戶覺得刺眼。當用戶有這種感覺后，他們可能就會離開，這與我們想要借助明亮配色吸引用戶的初衷截然相反。

2. 當明亮的配色作為文本的背景時，它會影響網站文本的可讀性，甚至會讓用戶無法閱讀。就算用戶最終完成了閱讀，他們對網站的印象也不會好到哪里去。

推薦方案：

記得使用暗色系或中性色彩來平衡明亮色彩;

多在細節項上使用明亮的色彩，吸引用戶并進行引導;

在大范圍排版中使用明亮的色彩作為裝飾、點綴;

使用明亮的色彩強調網站內容或引起互動;

注意事項：

避免在大范圍元素上使用明亮的色彩，比如網站背景;

避免在一個頁面或者區域內使用太多不同的鮮艷顏色;

盡量不要在正文當中使用明亮的色彩;

盡量不要在圖標和按鈕這樣的關鍵元素上使用過于鮮艷的顏色;

2. 實驗性的排版布局

談到如何吸引用戶注意力，設計師在這方面可謂腦洞大開，實驗性的排版布局就是他們想象力和創造力的一個實例。這種設計趨勢是有趣、好玩的，它將不平衡、非典型的設計元素帶回到網站布局中。在實驗性排版布局之中，圖片、排版、界面不是對齊的，各種元素的邊距也各不相同，有時甚至會重疊，以此營造其獨特的失調感。也因此，在滿屏幕都是簡約整潔的網站設計時，使用了這種設計風格的網站可以一下子脫穎而出，吸引用戶的注意力。

潛在風險：

1. 實驗性的網頁布局帶來的設計感固然能讓人眼前一亮，但是非常規的布局設計可能會導致部分元素的隱藏，偏離常規邏輯的交互也會讓信息的可見性較差，這樣一來，精心設計的布局反而成了用戶獲取信息的障礙。

2. 網站中清晰的視覺層次結構是引導用戶瀏覽內容的重要指向。而在許多實驗性的網頁布局中，常會有元素不規則的、反常規地活動，這可能會讓整個視覺層次顯得混亂，影響用戶信息的獲取。

推薦方案：

當內容閱讀不是網站的主要目標時，采用實驗性布局;

在結構整齊的布局中，將不對稱的元素作為整個布局的細節點綴;

將不同的內容分組，并在不同的內容塊之間保持明確的分隔，避免出現混亂;

當整個排版有足夠的對比度時，可使用元素疊加;

注意事項：

不要在內容為主的頁面中使用實驗性布局;

不要在用戶需要快速瀏覽內容的頁面中采用實驗性布局;

不要在頁面中隨機排布元素，保持基本的對齊很有必要;

不要盲目使用元素疊加，應當考慮對比度和其中的含義;

3. 細節點綴

雖然極簡主義的設計依然廣受歡迎，但是設計師們現在開始試圖讓其中的細節更加豐富。這是因為，有趣的細節更加吸引人。不管是浮動的導航元素、裝飾性的小圖標、還是下劃線、幾何圖形和小碎片，它們都讓整個網站煥發出新的生機。 

潛在風險：

細節點綴確實很能吸引用戶注意力，讓用戶覺得更愉悅。然而，在目前的極簡主義網站設計中，太多的細節點綴很容易與內容主體形成競爭。這時，細節點綴非但不能幫助用戶獲取內容和信息，反而會影響整個布局的層次結構，令用戶產生困惑。

推薦方案：

讓點綴的細節來襯托主體內容，確保不影響主體內容的可讀性;

使用細節來構建引導用戶注意力的視覺系統;

使用極簡風格的布局來平衡細節;

讓細節和主體內容關聯、搭配起來使用;

注意事項：

不要在內容為重的頁面使用小細節點綴;

避免隨意地點綴細節，不要讓無目的的細節影響整個網站的呈現;

嘗試把細節和導航系統分隔開來，避免可用性問題;

細節僅僅只是細節，不要讓它成為設計的主體;

除了上面的明亮配色、實驗性排版布局、細節點綴，下面這些流行的設計趨勢在使用時同樣要多加注意：

4. 超小字體

小的字體排版常常可以讓頁面看上去更精致，更有逼格。因為它能夠給其他元素留下足夠的呼吸空間，也易構成視覺對比，突出重點信息。

但是另外一方面，超小的字體排版在大塊文本內容中可能會顯得不顯眼，或是影響網站內容的可見性和可讀性。所以最好只在篇幅較短的段落中使用超小字體。還有，避免使用比13pt 更小的字體，那樣的字體實在是太小了。 

5. 實驗性導航

實驗性的導航是另外一個正變得流行的設計趨勢，它和實驗性的排版布局一樣是設計師的創意展現，別具一格的導航設計能讓網站變得更加有趣。

而實驗性導航所存在的風險也就在于它的不確定性。如果導航足夠有趣，而且可用性很強，這倒不會影響網站的整體效果。但是，如果實驗性導航并不是那么直觀，那么就會影響網站的正常運轉。所以，為了確保這種設計趨勢給網站帶來良好的效果，網站上線之前的測試至關重要。 

6. 動畫效果

動畫效果讓網站界面充滿了無限的可能性，它也能讓用戶體驗更有趣、愉悅。不過我們在運用動畫效果的時候一定要注意動畫效果應該是服務于用戶體驗的，而不是單純用來炫技的。

總而言之，緊跟設計潮流趨勢能夠讓網站保持新穎、有趣。但是，我們必須明確這些流行趨勢是一把雙刃劍，應合理評判設計趨勢的價值，理智地運用到自己的網站設計中，這樣才能最大化發揮它們的價值。