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