寫在前面的話:本文國外設計師Eleana Gkogka 總結的經驗,有很多值得學習的方面,下面有原文地址,歡迎訪問原文。
原文請訪問:medium.muz.li/dangerous-design-trends-2017-c388ce9e735a
一味的跟隨設計趨勢可能會損害用戶體驗。
?OU不能以封面來判斷一本書,但你肯定可以判斷是其設計的一個網站。人們傾向于在他們的功能和實用性之前基于他們的外觀來評估和判斷產品和網站。以下設計趨勢對于保持產品的清新和吸引力是必要的。但設計趨勢是靈丹妙藥嗎?
我們設計師知道,以下設計趨勢是我們工作的關鍵部分,但我們不應盲目使用它們。并非每一種趨勢對每種情況都是有用的,有益的或適合的。即使好的趨勢也會變壞,損害用戶體驗。這就是為什么我們必須仔細使用它們,過濾它們并在需要時進行調整。
讓我們看看2017年的設計趨勢和明智的使用方法。
鮮艷的色彩
眾所周知,顏色可以傳達情感,也可以在品牌和UI設計中有策略地使用。明亮的色彩傾向于吸引我們的注意力,并產生比黑暗或中性色彩更積極的情緒。明亮的,彈出的顏色總是有趣,精力充沛,大膽,而柔和的顏色更加放松和離散。
2017年是一個令人興奮的一年,初創企業和新產品都像蘑菇一樣涌現,都在為市場爭奪自己的地位。顏色是吸引我們注意力并與我們接觸的好方法,這就是為什么鮮艷的色彩越來越受歡迎。但是,雖然這種趨勢可能會吸引人,但是它同樣可以輕松地反擊并干擾用戶體驗。
危險
當然,大面積的明亮色彩或許多相鄰的明亮的顏色可能使我們的眼睛不舒服,那么作為用戶則會選擇關閉或離開,而你希望用戶留下來;這就是為什么你首先使用所有這些閃爍的顏色。
明亮的色彩,背后甚至文字副本附近,都會使閱讀變得不愉快,煩人或不可能。明亮的色彩反映更多的光線這就像在人們的臉上閃爍一個火炬,而他們正在試圖閱讀。即使他們設法閱讀,他們將有一個負面的經驗,導致不喜歡你,無論你想在那里說什么
做
平衡明亮的顏色與大塊較暗或更中性的。
使用明亮的顏色作為細節,引起注意并引導用戶。
在大型印刷品上使用明亮的色彩,作為裝飾元素。
使用明亮的顏色來強調內容或互動。
別
避免在大面積上使用明亮的顏色或作為主要背景顏色。
避免在一頁或彼此相鄰使用太多明亮的顏色。
不要在主文本副本后面或附近使用鮮艷的色彩。
不要在有小意思的小表面上使用明亮的色彩,如小圖標和導航。
實驗布局
在比賽中,設計師拒絕限制他們的想象力,反抗和睦,將引導的混亂帶回到獨特,不平衡和非典型作品的設計表中。實驗布局在2017年越來越受歡迎。
這個趨勢是有趣和有趣的。這是一個很好的方式來添加一些品種,幫助藝術或時尚設計脫穎而出,在整潔的布局海洋中。實驗布局不完全平衡;攝影,排版或界面通常不對齊,元素具有不同的填充,并且往往傾向于重疊。
危險
我們的日常生活充滿混亂。在嘗試在線查找信息時,我們需要更多的信息嗎?布局中的不平衡的娛樂性可以容易地干擾網站中的信息的可掃描性和可發現性,從而使瀏覽成為壓倒性的體驗。當主要目標是從內容繁重的頁面獲取信息時,布局結構是必要的。
視覺層次也是非常重要的指導用戶通過內容。在實驗布局中,元素通常彼此浮動,以奇怪的,有時是隨機的,非分層的方式分割內容。其他元素可能在頁面不太可見的區域中重疊或最終出現,從而特別難以閱讀,分組和處理信息。
做
使用實驗布局,閱讀內容不是主要目標。
使用不平衡的布局作為在結構良好和對齊的塊之間的俏皮細節。
將分組的元素保持在附近,并且在不同的內容塊之間具有明確的分隔。
只有當您擁有良好的對比度和足夠大的排版時才使用重疊的元素。
別
不要在內容繁重的頁面中使用實驗布局。
當觀眾瀏覽內容的時間有限時,請勿使用不平衡的布局。
不要在頁面上隨機拋出元素。一些基本的對齊必須始終發生。
不要盲目地重疊元素。考慮對比和相關意義。
小細節
極簡主義很受歡迎,仍然是。然而,我們目前正在轉向更詳細的布局。有一個原因最小的設計不能提供盡可能多的機會來欣賞和區分,作為更詳細和復雜的作品。這幾天非常重要的關注細節。
小細節的空間可以驅動眼睛,從小的像導航點到不起作用的浮動元素。飛行裝飾圖標,下劃線,幾何圖形和碎片越來越受歡迎,因為它們可以為任何設計添加有趣的注釋。它們可以作為平衡器,分隔符或指向內容的指針,如一些有用的注釋。
危險
一些細節對于吸引用戶的興趣是非常有用的,但是它們可能會意外地與實際的,導航的和內容的競爭。太多的細節可能會壓倒一切層層結構,令人困惑,而不是幫助用戶瀏覽或掃描內容。沒有任何目的的細節是數字噪音和毛刺。
小細節經常被用作裝飾元素,旁邊的圖像或排版,有時與它們重疊。有時他們按照滾動或鼠標光標。結果,他們得到我們的注意,這可以是好和壞。我們需要注意這個功能,并相應地放置它們,而不會危及可讀性。
做
使用一些細節來了解內容,確保可讀性不受影響。
使用一些細節作為指針來引導注意或分離主要內容。
平衡少量細節與最小和干凈的布局。
嘗試添加上下文以使其與內容相關。
別
不要在內容繁重的頁面中使用小細節。
避免隨意的細節,沒有目的,或不能幫助你傳達你的故事。
嘗試將功能細節與主用戶導航區分開來。
把細節看作小小的細節,而不是設計的主要組成部分。
榮幸的提到
微小的排版
較小的排版看起來和感覺分級。它留下空間用于其他元素呼吸,并允許眼睛移動。使用較小的字體可以創造有趣的對比度,而不必爭取空間。
另一方面,微小的排版可能會丟失在大塊文本中,或者可能妨礙內容掃描和可讀性。小心使用小字體 - 僅在短的段落。另外,避免使用小于13pt大小的排版。
實驗導航
隨著更多的設計師嘗試創新,實驗導航模式越來越受歡迎。不同的導航風格可以使小型,低內容網站更有趣,或者他們可以幫助用戶以特定的方式導航。
如果實驗導航模式的直觀性足夠直觀,用戶可以與他們進行交互,那么它們可以很有趣和有用。我們必須意識到,它們不適合每個設計或每個受眾,我們測試其可用性至關重要。
動畫
動畫在UI設計中帶來無限的可能性。他們可以獲得非常有創意的變革和增強體驗。動畫可以在任何設計中添加一個額外的層,注意正確的地方。動畫豐富了最少的布局,增強了故事講述和用戶互動。
過度使用動畫可能導致重型網站和加載時間增加,從而測試用戶的耐心。錯誤或不必要的動畫也可能會混淆,擾亂或誤導用戶,因此明智地使用它們。
結論
在網站和產品的大海中,設計人員嘗試通過遵循設計趨勢來保持設計的新鮮度和相關性。但趨勢可能是危險的,不應該是靈丹妙藥。根據我們正在努力實現的內容,受眾群體和目標,我們必須謹慎使用它們。
最后,最重要的是,為了看起來不錯和現代,我們不應該犧牲用戶體驗。