旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UI設(shè)計的幾種技能提升技巧

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

時間:2020-11-27來源:lb577.com點擊量:作者:Gella
時間:2020-11-27點擊量:作者:Gella
  每天學(xué)習(xí)一點,你就進步一點,不斷向上成長,成功沒有偶然,也沒有理所當然,能夠成為一名優(yōu)秀UI設(shè)計師的人不是因為他們有多幸運,也不是因為他們天賦有多高有多么強的悟性,而是因為他們一直在努力。

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

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

  1. 注入生命

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

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

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

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

  Reddit的聯(lián)合創(chuàng)始人Alexis Ohanian在《Tools of Titans that I loved》中說了一些我非常喜歡的一句話:“花點時間使它更具人性化,或者(取決于你的品牌)更有趣、更不同、或者更多。這是值得的,這就是我的挑戰(zhàn)。”

  在你去設(shè)計你的下一個產(chǎn)品時,請考慮如何將體驗與引人入勝或有趣的副本結(jié)合在一起。

  2. 放入一些圖標和表情符號

UI設(shè)計的幾種技能提升技巧
 
  添加表情符號和圖標可以幫助快速描述元素的功能。就像是當用戶看到放大鏡圖標時,可以立即識別出他們可以通過單擊來搜索內(nèi)容。

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

  除此之外,關(guān)于這一點沒有太多要說的了,不要過度使用它,也不要通過嘗試過度創(chuàng)意來重新發(fā)明輪子。用戶認識到某些元素具有全局意義。因此,請勿通過干擾用戶熟悉的內(nèi)容來使用戶感到困惑,盡可能嘗試使用已有的約定。一個用戶圖標代表一個用戶配置文件,一個“+”圖標代表添加,一個購物車代表購物車,一個齒輪代表設(shè)置,等等。

  下面是一些我最喜歡的地方,你可以在那里找到圖標和表情符號:

  Emojione

  Icons8

  BoxIcons

  Feather

  Material

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

UI設(shè)計的幾種技能提升技巧
 
  插圖使你能夠以輕松愉快的方式傳達復(fù)雜的信息。

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

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

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

  4. 添加一個黑暗模式選項

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

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

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

UI設(shè)計的幾種技能提升技巧
 
  應(yīng)用程序中的圖像與其他任何視覺元素一樣重要。你選擇的圖像中的視覺效果可以使UI更加生動生動,從而增強你的UI。

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

  Unsplash

  Pexels

  Freepik

  Adobe Stock

  Pixabay

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

UI設(shè)計的幾種技能提升技巧
 
  看到應(yīng)用程序中的每個事件,即使不是那么令人興奮的事件,都可以提供令人難忘的體驗。

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

  我最喜歡的示例是Google Chrome瀏覽器的“沒有互聯(lián)網(wǎng)”錯誤屏幕。他們提供了所有必要的信息,以告知用戶如何修復(fù)它,而且還提供了T-Rex無盡的跑步游戲。

  我最喜歡的另一個是Dribbble的404頁面。它之所以出色,是因為它可以使用戶參與其中,并且他們可以快速返回瀏覽涂料設(shè)計。

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

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

  但是,僅僅因為陰影看起來不錯,并不意味著它們始終是不錯的設(shè)計選擇。在設(shè)計決策時要有目的性,并在添加陰影時要記住這些元素的重要性,這一點很重要。

  在做出任何設(shè)計決策時,你應(yīng)該始終這樣做以改善體驗,而不僅僅是美觀。我已經(jīng)提到過幾次,因為我想開車回家。不要忘記,應(yīng)用是為使用而設(shè)計的。不只是因為好看才被人看的。

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖