2017 危險的設計趨勢

寫在前面的話:本文國外設計師Eleana Gkogka 總結的經驗,有很多值得學習的方面,下面有原文地址,歡迎訪問原文。

原文請訪問:medium.muz.li/dangerous-design-trends-2017-c388ce9e735a

一味的跟隨設計趨勢可能會損害用戶體驗。


?OU不能以封面來判斷一本書,但你肯定可以判斷是其設計的一個網站。人們傾向于在他們的功能和實用性之前基于他們的外觀來評估和判斷產品和網站。以下設計趨勢對于保持產品的清新和吸引力是必要的。但設計趨勢是靈丹妙藥嗎?

我們設計師知道,以下設計趨勢是我們工作的關鍵部分,但我們不應盲目使用它們。并非每一種趨勢對每種情況都是有用的,有益的或適合的。即使好的趨勢也會變壞,損害用戶體驗。這就是為什么我們必須仔細使用它們,過濾它們并在需要時進行調整。

讓我們看看2017年的設計趨勢和明智的使用方法。

鮮艷的色彩


眾所周知,顏色可以傳達情感,也可以在品牌和UI設計中有策略地使用。明亮的色彩傾向于吸引我們的注意力,并產生比黑暗或中性色彩更積極的情緒。明亮的,彈出的顏色總是有趣,精力充沛,大膽,而柔和的顏色更加放松和離散。

2017年是一個令人興奮的一年,初創企業和新產品都像蘑菇一樣涌現,都在為市場爭奪自己的地位。顏色是吸引我們注意力并與我們接觸的好方法,這就是為什么鮮艷的色彩越來越受歡迎。但是,雖然這種趨勢可能會吸引人,但是它同樣可以輕松地反擊并干擾用戶體驗。

危險

當然,大面積的明亮色彩或許多相鄰的明亮的顏色可能使我們的眼睛不舒服,那么作為用戶則會選擇關閉或離開,而你希望用戶留下來;這就是為什么你首先使用所有這些閃爍的顏色。

明亮的色彩,背后甚至文字副本附近,都會使閱讀變得不愉快,煩人或不可能。明亮的色彩反映更多的光線這就像在人們的臉上閃爍一個火炬,而他們正在試圖閱讀。即使他們設法閱讀,他們將有一個負面的經驗,導致不喜歡你,無論你想在那里說什么



平衡明亮的顏色與大塊較暗或更中性的。

使用明亮的顏色作為細節,引起注意并引導用戶。

在大型印刷品上使用明亮的色彩,作為裝飾元素。

使用明亮的顏色來強調內容或互動。

避免在大面積上使用明亮的顏色或作為主要背景顏色。

避免在一頁或彼此相鄰使用太多明亮的顏色。

不要在主文本副本后面或附近使用鮮艷的色彩。

不要在有小意思的小表面上使用明亮的色彩,如小圖標和導航。

實驗布局

在比賽中,設計師拒絕限制他們的想象力,反抗和睦,將引導的混亂帶回到獨特,不平衡和非典型作品的設計表中。實驗布局在2017年越來越受歡迎。

這個趨勢是有趣和有趣的。這是一個很好的方式來添加一些品種,幫助藝術或時尚設計脫穎而出,在整潔的布局海洋中。實驗布局不完全平衡;攝影,排版或界面通常不對齊,元素具有不同的填充,并且往往傾向于重疊。

危險

我們的日常生活充滿混亂。在嘗試在線查找信息時,我們需要更多的信息嗎?布局中的不平衡的娛樂性可以容易地干擾網站中的信息的可掃描性和可發現性,從而使瀏覽成為壓倒性的體驗。當主要目標是從內容繁重的頁面獲取信息時,布局結構是必要的。

視覺層次也是非常重要的指導用戶通過內容。在實驗布局中,元素通常彼此浮動,以奇怪的,有時是隨機的,非分層的方式分割內容。其他元素可能在頁面不太可見的區域中重疊或最終出現,從而特別難以閱讀,分組和處理信息。



使用實驗布局,閱讀內容不是主要目標。

使用不平衡的布局作為在結構良好和對齊的塊之間的俏皮細節。

將分組的元素保持在附近,并且在不同的內容塊之間具有明確的分隔。

只有當您擁有良好的對比度和足夠大的排版時才使用重疊的元素。

不要在內容繁重的頁面中使用實驗布局。

當觀眾瀏覽內容的時間有限時,請勿使用不平衡的布局。

不要在頁面上隨機拋出元素。一些基本的對齊必須始終發生。

不要盲目地重疊元素。考慮對比和相關意義。

小細節


極簡主義很受歡迎,仍然是。然而,我們目前正在轉向更詳細的布局。有一個原因最小的設計不能提供盡可能多的機會來欣賞和區分,作為更詳細和復雜的作品。這幾天非常重要的關注細節。

小細節的空間可以驅動眼睛,從小的像導航點到不起作用的浮動元素。飛行裝飾圖標,下劃線,幾何圖形和碎片越來越受歡迎,因為它們可以為任何設計添加有趣的注釋。它們可以作為平衡器,分隔符或指向內容的指針,如一些有用的注釋。

危險

一些細節對于吸引用戶的興趣是非常有用的,但是它們可能會意外地與實際的,導航的和內容的競爭。太多的細節可能會壓倒一切層層結構,令人困惑,而不是幫助用戶瀏覽或掃描內容。沒有任何目的的細節是數字噪音和毛刺。

小細節經常被用作裝飾元素,旁邊的圖像或排版,有時與它們重疊。有時他們按照滾動或鼠標光標。結果,他們得到我們的注意,這可以是好和壞。我們需要注意這個功能,并相應地放置它們,而不會危及可讀性。



使用一些細節來了解內容,確保可讀性不受影響。

使用一些細節作為指針來引導注意或分離主要內容。

平衡少量細節與最小和干凈的布局。

嘗試添加上下文以使其與內容相關。

不要在內容繁重的頁面中使用小細節。

避免隨意的細節,沒有目的,或不能幫助你傳達你的故事。

嘗試將功能細節與主用戶導航區分開來。

把細節看作小小的細節,而不是設計的主要組成部分。

榮幸的提到

微小的排版


較小的排版看起來和感覺分級。它留下空間用于其他元素呼吸,并允許眼睛移動。使用較小的字體可以創造有趣的對比度,而不必爭取空間。

另一方面,微小的排版可能會丟失在大塊文本中,或者可能妨礙內容掃描和可讀性。小心使用小字體 - 僅在短的段落。另外,避免使用小于13pt大小的排版。

實驗導航


隨著更多的設計師嘗試創新,實驗導航模式越來越受歡迎。不同的導航風格可以使小型,低內容網站更有趣,或者他們可以幫助用戶以特定的方式導航。

如果實驗導航模式的直觀性足夠直觀,用戶可以與他們進行交互,那么它們可以很有趣和有用。我們必須意識到,它們不適合每個設計或每個受眾,我們測試其可用性至關重要。

動畫


https://cdn-images-1.medium.com/max/800/1*FtGmN2nfmn9Sm8P0y0j6QA.gif

動畫在UI設計中帶來無限的可能性。他們可以獲得非常有創意的變革和增強體驗。動畫可以在任何設計中添加一個額外的層,注意正確的地方。動畫豐富了最少的布局,增強了故事講述和用戶互動。

過度使用動畫可能導致重型網站和加載時間增加,從而測試用戶的耐心。錯誤或不必要的動畫也可能會混淆,擾亂或誤導用戶,因此明智地使用它們。


https://cdn-images-1.medium.com/max/800/1*lTceZ47AFx-lqGuObnkHug.gif

結論

在網站和產品的大海中,設計人員嘗試通過遵循設計趨勢來保持設計的新鮮度和相關性。但趨勢可能是危險的,不應該是靈丹妙藥。根據我們正在努力實現的內容,受眾群體和目標,我們必須謹慎使用它們。

最后,最重要的是,為了看起來不錯和現代,我們不應該犧牲用戶體驗。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,559評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,442評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,835評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,581評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,922評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,096評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,639評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,374評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,591評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,789評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,196評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,524評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,322評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,554評論 2 379

推薦閱讀更多精彩內容