每天學(xué)習(xí)一點(diǎn)，你就進(jìn)步一點(diǎn)，不斷向上成長(zhǎng)，成功沒有偶然，也沒有理所當(dāng)然，能夠成為一名優(yōu)秀UI設(shè)計(jì)師的人不是因?yàn)樗麄冇卸嘈疫\(yùn)，也不是因?yàn)樗麄兲熨x有多高有多么強(qiáng)的悟性，而是因?yàn)樗麄円恢痹谂Α?

只不過一般人只看到別人的成功和輝煌，卻往往忽略了別人背后辛勤的努力和付出，所以，在不服氣或者眼紅之時(shí)，才會(huì)用偶然來加以解釋。只有不斷學(xué)習(xí)提升，才能讓自己變得更有價(jià)值!

以下是周老師給大家講解UI設(shè)計(jì)的幾種技能提升技巧。學(xué)會(huì)了可以讓你快速達(dá)到事半公倍的效果。

1. 注入生命

無(wú)論是登錄屏幕還是加載消息，用戶都可以從這些小細(xì)節(jié)中獲得樂趣。這就是為什么像Old Spice和Geico這樣的公司擁有如此知名品牌的原因。通過在他們的營(yíng)銷中注入幽默感和個(gè)性化的設(shè)計(jì)，他們創(chuàng)造了更令人難忘的廣告和內(nèi)容。

MailChimp用戶體驗(yàn)總監(jiān)Aarron Walter說：“我們已經(jīng)發(fā)現(xiàn)在副本中加入幽默、個(gè)性，以及許多塞進(jìn)工作流的復(fù)活節(jié)彩蛋都可以把原本平凡的任務(wù)變成人們期待的體驗(yàn)，有時(shí)甚至是錯(cuò)過的體驗(yàn)。”

將生命注入復(fù)制中，這與說“正在加載...”與“我們訓(xùn)練有素的團(tuán)隊(duì)正在努力做到的”是有區(qū)別的。這是出乎意料的，并為你的用戶提供了一點(diǎn)娛樂。

好的文案并不一定意味著它必須幽默。它只是意味著寫一篇引人入勝、值得一讀的文章。當(dāng)然，在一些領(lǐng)域，如，醫(yī)院、政府等地的應(yīng)用是不合適的。

Reddit的聯(lián)合創(chuàng)始人Alexis Ohanian在《Tools of Titans that I loved》中說了一些我非常喜歡的一句話：“花點(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í)別出他們可以通過單擊來搜索內(nèi)容。

我喜歡Pieter Levels如何利用他的網(wǎng)站NomadList上的表情符號(hào)來使其更具吸引力和用戶友好性。這是使UI更具視覺吸引力的簡(jiǎn)單但有效的方法。

除此之外，關(guān)于這一點(diǎn)沒有太多要說的了，不要過度使用它，也不要通過嘗試過度創(chuàng)意來重新發(fā)明輪子。用戶認(rèn)識(shí)到某些元素具有全局意義。因此，請(qǐng)勿通過干擾用戶熟悉的內(nèi)容來使用戶感到困惑，盡可能嘗試使用已有的約定。一個(gè)用戶圖標(biāo)代表一個(gè)用戶配置文件，UI設(shè)計(jì)的幾種技能提升技巧https://www.aaa-cg.com.cn/ui/2998.html?seo1一個(gè)“+”圖標(biāo)代表添加，一個(gè)購(gòu)物車代表購(gòu)物車，一個(gè)齒輪代表設(shè)置，等等。

下面是一些我最喜歡的地方，你可以在那里找到圖標(biāo)和表情符號(hào):

Emojione

Icons8

BoxIcons

Feather

Material

3. 通過插圖使你的產(chǎn)品更具人性化

插圖使你能夠以輕松愉快的方式傳達(dá)復(fù)雜的信息。

在我們還小的時(shí)候，我們就已經(jīng)接受過將視覺與文字和思想相關(guān)聯(lián)的培訓(xùn)。你見過沒有插圖的兒童讀物嗎?

添加插圖可以幫助緩解心情并平衡界面。插圖可以吸引用戶的注意力，并使應(yīng)用程序的各個(gè)方面更易于理解。

但是，更重要的是，插圖要有目的性，并用作內(nèi)容的補(bǔ)充，而不是替代。插圖應(yīng)重點(diǎn)突出，并提供對(duì)UX的改進(jìn)，而不是干擾操作。與插圖的顏色和樣式保持一致也很重要，這樣它們就不會(huì)顯得格格不入。

4. 添加一個(gè)黑暗模式選項(xiàng)

根據(jù)你正在開發(fā)的應(yīng)用程序，添加深色主題選項(xiàng)可以為像我這樣生活在深色模式下的用戶提供安慰。黑暗模式對(duì)眼睛更友好。

在黑暗模式下進(jìn)行設(shè)計(jì)與在明亮模式下進(jìn)行設(shè)計(jì)沒有太大不同。它所需要的只是一個(gè)不同的調(diào)色板。我建議讓用戶決定在暗模式還是亮模式之間進(jìn)行選擇-提供在兩種模式之間切換的能力將改善您的應(yīng)用程序體驗(yàn)，并允許用戶保持對(duì)其體驗(yàn)的控制。

5. 使用高質(zhì)量的圖像

應(yīng)用程序中的圖像與其他任何視覺元素一樣重要。你選擇的圖像中的視覺效果可以使UI更加生動(dòng)生動(dòng)，從而增強(qiáng)你的UI。

有很多很棒的地方可以找到高質(zhì)量的圖像。以下是一些我的最愛：

Unsplash

Pexels

Freepik

Adobe Stock

Pixabay

6. 設(shè)計(jì)有趣的404頁(yè)面

看到應(yīng)用程序中的每個(gè)事件，即使不是那么令人興奮的事件，都可以提供令人難忘的體驗(yàn)。

錯(cuò)誤狀態(tài)通常是消極的經(jīng)歷，但你可以通過提供一些個(gè)性或樂趣來將其轉(zhuǎn)變?yōu)榉e極的經(jīng)歷。

我最喜歡的示例是Google Chrome瀏覽器的“沒有互聯(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è)谧鲆恍┰鞠Ｍ軣o(wú)聊的事情(例如尋找航班)時(shí)顯得舉足輕重。” -Hipmunk的創(chuàng)始人Alexis Ohanian說。

元素的高度可以幫助你在應(yīng)用程序中創(chuàng)建信息的層次結(jié)構(gòu)。用戶認(rèn)為深度代表了重要性-因此，越靠近的元素優(yōu)先級(jí)越高。

但是，僅僅因?yàn)殛幱翱雌饋聿诲e(cuò)，并不意味著它們始終是不錯(cuò)的設(shè)計(jì)選擇。在設(shè)計(jì)決策時(shí)要有目的性，并在添加陰影時(shí)要記住這些元素的重要性，這一點(diǎn)很重要。

在做出任何設(shè)計(jì)決策時(shí)，你應(yīng)該始終這樣做以改善體驗(yàn)，而不僅僅是美觀。我已經(jīng)提到過幾次，因?yàn)槲蚁腴_車回家。不要忘記，應(yīng)用是為使用而設(shè)計(jì)的。不只是因?yàn)楹每床疟蝗丝吹摹?

文章來源：快資訊  作者：躺雞萌妹

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

                                                            

 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

 

藍(lán)藍(lán)設(shè)計(jì)( m.dzxscac.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)