<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    再好的網(wǎng)頁流行設計趨勢被錯誤的使用也會弄巧成拙

    作者:草根香蕉皮 瀏覽:154 發(fā)布時間:2017-12-28
    分享 評論 0

    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)使用太多不同的鮮艷顏色;

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

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

      2. 實驗性的排版布局

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

      

     

      潛在風險:

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

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

      推薦方案:

      當內(nèi)容閱讀不是網(wǎng)站的主要目標時,采用實驗性布局;

      在結構整齊的布局中,將不對稱的元素作為整個布局的細節(jié)點綴;

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

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

      注意事項:

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

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

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

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

      3. 細節(jié)點綴

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

      

     

      潛在風險:

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

      推薦方案:

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

      使用細節(jié)來構建引導用戶注意力的視覺系統(tǒng);

      使用極簡風格的布局來平衡細節(jié);

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

      注意事項:

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

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

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

      細節(jié)僅僅只是細節(jié),不要讓它成為設計的主體;

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

      4. 超小字體

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

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

      

     

      5. 實驗性導航

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

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

      

     

      6. 動畫效果

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


    精品无码AV无码免费专区| 中文字幕无码av激情不卡久久| 欧日韩国产无码专区| 中文字幕日韩精品有码视频| 成在线人AV免费无码高潮喷水| 色综合久久中文字幕综合网| av无码播放一级毛片免费野外 | 伊人久久无码精品中文字幕| 亚洲啪啪AV无码片| 免费精品久久久久久中文字幕| 无码任你躁久久久久久| 国产av永久无码天堂影院| 亚洲AV无码片一区二区三区| 中文字幕亚洲综合久久菠萝蜜| 中文午夜乱理片无码| 亚洲va中文字幕无码| AV成人午夜无码一区二区| 日韩精品无码一本二本三本| 亚洲成a人片在线观看无码专区| 日韩亚洲欧美中文高清在线| 亚洲综合日韩中文字幕v在线| 亚洲成a人无码av波多野按摩 | 99无码熟妇丰满人妻啪啪| 无码人妻精品一区二区三区在线| 蜜桃臀AV高潮无码| 中文字幕国产91| 一级中文字幕免费乱码专区| 天堂最新版中文网| 无码中文人妻在线一区二区三区| 亚洲国产精品成人AV无码久久综合影院 | 日韩精品无码永久免费网站| 精品成在人线AV无码免费看| 亚洲av无码乱码国产精品| 国产日韩AV免费无码一区二区| 亚洲精品99久久久久中文字幕| 一区二区中文字幕| 最近中文字幕大全中文字幕免费 | 精品亚洲欧美中文字幕在线看| 亚洲第一中文字幕| 欧美日韩亚洲中文字幕二区| 亚洲天堂中文字幕在线|