2017 危險的設(shè)計趨勢

寫在前面的話:本文國外設(shè)計師Eleana Gkogka 總結(jié)的經(jīng)驗平道,有很多值得學(xué)習(xí)的方面仰泻,下面有原文地址麻捻,歡迎訪問原文。

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

一味的跟隨設(shè)計趨勢可能會損害用戶體驗耻矮。


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

我們設(shè)計師知道哨免,以下設(shè)計趨勢是我們工作的關(guān)鍵部分,但我們不應(yīng)盲目使用它們昙沦。并非每一種趨勢對每種情況都是有用的琢唾,有益的或適合的。即使好的趨勢也會變壞桅滋,損害用戶體驗慧耍。這就是為什么我們必須仔細使用它們,過濾它們并在需要時進行調(diào)整丐谋。

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

鮮艷的色彩


眾所周知煌珊,顏色可以傳達情感号俐,也可以在品牌和UI設(shè)計中有策略地使用。明亮的色彩傾向于吸引我們的注意力定庵,并產(chǎn)生比黑暗或中性色彩更積極的情緒吏饿。明亮的,彈出的顏色總是有趣蔬浙,精力充沛猪落,大膽,而柔和的顏色更加放松和離散畴博。

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

危險

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

明亮的色彩犀盟,背后甚至文字副本附近而晒,都會使閱讀變得不愉快,煩人或不可能且蓬。明亮的色彩反映更多的光線這就像在人們的臉上閃爍一個火炬欣硼,而他們正在試圖閱讀。即使他們設(shè)法閱讀恶阴,他們將有一個負面的經(jīng)驗诈胜,導(dǎo)致不喜歡你,無論你想在那里說什么



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

使用明亮的顏色作為細節(jié)焦匈,引起注意并引導(dǎo)用戶。

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

使用明亮的顏色來強調(diào)內(nèi)容或互動。

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

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

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

不要在有小意思的小表面上使用明亮的色彩吕世,如小圖標(biāo)和導(dǎo)航彰触。

實驗布局

在比賽中,設(shè)計師拒絕限制他們的想象力命辖,反抗和睦况毅,將引導(dǎo)的混亂帶回到獨特,不平衡和非典型作品的設(shè)計表中尔艇。實驗布局在2017年越來越受歡迎尔许。

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

危險

我們的日常生活充滿混亂衙熔。在嘗試在線查找信息時,我們需要更多的信息嗎搅荞?布局中的不平衡的娛樂性可以容易地干擾網(wǎng)站中的信息的可掃描性和可發(fā)現(xiàn)性红氯,從而使瀏覽成為壓倒性的體驗框咙。當(dāng)主要目標(biāo)是從內(nèi)容繁重的頁面獲取信息時,布局結(jié)構(gòu)是必要的痢甘。

視覺層次也是非常重要的指導(dǎo)用戶通過內(nèi)容喇嘱。在實驗布局中,元素通常彼此浮動塞栅,以奇怪的者铜,有時是隨機的,非分層的方式分割內(nèi)容放椰。其他元素可能在頁面不太可見的區(qū)域中重疊或最終出現(xiàn)作烟,從而特別難以閱讀,分組和處理信息砾医。



使用實驗布局拿撩,閱讀內(nèi)容不是主要目標(biāo)。

使用不平衡的布局作為在結(jié)構(gòu)良好和對齊的塊之間的俏皮細節(jié)如蚜。

將分組的元素保持在附近压恒,并且在不同的內(nèi)容塊之間具有明確的分隔。

只有當(dāng)您擁有良好的對比度和足夠大的排版時才使用重疊的元素错邦。

不要在內(nèi)容繁重的頁面中使用實驗布局探赫。

當(dāng)觀眾瀏覽內(nèi)容的時間有限時,請勿使用不平衡的布局撬呢。

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

不要盲目地重疊元素倾芝。考慮對比和相關(guān)意義箭跳。

小細節(jié)


極簡主義很受歡迎晨另,仍然是。然而谱姓,我們目前正在轉(zhuǎn)向更詳細的布局借尿。有一個原因最小的設(shè)計不能提供盡可能多的機會來欣賞和區(qū)分,作為更詳細和復(fù)雜的作品屉来。這幾天非常重要的關(guān)注細節(jié)路翻。

小細節(jié)的空間可以驅(qū)動眼睛,從小的像導(dǎo)航點到不起作用的浮動元素茄靠。飛行裝飾圖標(biāo)茂契,下劃線,幾何圖形和碎片越來越受歡迎慨绳,因為它們可以為任何設(shè)計添加有趣的注釋掉冶。它們可以作為平衡器真竖,分隔符或指向內(nèi)容的指針,如一些有用的注釋厌小。

危險

一些細節(jié)對于吸引用戶的興趣是非常有用的恢共,但是它們可能會意外地與實際的,導(dǎo)航的和內(nèi)容的競爭璧亚。太多的細節(jié)可能會壓倒一切層層結(jié)構(gòu)讨韭,令人困惑,而不是幫助用戶瀏覽或掃描內(nèi)容癣蟋。沒有任何目的的細節(jié)是數(shù)字噪音和毛刺透硝。

小細節(jié)經(jīng)常被用作裝飾元素,旁邊的圖像或排版梢薪,有時與它們重疊蹬铺。有時他們按照滾動或鼠標(biāo)光標(biāo)。結(jié)果秉撇,他們得到我們的注意甜攀,這可以是好和壞。我們需要注意這個功能琐馆,并相應(yīng)地放置它們规阀,而不會危及可讀性。



使用一些細節(jié)來了解內(nèi)容瘦麸,確彼常可讀性不受影響。

使用一些細節(jié)作為指針來引導(dǎo)注意或分離主要內(nèi)容滋饲。

平衡少量細節(jié)與最小和干凈的布局厉碟。

嘗試添加上下文以使其與內(nèi)容相關(guān)。

不要在內(nèi)容繁重的頁面中使用小細節(jié)屠缭。

避免隨意的細節(jié)箍鼓,沒有目的,或不能幫助你傳達你的故事呵曹。

嘗試將功能細節(jié)與主用戶導(dǎo)航區(qū)分開來款咖。

把細節(jié)看作小小的細節(jié),而不是設(shè)計的主要組成部分奄喂。

榮幸的提到

微小的排版


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

另一方面玻蝌,微小的排版可能會丟失在大塊文本中蟹肘,或者可能妨礙內(nèi)容掃描和可讀性词疼。小心使用小字體 - 僅在短的段落。另外帘腹,避免使用小于13pt大小的排版贰盗。

實驗導(dǎo)航


隨著更多的設(shè)計師嘗試創(chuàng)新,實驗導(dǎo)航模式越來越受歡迎阳欲。不同的導(dǎo)航風(fēng)格可以使小型舵盈,低內(nèi)容網(wǎng)站更有趣,或者他們可以幫助用戶以特定的方式導(dǎo)航球化。

如果實驗導(dǎo)航模式的直觀性足夠直觀秽晚,用戶可以與他們進行交互,那么它們可以很有趣和有用筒愚。我們必須意識到赴蝇,它們不適合每個設(shè)計或每個受眾,我們測試其可用性至關(guān)重要巢掺。

動畫


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

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

過度使用動畫可能導(dǎo)致重型網(wǎng)站和加載時間增加楚堤,從而測試用戶的耐心。錯誤或不必要的動畫也可能會混淆含懊,擾亂或誤導(dǎo)用戶身冬,因此明智地使用它們。


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

結(jié)論

在網(wǎng)站和產(chǎn)品的大海中岔乔,設(shè)計人員嘗試通過遵循設(shè)計趨勢來保持設(shè)計的新鮮度和相關(guān)性吏恭。但趨勢可能是危險的,不應(yīng)該是靈丹妙藥重罪。根據(jù)我們正在努力實現(xiàn)的內(nèi)容,受眾群體和目標(biāo)哀九,我們必須謹慎使用它們剿配。

最后,最重要的是阅束,為了看起來不錯和現(xiàn)代呼胚,我們不應(yīng)該犧牲用戶體驗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末息裸,一起剝皮案震驚了整個濱河市蝇更,隨后出現(xiàn)的幾起案子沪编,更是在濱河造成了極大的恐慌,老刑警劉巖年扩,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚁廓,死亡現(xiàn)場離奇詭異,居然都是意外死亡厨幻,警方通過查閱死者的電腦和手機相嵌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來况脆,“玉大人饭宾,你說我怎么就攤上這事「窳耍” “怎么了看铆?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長盛末。 經(jīng)常有香客問我弹惦,道長,這世上最難降的妖魔是什么满败? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任肤频,我火速辦了婚禮,結(jié)果婚禮上算墨,老公的妹妹穿的比我還像新娘宵荒。我一直安慰自己,他們只是感情好净嘀,可當(dāng)我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布报咳。 她就那樣靜靜地躺著,像睡著了一般挖藏。 火紅的嫁衣襯著肌膚如雪暑刃。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天膜眠,我揣著相機與錄音岩臣,去河邊找鬼。 笑死宵膨,一個胖子當(dāng)著我的面吹牛架谎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辟躏,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼谷扣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了捎琐?” 一聲冷哼從身側(cè)響起会涎,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤裹匙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后末秃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體概页,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年蛔溃,在試婚紗的時候發(fā)現(xiàn)自己被綠了绰沥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡贺待,死狀恐怖徽曲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情麸塞,我是刑警寧澤秃臣,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站哪工,受9級特大地震影響奥此,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜雁比,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一稚虎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧偎捎,春花似錦蠢终、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至丈牢,卻和暖如春祭钉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背己沛。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工慌核, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人申尼。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓遂铡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親晶姊。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容