UI設(shè)計(jì)必備工具活學(xué)活用
工欲善其事,必先利其器。一個(gè)優(yōu)秀的設(shè)計(jì)師埋泵,相關(guān)軟件的熟練使用是一個(gè)重要的因素。隨著移動(dòng)端設(shè)備的普及罪治,產(chǎn)品開發(fā)速度越來越快丽声,相應(yīng)的UI設(shè)計(jì)軟件也層出不窮。下面讓我們認(rèn)識(shí)一下最經(jīng)典的UI設(shè)計(jì)使用工具和最近的軟件新秀觉义。
PS -?Adobe Photoshop
Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像雁社。使用其眾多的編修與繪圖工具,可以有效地進(jìn)行圖片編輯工作晒骇。PS有很多功能霉撵,在圖像、圖形洪囤、文字徒坡、視頻、出版等各方面都有涉及瘤缩。不但是最受歡迎的圖像處理軟件喇完,同時(shí)也是目前最主流的UI設(shè)計(jì)軟件,適合界面設(shè)計(jì)剥啤、圖標(biāo)設(shè)計(jì)锦溪、手繪不脯。
AI - Adobe Illustrator
Illustrator是一種應(yīng)用于出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件刻诊,作為一款非常好的圖片處理工具防楷,Adobe Illustrator廣泛應(yīng)用于印刷出版、海報(bào)書籍排版则涯、專業(yè)插畫域帐、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等,也可以為線稿提供較高的精度和控制是整,適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目肖揣。作為一款專業(yè)的矢量圖形軟件,在UI設(shè)計(jì)中浮入,illustrator一般用于圖標(biāo)設(shè)計(jì)龙优,手繪插畫設(shè)計(jì)。
Sketch
Sketch是目前最火的UI設(shè)計(jì)工具事秀。Sketch的界面非常棒彤断,是為想要設(shè)計(jì)圖標(biāo)或界面的用戶而特制的,支持多個(gè)文件分層易迹,使用了最佳的文字渲染和文字樣式算法宰衙,畫布具有無限尺寸,而且切片工具非常棒睹欲。遺憾的是供炼,Sketch目前只有Mac版。
XMind
XMind?是一款非常實(shí)用的商業(yè)思維導(dǎo)圖軟件窘疮,應(yīng)用全球最先進(jìn)的Eclipse RCP?軟件架構(gòu)袋哼,全力打造易用、高效的可視化思維軟件闸衫,強(qiáng)調(diào)軟件的可擴(kuò)展涛贯、跨平臺(tái)、穩(wěn)定性和性能蔚出,致力于使用先進(jìn)的軟件技術(shù)幫助用戶真正意義上提高生產(chǎn)率弟翘。XMind一般用于制作流程圖與架構(gòu)圖。市面上同種類的軟件有很多骄酗,像Mindmanage稀余、Visio等等。但是我個(gè)人比較喜歡使用這款軟件酥筝,不但界面美觀滚躯、操作方便,還有很多美觀的模版。更重要的是它有中文版掸掏,并且是免費(fèi)的茁影。
Axure -?Axure RP
Axure是一款專業(yè)的快速原型設(shè)計(jì)工具。是美國Axure Software Solution公司旗艦產(chǎn)品丧凤,是一個(gè)專業(yè)的快速原型設(shè)計(jì)工具募闲,讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖愿待、流程圖浩螺、原型和規(guī)格說明文檔。作為專業(yè)的原型設(shè)計(jì)工具仍侥,它能快速要出、高效的創(chuàng)建原型,同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理农渊。Axure RP的使用者主要包括商業(yè)分析師患蹂、信息架構(gòu)師、產(chǎn)品經(jīng)理砸紊、IT咨詢師传于、用戶體驗(yàn)設(shè)計(jì)師、交互設(shè)計(jì)師醉顽、UI設(shè)計(jì)師等沼溜,另外,架構(gòu)師游添、程序員也在使用Axure系草。
AE -?Adobe After Effects
After Effects簡稱“AE”是Adobe公司推出的一款圖形視頻處理軟件,適用于從事設(shè)計(jì)和視頻特技的機(jī)構(gòu)否淤,包括電視臺(tái)悄但、動(dòng)畫制作公司、個(gè)人后期制作工作室以及多媒體工作室石抡。屬于層類型后期軟件。AE在UI設(shè)計(jì)中主要用于動(dòng)效設(shè)計(jì)助泽。
PR - Adobe Premiere
Premiere是一款編輯畫面質(zhì)量比較好的軟件啰扛,有較好的兼容性,且可以與Adobe公司推出的其他軟件相互協(xié)作嗡贺。目前這款軟件廣泛應(yīng)用于廣告制作和電視節(jié)目制作中隐解。 也是視頻編輯愛好者和專業(yè)人士必不可少的視頻編輯工具。它可以提升您的創(chuàng)作能力和創(chuàng)作自由度诫睬,它是易學(xué)煞茫、高效、精確的視頻剪輯軟件。Premiere提供了采集续徽、剪輯蚓曼、調(diào)色、美化音頻钦扭、字幕添加纫版、輸出、DVD刻錄的一整套流程客情,并和其他Adobe軟件高效集成其弊,使您足以完成在編輯、制作膀斋、工作流上遇到的所有挑戰(zhàn)梭伐,滿足您創(chuàng)建高質(zhì)量作品的要求。
ID - Adobe InDesign
InDesign主要用于各種印刷品的排版編輯,可以將文檔直接導(dǎo)出為Adobe的PDF格式仰担,而且有多語言支持籽御。它也是第一個(gè)支持Unicode文本處理的主流DTP應(yīng)用程序,率先使用新型OpenType字體惰匙,高級透明性能技掏,圖層樣式,自定義裁切等功能项鬼。它基于JavaScript特性哑梳,和與兄弟軟件Illustrator、Photoshop等的完美結(jié)合绘盟,界面的一致性等特點(diǎn)都受到了用戶的青睞鸠真。
InDesign作為PageMaker的繼承者,定位于高端用戶龄毡。Adobe已經(jīng)停止了PageMaker的開發(fā)吠卷,全面轉(zhuǎn)向InDesign。它最初主要適用于定期出版物沦零,海報(bào)和其他印刷媒體祭隔。一些長文檔仍使用FrameMaker(操作說明書,技術(shù)文檔等)或QuarkXPress(書籍路操,商品目錄等)疾渴。隨著相關(guān)數(shù)據(jù)庫的合并,InDesign和使用相同格式引擎的文字處理Adobe InCopy的共用屯仗,已經(jīng)使它成為報(bào)刊雜志和其他出版環(huán)境中的重要軟件搞坝。
XD -?Adobe?Experience?Design
Experience?Design是一站式UX/UI設(shè)計(jì)平臺(tái),在這款產(chǎn)品上面用戶可以進(jìn)行移動(dòng)應(yīng)用和網(wǎng)頁設(shè)計(jì)與原型制作魁袜。同時(shí)它也是唯一一款結(jié)合設(shè)計(jì)與建立原型功能桩撮,并同時(shí)提供工業(yè)級性能的跨平臺(tái)設(shè)計(jì)產(chǎn)品敦第。設(shè)計(jì)師使用Adobe XD可以更高效準(zhǔn)確的完成靜態(tài)編譯或者框架圖到交互原型的轉(zhuǎn)變。能高效率輕松完成線框圖店量、視覺設(shè)計(jì)芜果、交互設(shè)計(jì)、原型制作垫桂、實(shí)時(shí)預(yù)覽和共享师幕。
CutterMan
Cutterman是一款運(yùn)行在photoshop中的插件,能夠自動(dòng)將你需要的圖層進(jìn)行輸出诬滩, 以替代傳統(tǒng)的手工 "導(dǎo)出web所用格式" 以及使用切片工具進(jìn)行挨個(gè)切圖的繁瑣流程霹粥。 它支持各種各樣的圖片尺寸、格式疼鸟、形態(tài)輸出后控,方便你在pc、ios空镜、Android等端上使用浩淘。 它不需要你記住一堆的語法、規(guī)則吴攒,純點(diǎn)擊操作张抄,方便、快捷洼怔,易于上手署惯。能夠讓你只需要點(diǎn)擊一個(gè)按鈕,就自動(dòng)輸出你需要的各種各樣的圖片镣隶,快到?jīng)]有朋友极谊!
Parker
Parker最高效的自動(dòng)標(biāo)注工具,能夠自動(dòng)計(jì)算尺寸安岂、距離轻猖、文字大小、陰影等信息域那,并按照你的需要進(jìn)行標(biāo)注, 它極大節(jié)省你標(biāo)注的時(shí)間咙边,大幅度提升設(shè)計(jì)效率。
Parker - 最高效的自動(dòng)標(biāo)注工具
PS Mirror ?/ ?PS Play
在手機(jī)上實(shí)時(shí)預(yù)覽PS中的設(shè)計(jì)稿, 支持android/iphone, 鏈接穩(wěn)定速度快琉雳。
PS Mirror是收費(fèi)版样眠,60元終身!
Design Mirror - 設(shè)計(jì)稿實(shí)時(shí)預(yù)覽?
藍(lán)湖
藍(lán)湖是一款產(chǎn)品文檔和設(shè)計(jì)圖的共享平臺(tái),幫助互聯(lián)網(wǎng)團(tuán)隊(duì)更好地管理文檔和設(shè)計(jì)圖翠肘。藍(lán)湖可以在線展示Axure,自動(dòng)生成設(shè)計(jì)圖標(biāo)注,與團(tuán)隊(duì)共享設(shè)計(jì)圖,展示頁面之間的跳轉(zhuǎn)關(guān)系。
作為計(jì)算機(jī)出身的我辫秧,被HR為了太多次為什么要轉(zhuǎn)行束倍,其實(shí)之前對于計(jì)算機(jī)專業(yè)的人來說,還是有些優(yōu)勢的,至少不用頻繁的考各種證绪妹,現(xiàn)在想想甥桂,還是太年輕,學(xué)校里學(xué)的東西邮旷,PS黄选,AI,DW這就頂天兒了婶肩,除了一步一個(gè)腳印扎扎實(shí)實(shí)學(xué)好所學(xué)之外办陷,還發(fā)現(xiàn),軟件的層出不窮和目前的所學(xué)并不能夠完全勝任律歼,就必須一頭扎進(jìn)去學(xué)習(xí)更多的知識(shí)民镜!終身學(xué)習(xí)才是王道!
插件的使用
1.安裝好插件面板后, 打開PS, 窗口 -> 擴(kuò)展 -> Ps Mirror - 實(shí)時(shí)預(yù)覽 打開插件面板
2.設(shè)置連接
登錄APP之后险毁,將PS與App連接到同一個(gè)Wifi網(wǎng)絡(luò)制圈,可自動(dòng)連接,可手動(dòng)連接畔况,連接到設(shè)備后會(huì)顯示當(dāng)前連接的設(shè)備鲸鹦。