UI設(shè)計(jì)的幾種技能提升技巧
時(shí)間:2020-11-27來(lái)源:m.lb577.com點(diǎn)擊量:次作者:Gella
時(shí)間:2020-11-27點(diǎn)擊量:次作者:Gella
每天學(xué)習(xí)一點(diǎn),你就進(jìn)步一點(diǎn),不斷向上成長(zhǎng),成功沒(méi)有偶然,也沒(méi)有理所當(dāng)然,能夠成為一名優(yōu)秀UI設(shè)計(jì)師的人不是因?yàn)樗麄冇卸嘈疫\(yùn),也不是因?yàn)樗麄兲熨x有多高有多么強(qiáng)的悟性,而是因?yàn)樗麄円恢痹谂Α?br />
只不過(guò)一般人只看到別人的成功和輝煌,卻往往忽略了別人背后辛勤的努力和付出,所以,在不服氣或者眼紅之時(shí),才會(huì)用偶然來(lái)加以解釋。只有不斷學(xué)習(xí)提升,才能讓自己變得更有價(jià)值!
以下是AAA教育周老師給大家講解UI設(shè)計(jì)的幾種技能提升技巧。學(xué)會(huì)了可以讓你快速達(dá)到事半公倍的效果。
1. 注入生命
無(wú)論是登錄屏幕還是加載消息,用戶都可以從這些小細(xì)節(jié)中獲得樂(lè)趣。這就是為什么像Old Spice和Geico這樣的公司擁有如此知名品牌的原因。通過(guò)在他們的營(yíng)銷(xiāo)中注入幽默感和個(gè)性化的設(shè)計(jì),他們創(chuàng)造了更令人難忘的廣告和內(nèi)容。
MailChimp用戶體驗(yàn)總監(jiān)Aarron Walter說(shuō):“我們已經(jīng)發(fā)現(xiàn)在副本中加入幽默、個(gè)性,以及許多塞進(jìn)工作流的復(fù)活節(jié)彩蛋都可以把原本平凡的任務(wù)變成人們期待的體驗(yàn),有時(shí)甚至是錯(cuò)過(guò)的體驗(yàn)。”
將生命注入復(fù)制中,這與說(shuō)“正在加載...”與“我們訓(xùn)練有素的團(tuán)隊(duì)正在努力做到的”是有區(qū)別的。這是出乎意料的,并為你的用戶提供了一點(diǎn)娛樂(lè)。
好的文案并不一定意味著它必須幽默。它只是意味著寫(xiě)一篇引人入勝、值得一讀的文章。當(dāng)然,在一些領(lǐng)域,如,醫(yī)院、政府等地的應(yīng)用是不合適的。
Reddit的聯(lián)合創(chuàng)始人Alexis Ohanian在《Tools of Titans that I loved》中說(shuō)了一些我非常喜歡的一句話:“花點(diǎn)時(shí)間使它更具人性化,或者(取決于你的品牌)更有趣、更不同、或者更多。這是值得的,這就是我的挑戰(zhàn)。”
在你去設(shè)計(jì)你的下一個(gè)產(chǎn)品時(shí),請(qǐng)考慮如何將體驗(yàn)與引人入勝或有趣的副本結(jié)合在一起。
2. 放入一些圖標(biāo)和表情符號(hào)
添加表情符號(hào)和圖標(biāo)可以幫助快速描述元素的功能。就像是當(dāng)用戶看到放大鏡圖標(biāo)時(shí),可以立即識(shí)別出他們可以通過(guò)單擊來(lái)搜索內(nèi)容。
我喜歡Pieter Levels如何利用他的網(wǎng)站NomadList上的表情符號(hào)來(lái)使其更具吸引力和用戶友好性。這是使UI更具視覺(jué)吸引力的簡(jiǎn)單但有效的方法。
除此之外,關(guān)于這一點(diǎn)沒(méi)有太多要說(shuō)的了,不要過(guò)度使用它,也不要通過(guò)嘗試過(guò)度創(chuàng)意來(lái)重新發(fā)明輪子。用戶認(rèn)識(shí)到某些元素具有全局意義。因此,請(qǐng)勿通過(guò)干擾用戶熟悉的內(nèi)容來(lái)使用戶感到困惑,盡可能?chē)L試使用已有的約定。一個(gè)用戶圖標(biāo)代表一個(gè)用戶配置文件,一個(gè)“+”圖標(biāo)代表添加,一個(gè)購(gòu)物車(chē)代表購(gòu)物車(chē),一個(gè)齒輪代表設(shè)置,等等。
下面是一些我最喜歡的地方,你可以在那里找到圖標(biāo)和表情符號(hào):
Emojione
Icons8
BoxIcons
Feather
Material
3. 通過(guò)插圖使你的產(chǎn)品更具人性化
插圖使你能夠以輕松愉快的方式傳達(dá)復(fù)雜的信息。
在我們還小的時(shí)候,我們就已經(jīng)接受過(guò)將視覺(jué)與文字和思想相關(guān)聯(lián)的培訓(xùn)。你見(jiàn)過(guò)沒(méi)有插圖的兒童讀物嗎?
添加插圖可以幫助緩解心情并平衡界面。插圖可以吸引用戶的注意力,并使應(yīng)用程序的各個(gè)方面更易于理解。
但是,更重要的是,插圖要有目的性,并用作內(nèi)容的補(bǔ)充,而不是替代。插圖應(yīng)重點(diǎn)突出,并提供對(duì)UX的改進(jìn),而不是干擾操作。與插圖的顏色和樣式保持一致也很重要,這樣它們就不會(huì)顯得格格不入。
4. 添加一個(gè)黑暗模式選項(xiàng)
根據(jù)你正在開(kāi)發(fā)的應(yīng)用程序,添加深色主題選項(xiàng)可以為像我這樣生活在深色模式下的用戶提供安慰。黑暗模式對(duì)眼睛更友好。
在黑暗模式下進(jìn)行設(shè)計(jì)與在明亮模式下進(jìn)行設(shè)計(jì)沒(méi)有太大不同。它所需要的只是一個(gè)不同的調(diào)色板。我建議讓用戶決定在暗模式還是亮模式之間進(jìn)行選擇-提供在兩種模式之間切換的能力將改善您的應(yīng)用程序體驗(yàn),并允許用戶保持對(duì)其體驗(yàn)的控制。
5. 使用高質(zhì)量的圖像
應(yīng)用程序中的圖像與其他任何視覺(jué)元素一樣重要。你選擇的圖像中的視覺(jué)效果可以使UI更加生動(dòng)生動(dòng),從而增強(qiáng)你的UI。
有很多很棒的地方可以找到高質(zhì)量的圖像。以下是一些我的最?lèi)?ài):
Unsplash
Pexels
Freepik
Adobe Stock
Pixabay
6. 設(shè)計(jì)有趣的404頁(yè)面
看到應(yīng)用程序中的每個(gè)事件,即使不是那么令人興奮的事件,都可以提供令人難忘的體驗(yàn)。
錯(cuò)誤狀態(tài)通常是消極的經(jīng)歷,但你可以通過(guò)提供一些個(gè)性或樂(lè)趣來(lái)將其轉(zhuǎn)變?yōu)榉e極的經(jīng)歷。
我最喜歡的示例是Google Chrome瀏覽器的“沒(méi)有互聯(lián)網(wǎng)”錯(cuò)誤屏幕。他們提供了所有必要的信息,以告知用戶如何修復(fù)它,而且還提供了T-Rex無(wú)盡的跑步游戲。
我最喜歡的另一個(gè)是Dribbble的404頁(yè)面。它之所以出色,是因?yàn)樗梢允褂脩魠⑴c其中,并且他們可以快速返回瀏覽涂料設(shè)計(jì)。
“人們?nèi)匀辉谕铺厣习l(fā)布關(guān)于我們?cè)贖ipmunk上的錯(cuò)誤推文,這是一條錯(cuò)誤消息。他們?yōu)槭裁匆@樣做?因?yàn)檫@樣做使他們?cè)谧鲆恍┰鞠M軣o(wú)聊的事情(例如尋找航班)時(shí)顯得舉足輕重。” -Hipmunk的創(chuàng)始人Alexis Ohanian說(shuō)。
元素的高度可以幫助你在應(yīng)用程序中創(chuàng)建信息的層次結(jié)構(gòu)。用戶認(rèn)為深度代表了重要性-因此,越靠近的元素優(yōu)先級(jí)越高。
但是,僅僅因?yàn)殛幱翱雌饋?lái)不錯(cuò),并不意味著它們始終是不錯(cuò)的設(shè)計(jì)選擇。在設(shè)計(jì)決策時(shí)要有目的性,并在添加陰影時(shí)要記住這些元素的重要性,這一點(diǎn)很重要。
在做出任何設(shè)計(jì)決策時(shí),你應(yīng)該始終這樣做以改善體驗(yàn),而不僅僅是美觀。我已經(jīng)提到過(guò)幾次,因?yàn)槲蚁腴_(kāi)車(chē)回家。不要忘記,應(yīng)用是為使用而設(shè)計(jì)的。不只是因?yàn)楹每床疟蝗丝吹摹?/span>