俗話說得好,欲行千里路,你得先走第一步。
對(duì)于UI設(shè)計(jì)師來說,一個(gè)趁手易學(xué)的軟件必然可以提升不管是學(xué)習(xí)還是工作的效率。那么,今天我就給大家分享一下我工作中比較常用的幾款UI設(shè)計(jì)相關(guān)軟件,以及對(duì)應(yīng)的安裝資源和安裝方法。
這次我們分享6款UI常用的軟件,分別是Figma、Sketch、Protopie 和 PS、AI、AE,這里直接給出網(wǎng)盤小程序二維碼。
或者復(fù)制連接進(jìn)入網(wǎng)頁(yè)進(jìn)行轉(zhuǎn)存
盡管Figma還是一款非常年輕的軟件,推出到現(xiàn)在還不到5年,但已然形成了對(duì)傳統(tǒng)老牌UI設(shè)計(jì)軟件Sketch的巨大威脅。其本身強(qiáng)大的跨文件資源管理和布局調(diào)整能力和線上豐富的社區(qū)資源已經(jīng)成了設(shè)計(jì)師日 (na) 常 (lai) 工 (ba) 作 (ni) 的利器,但缺點(diǎn)也很明顯:必須聯(lián)網(wǎng),不能離線使用。
我們團(tuán)隊(duì)早已將日常的工作全部遷移至Figma,體驗(yàn)良好,協(xié)作無敵,這是我一直推薦Figma作為UI設(shè)計(jì)軟件第一主力的原因。
到現(xiàn)在為止,Sketch雖然面臨著Figma的以下克上,但它依然是UI設(shè)計(jì)軟件中當(dāng)之無愧的王者。當(dāng)年以降維打擊的姿態(tài)將PS挑落馬下之后,最近兩年Sketch的發(fā)展卻似乎陷入了泥淖之中,繁瑣的資源管理,分散的文件整理,幾乎不可用的團(tuán)隊(duì)協(xié)作,都已經(jīng)成了Sketch發(fā)展阻礙。
但不管怎么說,如果你不在意以上三點(diǎn),這位巨人依然是你離線本地設(shè)計(jì)的優(yōu)先選擇。
ProtoPie是專門為UI設(shè)計(jì)師打造的一款交互原型設(shè)計(jì)工具,用它可以快速制作交互原型并在手機(jī)上預(yù)覽測(cè)試。ProtoPie的操作邏輯相較于Principle和Flinto稍稍復(fù)雜一些,但這復(fù)雜的一些些換來的確是比后兩者強(qiáng)大得多的交互實(shí)現(xiàn)能力——你能想到的所有交互效果,幾乎都可以用Protopie實(shí)現(xiàn)。
而因?yàn)镻rotopie同時(shí)支持Mac和Windows平臺(tái),所以在課程中我通常會(huì)以Protopie作為交互動(dòng)效演示的實(shí)現(xiàn)軟件。對(duì)于新手來說,目前我還是更推薦Protopie。
對(duì)于Protopie的購(gòu)買建議,有錢購(gòu)買正式版的請(qǐng)隨意購(gòu)買,但如果大家覺得貴,我們有以下兩種方案:
1.新郵箱注冊(cè)賬號(hào)
由于Protopie對(duì)新注冊(cè)的賬號(hào)有一個(gè)月的免費(fèi)試用期,所以可以在需要使用的時(shí)候用新郵箱注冊(cè)一個(gè)賬號(hào),一直注冊(cè)可以一直白嫖。
2.申請(qǐng)學(xué)生賬號(hào)
Protopie對(duì)學(xué)生賬號(hào)是免費(fèi)的,申請(qǐng)一次可以免費(fèi)一年。但首先你需要擁有一個(gè)教育郵箱,使用教育郵箱注冊(cè)賬號(hào)了之后,再通過官網(wǎng)的 Plan→Students&Teachers 入口進(jìn)行申請(qǐng),按要求填寫資料和學(xué)生證明,等待審核通過之后便可以免費(fèi)使用了。
PS鼎鼎大名想必不用再多說了,我在這里只強(qiáng)調(diào)一件事:PS不是用來做UI界面排版的,它只負(fù)責(zé)界面中視覺圖片處理的部分,例如:banner設(shè)計(jì)、運(yùn)營(yíng)位/H5設(shè)計(jì)、視覺性圖標(biāo)設(shè)計(jì),突出一個(gè)圖像后期合成處理。所以那些想用PS來做UI的同學(xué)我勸你趁早死了這條心,它不適合。
AI是數(shù)一數(shù)二的矢量繪圖工具,在工作中我們使用的頻率并不高,只有在繪制普通的線性或者面性圖標(biāo)的時(shí)候才會(huì)用到它,電腦里安裝一個(gè)也只是以備不時(shí)之需。
相比于交互原型動(dòng)效軟件Protopie,這位AE更是重量級(jí)。我們都知道AE是一款影視后期軟件,用來做UI動(dòng)效簡(jiǎn)直是打鳥用大炮,不過對(duì)于有一些MG圖形動(dòng)效比如Loading動(dòng)效、Tab小動(dòng)效、圖標(biāo)小動(dòng)效來說,也只能使用AE來做。AE制作的動(dòng)效只能播放,不能交互,這是它與Protopie這類可交互動(dòng)效軟件的區(qū)別,所以雖然同為動(dòng)效軟件,AE與Protopie也算各司其職。
Adobe三兄弟的安裝方法都是一樣的,這里我們以Photoshop 2021為例。
OK,本次分享到這里結(jié)束,最后再上一次網(wǎng)盤連接:
或者復(fù)制連接進(jìn)入網(wǎng)頁(yè)進(jìn)行轉(zhuǎn)存
百度云鏈接:
https://pan.baidu.com/s/1GGTfXjP5TVjEpCaD6z6-EA
聯(lián)系客服