UI設(shè)計(jì)的幾種技能提升技巧

2021-5-26    seo達(dá)人


每天學(xué)習(xí)一點(diǎn),你就進(jìn)步一點(diǎn),不斷向上成長,成功沒有偶然,也沒有理所當(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. 注入生命

大圖模式

無論是登錄屏幕還是加載消息,用戶都可以從這些小細(xì)節(jié)中獲得樂趣。這就是為什么像Old Spice和Geico這樣的公司擁有如此知名品牌的原因。通過在他們的營銷中注入幽默感和個(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í),請考慮如何將體驗(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更具視覺吸引力的簡單但有效的方法。

除此之外,關(guān)于這一點(diǎn)沒有太多要說的了,不要過度使用它,也不要通過嘗試過度創(chuàng)意來重新發(fā)明輪子。用戶認(rèn)識(shí)到某些元素具有全局意義。因此,請勿通過干擾用戶熟悉的內(nèi)容來使用戶感到困惑,盡可能嘗試使用已有的約定。一個(gè)用戶圖標(biāo)代表一個(gè)用戶配置文件,UI設(shè)計(jì)的幾種技能提升技巧https://www.aaa-cg.com.cn/ui/2998.html?seo1一個(gè)“+”圖標(biāo)代表添加,一個(gè)購物車代表購物車,一個(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)突出,并提供對UX的改進(jìn),而不是干擾操作。與插圖的顏色和樣式保持一致也很重要,這樣它們就不會(huì)顯得格格不入。

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

大圖模式

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

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

我最喜歡的另一個(gè)是Dribbble的404頁面。它之所以出色,是因?yàn)樗梢允褂脩魠⑴c其中,并且他們可以快速返回瀏覽涂料設(shè)計(jì)。

“人們?nèi)匀辉谕铺厣习l(fā)布關(guān)于我們在Hipmunk上的錯(cuò)誤推文,這是一條錯(cuò)誤消息。他們?yōu)槭裁匆@樣做?因?yàn)檫@樣做使他們在做一些原本希望很無聊的事情(例如尋找航班)時(shí)顯得舉足輕重?!?-Hipmunk的創(chuàng)始人Alexis Ohanian說。

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

但是,僅僅因?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ì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

                                                            微信圖片_20210513163802.png

 

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

 

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔