如果你對藝術(shù)有著足夠的熱忱，又能夠玩轉(zhuǎn)技術(shù)，那么UI/UX 一定是你的菜。
這是為數(shù)不多能為技能、想象力、創(chuàng)造力和技術(shù)提供一個出口的工作，也正是這種屬性，使得這經(jīng)驗(yàn)豐富的UI和UX設(shè)計(jì)師如此搶手。
如果你正在尋求提升技能的方法，那么下面的十個技巧絕對是幫你走向?qū)I(yè)的秘訣。
在繪畫和素描上多投入點(diǎn)時間
UI/UX 設(shè)計(jì)師的這個職業(yè)，是視覺藝術(shù)家和技術(shù)專家的結(jié)合體，同時還對于代碼和數(shù)碼藝術(shù)有著敏銳的感知。不過隨著時間的推移，我發(fā)現(xiàn)我距離初對于藝術(shù)的熱情越來越遠(yuǎn)。
這樣的情況令我設(shè)計(jì)越來越困難，直到我拿起畫板開始在紙上構(gòu)思。正如同許多藝術(shù)類課程所推崇的那樣，我在紙上勾勒出正負(fù)空間的交疊，加上色彩，調(diào)整透視，制造布局，打磨框架……這些元素基本都算是用戶界面設(shè)計(jì)的基本技能，并且可以帶你更接近成功的夢想。
借助原型工具做好用戶測試
對于UI和UX設(shè)計(jì)師而言，這是相當(dāng)重要的一個秘訣：做好用戶測試。從打折測試到實(shí)驗(yàn)室測試，不同的測試方法可以用來應(yīng)對不同的情況，如果你真的想好好做一下用戶測試。
那么Jeffrey Rubin 的這本《Handbook of Usability Testing》絕對是不二的選擇。在工具的選取上，我個人更喜歡的是Invision，它可以將我的設(shè)計(jì)轉(zhuǎn)變可交互的視覺稿。
為移動端設(shè)備優(yōu)化UI和UX
有些設(shè)計(jì)師為桌面端和移動端只準(zhǔn)備一個設(shè)計(jì)框架，這是一個常見的錯誤。在充分認(rèn)識到這一點(diǎn)之后，我動員我的團(tuán)隊(duì)設(shè)計(jì)出不同的版本。
為此，我們?yōu)橐苿佣藘?yōu)化出的設(shè)計(jì)模塊，擁有更大的文本，較少的元素，自動輸入的區(qū)域等典型的特征。
有個用戶體驗(yàn)設(shè)計(jì)原則在此非常實(shí)用，那就是將每個任務(wù)分割為更小的部分，這樣可以將任務(wù)細(xì)化為一個特定的過程。
此外，我們還會使用一些特殊的基于移動端特征的設(shè)計(jì)，比如根據(jù)用戶的手持方式和手指位置來進(jìn)行界面布局優(yōu)化。
善于合理復(fù)用UI模式
設(shè)計(jì)模式本身的功能相當(dāng)強(qiáng)大，用好了可以四兩撥千斤。如你想提升你的設(shè)計(jì)技能，不妨將現(xiàn)有的一些設(shè)計(jì)模式都仔細(xì)研究一下，充分地運(yùn)用起來。
目前典型的設(shè)計(jì)模式是卡片式設(shè)計(jì)，當(dāng)你設(shè)計(jì)出關(guān)鍵的組件之后，使用卡片的樣式呈現(xiàn)出來，用戶會將這種樣式和功能聯(lián)系起來，之后隨著熟悉，降低對不同組件不同功能重新學(xué)習(xí)的負(fù)荷。
挖掘優(yōu)化工作流程的方法
如果你想成為一名真正卓越的UX設(shè)計(jì)師，那么你應(yīng)該將你的注意力轉(zhuǎn)向了解如何正確處理工作上。就設(shè)計(jì)這件事本身而言，如何在不同的情況下選擇不同的思路和流程是基本的層面。
你可以選擇敏捷開發(fā)來搞定可交互的遞增型設(shè)計(jì)，你也可以使用能力成熟度模型(CMM)和能力成熟度模型集成(CMMI)來進(jìn)行品質(zhì)控制和分析，使用精益創(chuàng)業(yè)(Lean Startups)作為框架，借助小可行產(chǎn)品(MVP)來理解用戶的基本需求。
如果你想提升自己，還得充分研究潛在客戶
我想我可能還強(qiáng)調(diào)的不夠，真的!也許會有銷售人員吹噓如何賣梳子給和尚，但是現(xiàn)實(shí)生活中向牙都沒有的老太太賣連牛排，或者向警察賣大麻這樣的事情，成功率有多高用腳都可以想的出來!
在不知道潛在用戶年齡、背景、需求的情況下，真的能作出好的、對的設(shè)計(jì)么?面向布魯克林周邊用戶的夜店和面向麻省理工大學(xué)生的夜店的官網(wǎng)在設(shè)計(jì)上肯定有差異，難道不是么?
做做用戶調(diào)研，想明白頁面上應(yīng)該給用戶提供哪些信息，制作一個簡單的小樣，看看它是否符合你的想象和預(yù)期。
用好網(wǎng)盤和協(xié)同工具
Google Drive 是一個典型的協(xié)同化的云端存儲工具，它拯救過我的次數(shù)已經(jīng)數(shù)不清了!它強(qiáng)大的共享和備份功能對于UI和UX設(shè)計(jì)師而言，確實(shí)太贊了。
現(xiàn)在許多網(wǎng)盤當(dāng)中已經(jīng)內(nèi)置了文檔編輯功能，Google Drive 就可以直接編輯表格、文檔和PPT。
所以，你可以直接在云端編輯PPT，在其中制作線框圖，編輯UX流程，繪制簡單的狀態(tài)圖，和團(tuán)隊(duì)成員分享筆記和用戶反饋，如果你要修改也是相當(dāng)簡單方便的事情。
鉆研成功產(chǎn)品中的技術(shù)技巧
好了，接下來我們來聊聊和技術(shù)細(xì)節(jié)有關(guān)的事情。
現(xiàn)如今的網(wǎng)頁設(shè)計(jì)需要扎實(shí)的排版設(shè)計(jì)知識作為后盾，作為UI和UX方面的專家，你應(yīng)當(dāng)對于間距、縮進(jìn)、響應(yīng)式等技術(shù)細(xì)節(jié)有一定的了解(了解CSS樣式中各種屬性和標(biāo)簽)。
隨后，你需要了解怎么運(yùn)用工具，如何實(shí)現(xiàn)這一切：CSS標(biāo)簽都用錯了，絕對是不可接受的!所以一定要小心。
要確?？牲c(diǎn)擊的區(qū)域符合需求，給用戶帶來更好的體驗(yàn);保證字體尺寸合理，保證頁面的可讀性;超鏈接的色彩顯眼又便于點(diǎn)擊，等等。
為了整體的開發(fā)提升配色技巧
如果你想成為一名優(yōu)秀的UI和UX設(shè)計(jì)師，配色技巧無疑是令一個關(guān)鍵。使用正確的色彩，能讓頁面中特定的元素顯得更加突出，為整個設(shè)計(jì)提供良好的對比度，正確地引導(dǎo)用戶注意力。
正確的色彩運(yùn)用能調(diào)和頁面的不同區(qū)塊，有效的提升整體的設(shè)計(jì)。多年的設(shè)計(jì)工作給我直接的經(jīng)驗(yàn)就是，更好的視覺設(shè)計(jì)意味著更多的收益!雖然色彩和對比度的控制是小技巧，但是真正借助這一技巧來管理用戶的注意力的設(shè)計(jì)師并不算多。
善用線條、動畫和負(fù)空間
之所以我如此的注重線條、動畫和負(fù)空間，是因?yàn)槲以谧吡嗽S多彎路之后才認(rèn)識到它們的重要性!
當(dāng)我剛剛開始為用戶設(shè)計(jì)網(wǎng)頁的時候，對于這些東西完全沒概念，是在一次次失敗中對它們逐步認(rèn)識、了解再到熟練的。
多使用留白或者說負(fù)空間，用動態(tài)元素來填補(bǔ)過渡，在不同的組件之間合理地運(yùn)用線條來做視覺引導(dǎo)，整個設(shè)計(jì)會好很多。
