這幾個趨勢雖然好這些細(xì)節(jié)依然要注意

一. 鮮艷的配色

我們知道，顏色能傳遞感情，所以在品牌、UI設(shè)計戰(zhàn)略中可以使用。明亮的顏色，能吸引我們的注意，暗或中性的色彩也有著表達(dá)肯定感情的傾向。明亮的顏色更有趣，能讓人精力充沛有種大膽的感覺；柔和的顏色則讓人更放松。

?

顏色是收集我們的注意力和興趣點的好方法，這就是為什么生動的配色方案越來越受歡迎。但是，這種趨勢在有魅力的同時，也會干擾用戶體驗。

使用時的問題點

• 范圍廣闊的鮮艷配色或相互連接的明亮顏色，對眼睛卻不那么友好。也會有在查看信息的途中就關(guān)閉頁面的可能性。
• 如果文字背后的背景非常明亮的話，將會影響文字的閱讀。即使努力優(yōu)化了可讀性，但最終也會帶來負(fù)面的網(wǎng)頁體驗，留下不好的印象。

解決方法

• 讓我們降低色彩的明度，純度，使整體獲得平衡。
• 為了引起用戶的注意，起到誘導(dǎo)效果，鮮艷的顏色可以用于重點的部分。
• 作為裝飾的要素，來讓我們大量使用明亮的色彩吧。
• 利用淺色，來強調(diào)內(nèi)容與互動吧。

注意要點

• 避免在廣闊的地方使用淺色，或?qū)⑺鼈冏鳛榛A(chǔ)的背景色。
• 避免在一個顏色上大量使用淺色，或者讓他們彼此相鄰。
• 不要在主要的文字上使用淺色，或者在標(biāo)語的背后使用。
• 避免對較小卻有作用的部分，例如小圖標(biāo)和導(dǎo)航菜單等使用淺色。

二. 實驗性的布局

具有創(chuàng)意、獨特的設(shè)計，這種實驗性的布局，在2017年已經(jīng)開始廣泛的普及了。這種趨勢能讓用戶有種有趣的感覺。

通過追加幾個變化，可以說是表現(xiàn)從藝術(shù)到時尚設(shè)計魅力的最合適的方法實驗性的布局，并不是說完全不需要平衡。圖片、排版或界面，它們通常不對齊，保留不同的留白，各個要素互相重疊來進(jìn)行配置。

?

使用時的問題點

不平衡和俏皮的布局，妨礙了用戶對信息的獲取，嚴(yán)重影響了網(wǎng)頁的體驗。當(dāng)主要的目的是從頁面上獲取大量的情報時，易于理解的布局結(jié)構(gòu)是非常有必要的。

視覺階層對于引導(dǎo)用戶獲取信息是非常重要的。實驗性的布局，各個設(shè)計要素之間的排序都是隨機的，內(nèi)容都是分割開的。這可能會使閱讀和處理內(nèi)容信息變得困難。

解決方法

• 如果不是以閱讀內(nèi)容為主要目的的場合，就讓我們來使用實驗性的布局吧。
• 懷著有趣的心充分整理好需要排列的要素，試著實現(xiàn)不平衡的布局吧。
• 將相同的要素集團化配置，和別的內(nèi)容明確的區(qū)分開吧。
• 只有當(dāng)您使用具有足夠?qū)Ρ榷鹊拇笮团虐鏁r，才能使用重疊元素。

注意要點

• 內(nèi)容量多的網(wǎng)頁，請避免使用實驗性的布局。
• 在用戶閱覽內(nèi)容的時間是有限的情況下，就來使用實驗性的布局吧。
• 隨意的放置設(shè)計要素吧。但一些基本的對齊是有必要的。
• 讓我們隨意的將設(shè)計要素重疊在一起吧。當(dāng)然也要仔細(xì)研究對比和相關(guān)連的意義。

三. 細(xì)節(jié)上的設(shè)計

雖然極簡主義的設(shè)計已經(jīng)普及很長時間了，但現(xiàn)在人氣不減當(dāng)年。然而，在2017年，我們正在轉(zhuǎn)向更細(xì)節(jié)之處的布局。對于簡約設(shè)計來說，更細(xì)節(jié)的地方和復(fù)雜的設(shè)計相比，是沒有機會讓用戶體會到其中的差別的。但最近，將細(xì)節(jié)作為焦點變得越來越重要。

?對細(xì)節(jié)部分很好地使用余白空間，例如像從導(dǎo)航菜單的點一樣的小東西到?jīng)]有功能的浮動要素，能很好地引導(dǎo)視線。

像晃動的裝飾性圖標(biāo)、下劃線和幾何圖形等設(shè)計作為重點追加，也變得越來越有人氣。

使用時的問題點

• 為了獲得用戶的關(guān)注，非常細(xì)節(jié)的點是無效的，與導(dǎo)航菜單的內(nèi)容也會有沖突的可能性。細(xì)節(jié)的部分太多，也會讓用戶在瀏覽內(nèi)容時產(chǎn)生混亂的感覺。
• 對細(xì)節(jié)部分的設(shè)計，一般在圖像和文字旁邊作為裝飾要素被使用的情況會很多。有時也會對用戶鼠標(biāo)的光標(biāo)和滾動產(chǎn)生反應(yīng)?？紤]到好的和壞的兩方面原因，應(yīng)盡量不要損壞文字閱讀體驗合適的進(jìn)行配置。

解決方法

• 在能閱讀內(nèi)容的基礎(chǔ)上利用細(xì)節(jié)設(shè)計把，要當(dāng)心不要破壞可讀性。
• 為了引導(dǎo)用戶的視線，分割主要界面，使用細(xì)節(jié)上的設(shè)計吧。
• 追求版面設(shè)計最小限度的美，給細(xì)節(jié)取得平衡吧。
• 對細(xì)節(jié)進(jìn)行詳細(xì)的追加，和內(nèi)容進(jìn)行有效的關(guān)聯(lián)吧。

注意要點

• 如果內(nèi)容量大的頁面，還是不要使用細(xì)節(jié)設(shè)計比較好。
• 也要避免使用無意義的細(xì)節(jié)設(shè)計。
• 嘗試將功能細(xì)節(jié)與主用戶導(dǎo)航區(qū)分開來。
• 將細(xì)節(jié)靈活的進(jìn)行設(shè)計使用，而不是把它作為設(shè)計的主要組成部分。

四. 其他一些可以繼續(xù)保持的設(shè)計趨勢要點

小排版

?更小的排版看起來感覺更加高雅。通過保留一定的留白空間，可以誘導(dǎo)用戶的視線停留在更多的點上。使用較小的字體可以創(chuàng)造有趣的對比度，而且不會和別的內(nèi)容搶奪空間。

但是另一方面，小文字會有妨礙內(nèi)容可讀性的可能。注意小標(biāo)題，并將他用于短文本和段落吧。另外，文字尺寸不要小于13PT。

實驗性的導(dǎo)航菜單

?隨著更多的設(shè)計師試驗創(chuàng)新的設(shè)計，實驗性的導(dǎo)航菜單已經(jīng)普及。通過使用各種導(dǎo)航樣式，您可以使小而便宜的網(wǎng)站更具吸引力。另外，您也可以以特定的方式指導(dǎo)用戶。

實驗性的導(dǎo)航菜單非常有趣和便利，它可以讓用戶進(jìn)行直觀的操作。但我們也要意識到，這種模式不適合所有的設(shè)計和用戶。所以，進(jìn)行用戶調(diào)研是非常終于重要的。

動效

?動效，賦予了UI設(shè)計無限的可能，你可以表現(xiàn)出一個非常有創(chuàng)造性的體驗。通過在設(shè)計中添加動效圖層，可以將用戶的注意力聚集在合適的場所。能將最小限度的布局充實起來，增強故事效果與用戶互動。

如果您使用太多的動效，網(wǎng)站會變得混亂，也會影響頁面的載入速度。錯誤的不必要的動畫可能會讓用戶感到混亂，招致誤解。所以我們一定要正確的使用它。

最后

設(shè)計者需要通過使用最新的趨勢來讓設(shè)計產(chǎn)生新鮮度。但是，我們也應(yīng)該知道趨勢并不是萬靈藥，他也有缺點。根據(jù)你想要傳達(dá)給用戶的內(nèi)容和信息，靈活的使用這次介紹的趨勢是非常重要的。


 

最后再說一點不是很重要的，不應(yīng)該為了用戶體驗而犧牲一個好看的設(shè)計。那么，享受設(shè)計的樂趣吧~