N
N
E
E
W
W
S
S
網(wǎng)頁設(shè)計規(guī)則亂用將會得不償失
2017.12.28網(wǎng)頁設(shè)計中有很多應(yīng)該注意的規(guī)則，如顏色的搭配使用，流行元素的添加，細節(jié)的處理，但是這些設(shè)計師應(yīng)該注意的規(guī)則如果亂用將會得不嘗試，很多網(wǎng)頁設(shè)計公司的設(shè)計師在做作品的時候都會用到一些規(guī)則，我們一一把他們列出來。
1. 顏色搭配
眾所周知，色彩是情緒傳遞的重要途徑，如何在品牌Logo和UI界面使用配色是一個網(wǎng)站的經(jīng)營策略所在。相對于暗色和中性色彩，明亮的配色更易吸引用戶的注意，更能傳遞出正面情緒。鮮艷顯眼的顏色會讓用戶覺得有趣，有活潑充沛的感覺;稍微柔和一點的色彩能讓用戶感到舒適、放松。盡管明亮配色看上去能為網(wǎng)站添色不少，它也可能干擾用戶體驗，帶來事與愿違的效果。
潛在危害：
1. 大片明亮的色彩塊或許多相近顏色的組合常產(chǎn)生炫光的效果，這會讓用戶覺得刺眼。當用戶有這種感覺后，他們可能就會離開，這與我們想要借助明亮配色吸引用戶的初衷截然相反。
2. 當明亮的配色作為文本的背景時，它會影響網(wǎng)站文本的可讀性，甚至會讓用戶無法閱讀。就算用戶最終完成了閱讀，他們對網(wǎng)站的印象也不會好到哪里去。
推薦方案：
記得使用暗色系或中性色彩來平衡明亮色彩;
多在細節(jié)項上使用明亮的色彩，吸引用戶并進行引導;
在大范圍排版中使用明亮的色彩作為裝飾、點綴;
使用明亮的色彩強調(diào)網(wǎng)站內(nèi)容或引起互動;
注意事項：
避免在大范圍元素上使用明亮的色彩，比如網(wǎng)站背景;
避免在一個頁面或者區(qū)域內(nèi)使用太多不同的鮮艷顏色;
盡量不要在正文當中使用明亮的色彩;
盡量不要在圖標和按鈕這樣的關(guān)鍵元素上使用過于鮮艷的顏色;
2. 實驗性的排版布局
談到如何吸引用戶注意力，設(shè)計師在這方面可謂腦洞大開，實驗性的排版布局就是他們想象力和創(chuàng)造力的一個實例。這種設(shè)計趨勢是有趣、好玩的，它將不平衡、非典型的設(shè)計元素帶回到網(wǎng)站布局中。在實驗性排版布局之中，圖片、排版、界面不是對齊的，各種元素的邊距也各不相同，有時甚至會重疊，以此營造其獨特的失調(diào)感。也因此，在滿屏幕都是簡約整潔的網(wǎng)站設(shè)計時，使用了這種設(shè)計風格的網(wǎng)站可以一下子脫穎而出，吸引用戶的注意力。
潛在危害：
1. 實驗性的網(wǎng)頁布局帶來的設(shè)計感固然能讓人眼前一亮，但是非常規(guī)的布局設(shè)計可能會導致部分元素的隱藏，偏離常規(guī)邏輯的交互也會讓信息的可見性較差，這樣一來，精心設(shè)計的布局反而成了用戶獲取信息的障礙。
2. 網(wǎng)站中清晰的視覺層次結(jié)構(gòu)是引導用戶瀏覽內(nèi)容的重要指向。而在許多實驗性的網(wǎng)頁布局中，常會有元素不規(guī)則的、反常規(guī)地活動，這可能會讓整個視覺層次顯得混亂，影響用戶信息的獲取。
推薦方案：
當內(nèi)容閱讀不是網(wǎng)站的主要目標時，采用實驗性布局;
在結(jié)構(gòu)整齊的布局中，將不對稱的元素作為整個布局的細節(jié)點綴;
將不同的內(nèi)容分組，并在不同的內(nèi)容塊之間保持明確的分隔，避免出現(xiàn)混亂;
當整個排版有足夠的對比度時，可使用元素疊加;
注意事項：
不要在內(nèi)容為主的頁面中使用實驗性布局;
不要在用戶需要快速瀏覽內(nèi)容的頁面中采用實驗性布局;
不要在頁面中隨機排布元素，保持基本的對齊很有必要;
不要盲目使用元素疊加，應(yīng)當考慮對比度和其中的含義;
3. 細節(jié)點綴
雖然極簡主義的設(shè)計依然廣受歡迎，但是設(shè)計師們現(xiàn)在開始試圖讓其中的細節(jié)更加豐富。這是因為，有趣的細節(jié)更加吸引人。不管是浮動的導航元素、裝飾性的小圖標、還是下劃線、幾何圖形和小碎片，它們都讓整個網(wǎng)站煥發(fā)出新的生機。
潛在危害：
細節(jié)點綴確實很能吸引用戶注意力，讓用戶覺得更愉悅。然而，在目前的極簡主義網(wǎng)站設(shè)計中，太多的細節(jié)點綴很容易與內(nèi)容主體形成競爭。這時，細節(jié)點綴非但不能幫助用戶獲取內(nèi)容和信息，反而會影響整個布局的層次結(jié)構(gòu)，令用戶產(chǎn)生困惑。
推薦方案：
讓點綴的細節(jié)來襯托主體內(nèi)容，確保不影響主體內(nèi)容的可讀性;
使用細節(jié)來構(gòu)建引導用戶注意力的視覺系統(tǒng);
使用極簡風格的布局來平衡細節(jié);
讓細節(jié)和主體內(nèi)容關(guān)聯(lián)、搭配起來使用;
注意事項：
不要在內(nèi)容為重的頁面使用小細節(jié)點綴;
避免隨意地點綴細節(jié)，不要讓無目的的細節(jié)影響整個網(wǎng)站的呈現(xiàn);
嘗試把細節(jié)和導航系統(tǒng)分隔開來，避免可用性問題;
細節(jié)僅僅只是細節(jié)，不要讓它成為設(shè)計的主體;
除了上面的明亮配色、實驗性排版布局、細節(jié)點綴，下面這些流行的設(shè)計趨勢在使用時同樣要多加注意：
所以北京網(wǎng)頁設(shè)計公司金甲科技的設(shè)計師在做網(wǎng)頁設(shè)計的時候會嚴格把控上面的細節(jié)，做到細節(jié)處理恰到好處，這才是高質(zhì)量網(wǎng)站的體現(xiàn)。
