步驟：軟件基礎(chǔ)-圖標(biāo)設(shè)計(jì)-界面設(shè)計(jì)-交互設(shè)計(jì)-用戶(hù)產(chǎn)品
1.軟件基礎(chǔ)
如果說(shuō)程序員一天中大部分時(shí)間都在碼代碼狱窘，那么設(shè)計(jì)師的時(shí)間都留給了Photoshop穿仪、Axure胰坟、Adobe Illustrator奶镶，涂涂修修確實(shí)是常態(tài)诉位，而這里胁孙，也是“美工”稱(chēng)呼的發(fā)源地唠倦。嫻熟的技法，是完美展現(xiàn)設(shè)計(jì)作品的必備條件涮较，作為UI設(shè)計(jì)師稠鼻，也應(yīng)當(dāng)熟練掌握這些常用軟件。稍低一點(diǎn)的要求狂票，是至少能精通其中一款軟件候齿，各種操作都已經(jīng)形成自然反應(yīng)，其他軟件也能通個(gè)七八分闺属。PS慌盯、AI、Skech掂器、Ae润匙、Axure等等。制作原型唉匾，界面孕讳，圖標(biāo)制作，素材制作巍膘，切圖等等相關(guān)步驟的軟件都需學(xué)會(huì)厂财。
2、圖標(biāo)設(shè)計(jì)
UI最重要組建之一就是圖標(biāo)峡懈，隨著扁平化設(shè)計(jì)的發(fā)展趨勢(shì)璃饱，越來(lái)越注重圖標(biāo)的簡(jiǎn)潔與寓意表達(dá)，平面圖標(biāo)已占主導(dǎo)地位肪康。
設(shè)計(jì)技法要點(diǎn)
關(guān)鍵節(jié)點(diǎn)繪制法 這里舉例剪影圖標(biāo)繪制方法技巧荚恶，3步驟可以搞定，看似又簡(jiǎn)單又難磷支，簡(jiǎn)單的是只是繪制參照物輪廓谒撼，保留基礎(chǔ)識(shí)別性，步驟很少;難的是這調(diào)整的過(guò)程與產(chǎn)品環(huán)境的融合性雾狈，易用性廓潜，還有你自己的創(chuàng)意想法。
說(shuō)簡(jiǎn)單點(diǎn)就是去繁擇簡(jiǎn)并經(jīng)過(guò)思考改造過(guò)的設(shè)計(jì)過(guò)程。而最基本的最需要犀利眼神抓準(zhǔn)的是造型的關(guān)鍵節(jié)點(diǎn)辩蛋，雛形出來(lái)后再根據(jù)想法調(diào)整呻畸。
提煉精華勾勒輪廓
通常在繪制已有參照物的基礎(chǔ)上去設(shè)計(jì)一個(gè)圖標(biāo)，可以根據(jù)你喜歡的造型參照物去進(jìn)行分析悼院，先抓取到參照物的關(guān)鍵節(jié)點(diǎn)伤为，幾何繪制出來(lái)一個(gè)相似的基本圖形。
調(diào)整線鋒優(yōu)雅得體
基礎(chǔ)雛形出來(lái)后就開(kāi)始加入自己的想法調(diào)整線鋒据途，線條走向決定造型绞愚。這個(gè)時(shí)候就得要調(diào)多幾個(gè)版本了。設(shè)計(jì)師的處女座精細(xì)和糾結(jié)情結(jié)就在這里灑汗了昨凡，不斷調(diào)整對(duì)比爽醋，挑選出一個(gè)最優(yōu)再進(jìn)行下一步蚁署。
增特有細(xì)節(jié)出風(fēng)格
最后一步的塑形便脊，就是畫(huà)龍點(diǎn)睛!造型的特點(diǎn)就在這一步去完成。
3光戈、界面設(shè)計(jì)
有人以為哪痰，設(shè)計(jì)師只要去圖庫(kù)網(wǎng)站找一些素材，借助工具進(jìn)行修飾即可久妆，其實(shí)這只能鍛煉你的借鑒能力晌杰，當(dāng)你的技法嫻熟到一定程度，就可以嘗試臨摹筷弦。通過(guò)臨摹肋演，一則用來(lái)強(qiáng)化技法層面的能力，二來(lái)也能提升初學(xué)者的創(chuàng)新能力烂琴。
臨摹的內(nèi)容爹殊，可以有兩方面選擇：一種是系統(tǒng)自帶的圖標(biāo)，比如Mac OX奸绷、Windows梗夸，或者移動(dòng)端iOS、Android的原生圖標(biāo)号醉，都是精心打磨過(guò)反症，既能幫助初學(xué)者了解平臺(tái)設(shè)計(jì)規(guī)則，又能在臨摹中逐漸鞏固常用軟件的技術(shù)畔派。另一種則是行業(yè)牛人的設(shè)計(jì)作品铅碍，捉摸他們的設(shè)計(jì)風(fēng)格、思想和細(xì)節(jié)线椰，都能加深對(duì)設(shè)計(jì)的認(rèn)識(shí)该酗。
4、交互設(shè)計(jì)
分不清交互和UI的人，可能一抓一大把呜魄，事實(shí)上悔叽，這還是有區(qū)別的。從一般意義上說(shuō)娇澎，UI主要做的是圖形用戶(hù)界面，也可以稱(chēng)為GUI設(shè)計(jì)師睹晒；交互設(shè)計(jì)主要做處理點(diǎn)事人機(jī)互動(dòng)的界面，任何與機(jī)器打交道的過(guò)程伪很，都需要交互設(shè)計(jì)師來(lái)參與。但坦白說(shuō)锉试，現(xiàn)在的App中，有多少操作能把UI和交互完全清楚地剝離開(kāi)來(lái)呢呆盖？一個(gè)好的產(chǎn)品拖云，需要美觀的界面和順滑的交互应又，也就離不開(kāi)設(shè)計(jì)師兩種能力的相輔相成了。尤其現(xiàn)在株扛，設(shè)計(jì)趨向扁平化的時(shí)期尤筐，只要遵循設(shè)計(jì)規(guī)范，交互設(shè)計(jì)甚至能出了設(shè)計(jì)稿后直接給開(kāi)發(fā)去實(shí)現(xiàn)洞就，單純UI設(shè)計(jì)的存在感日益弱化盆繁。
5、用戶(hù)產(chǎn)品
從前奖磁，除了設(shè)計(jì)界面的UI設(shè)計(jì)師之外改基，互聯(lián)網(wǎng)公司會(huì)專(zhuān)門(mén)設(shè)置專(zhuān)門(mén)的用戶(hù)研究中心來(lái)處理用戶(hù)體驗(yàn)的種種問(wèn)題，但如今多元的趨勢(shì)下咖为，一個(gè)互聯(lián)網(wǎng)產(chǎn)品的視覺(jué)設(shè)計(jì)秕狰，需要懂一點(diǎn)產(chǎn)品、懂一點(diǎn)用戶(hù)體驗(yàn)躁染，才能更有效的推進(jìn)合作流程鸣哀，同時(shí)也會(huì)培養(yǎng)自己多元化的思維方式（用戶(hù)研究以縝密的邏輯發(fā)展，而UI設(shè)計(jì)則更加追求審美）吞彤。
今天到此講解完畢我衬，希望對(duì)大家有所幫助叹放，如想學(xué)習(xí)更多UI設(shè)計(jì)教程，可以加QQ：2877261857
也可以關(guān)注微信公眾號(hào): UI設(shè)計(jì)說(shuō)挠羔，關(guān)注后回復(fù)書(shū)籍井仰，便可以獲得66本UI設(shè)計(jì)零基礎(chǔ)學(xué)習(xí)書(shū)籍高清PDF版免費(fèi)贈(zèng)送！
