寫在前面的話:本文國外設(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)重要巢掺。
動畫
動畫在UI設(shè)計中帶來無限的可能性句伶。他們可以獲得非常有創(chuàng)意的變革和增強體驗。動畫可以在任何設(shè)計中添加一個額外的層陆淀,注意正確的地方考余。動畫豐富了最少的布局,增強了故事講述和用戶互動轧苫。
過度使用動畫可能導(dǎo)致重型網(wǎng)站和加載時間增加楚堤,從而測試用戶的耐心。錯誤或不必要的動畫也可能會混淆含懊,擾亂或誤導(dǎo)用戶身冬,因此明智地使用它們。
結(jié)論
在網(wǎng)站和產(chǎn)品的大海中岔乔,設(shè)計人員嘗試通過遵循設(shè)計趨勢來保持設(shè)計的新鮮度和相關(guān)性吏恭。但趨勢可能是危險的,不應(yīng)該是靈丹妙藥重罪。根據(jù)我們正在努力實現(xiàn)的內(nèi)容,受眾群體和目標(biāo)哀九,我們必須謹慎使用它們剿配。
最后,最重要的是阅束,為了看起來不錯和現(xiàn)代呼胚,我們不應(yīng)該犧牲用戶體驗。