1. 明亮配色

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

　　潛在風(fēng)險：

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

　　2. 當(dāng)明亮的配色作為文本的背景時，它會影響網(wǎng)站文本的可讀性，甚至?xí)層脩魺o法閱讀。就算用戶最終完成了閱讀，他們對網(wǎng)站的印象也不會好到哪里去。

　　推薦方案：

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

　　多在細(xì)節(jié)項(xiàng)上使用明亮的色彩，吸引用戶并進(jìn)行引導(dǎo);

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

　　使用明亮的色彩強(qiáng)調(diào)網(wǎng)站內(nèi)容或引起互動;

　　注意事項(xiàng)：

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

　　避免在一個頁面或者區(qū)域內(nèi)使用太多不同的鮮艷顏色;

　　盡量不要在正文當(dāng)中使用明亮的色彩;

　　盡量不要在圖標(biāo)和按鈕這樣的關(guān)鍵元素上使用過于鮮艷的顏色;

　　2. 實(shí)驗(yàn)性的排版布局

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

　　潛在風(fēng)險：

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

　　2. 網(wǎng)站中清晰的視覺層次結(jié)構(gòu)是引導(dǎo)用戶瀏覽內(nèi)容的重要指向。而在許多實(shí)驗(yàn)性的網(wǎng)頁布局中，常會有元素不規(guī)則的、反常規(guī)地活動，這可能會讓整個視覺層次顯得混亂，影響用戶信息的獲取。

　　推薦方案：

　　當(dāng)內(nèi)容閱讀不是網(wǎng)站的主要目標(biāo)時，采用實(shí)驗(yàn)性布局;

　　在結(jié)構(gòu)整齊的布局中，將不對稱的元素作為整個布局的細(xì)節(jié)點(diǎn)綴;

　　將不同的內(nèi)容分組，并在不同的內(nèi)容塊之間保持明確的分隔，避免出現(xiàn)混亂;

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

　　注意事項(xiàng)：

　　不要在內(nèi)容為主的頁面中使用實(shí)驗(yàn)性布局;

　　不要在用戶需要快速瀏覽內(nèi)容的頁面中采用實(shí)驗(yàn)性布局;

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

　　不要盲目使用元素疊加，應(yīng)當(dāng)考慮對比度和其中的含義;

　　3. 細(xì)節(jié)點(diǎn)綴

　　雖然極簡主義的設(shè)計依然廣受歡迎，但是設(shè)計師們現(xiàn)在開始試圖讓其中的細(xì)節(jié)更加豐富。這是因?yàn)椋腥さ募?xì)節(jié)更加吸引人。不管是浮動的導(dǎo)航元素、裝飾性的小圖標(biāo)、還是下劃線、幾何圖形和小碎片，它們都讓整個網(wǎng)站煥發(fā)出新的生機(jī)。

　　潛在風(fēng)險：

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

　　推薦方案：

　　讓點(diǎn)綴的細(xì)節(jié)來襯托主體內(nèi)容，確保不影響主體內(nèi)容的可讀性;

　　使用細(xì)節(jié)來構(gòu)建引導(dǎo)用戶注意力的視覺系統(tǒng);

　　使用極簡風(fēng)格的布局來平衡細(xì)節(jié);

　　讓細(xì)節(jié)和主體內(nèi)容關(guān)聯(lián)、搭配起來使用;

　　注意事項(xiàng)：

　　不要在內(nèi)容為重的頁面使用小細(xì)節(jié)點(diǎn)綴;

　　避免隨意地點(diǎn)綴細(xì)節(jié)，不要讓無目的的細(xì)節(jié)影響整個網(wǎng)站的呈現(xiàn);

　　嘗試把細(xì)節(jié)和導(dǎo)航系統(tǒng)分隔開來，避免可用性問題;

　　細(xì)節(jié)僅僅只是細(xì)節(jié)，不要讓它成為設(shè)計的主體;

　　除了上面的明亮配色、實(shí)驗(yàn)性排版布局、細(xì)節(jié)點(diǎn)綴，下面這些流行的設(shè)計趨勢在使用時同樣要多加注意：

　　4. 超小字體

　　小的字體排版常常可以讓頁面看上去更精致，更有逼格。因?yàn)樗軌蚪o其他元素留下足夠的呼吸空間，也易構(gòu)成視覺對比，突出重點(diǎn)信息。

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

　　5. 實(shí)驗(yàn)性導(dǎo)航

　　實(shí)驗(yàn)性的導(dǎo)航是另外一個正變得流行的設(shè)計趨勢，它和實(shí)驗(yàn)性的排版布局一樣是設(shè)計師的創(chuàng)意展現(xiàn)，別具一格的導(dǎo)航設(shè)計能讓網(wǎng)站變得更加有趣。

　　而實(shí)驗(yàn)性導(dǎo)航所存在的風(fēng)險也就在于它的不確定性。如果導(dǎo)航足夠有趣，而且可用性很強(qiáng)，這倒不會影響網(wǎng)站的整體效果。但是，如果實(shí)驗(yàn)性導(dǎo)航并不是那么直觀，那么就會影響網(wǎng)站的正常運(yùn)轉(zhuǎn)。所以，為了確保這種設(shè)計趨勢給網(wǎng)站帶來良好的效果，網(wǎng)站上線之前的測試至關(guān)重要。

　　6. 動畫效果

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