UI設計必備工具之活學活用

UI設計必備工具活學活用

工欲善其事,必先利其器。一個優秀的設計師,相關軟件的熟練使用是一個重要的因素。隨着移動端設備的普及,產品開發速度越來越快,相應的UI設計軟件也層出不窮。下面讓我們認識一下最經典的UI設計使用工具和最近的軟件新秀。

PS - Photoshop

Photoshop主要處理以像素所構成的數字圖像。使用其衆多的編修與繪圖工具,可以有效地進行圖片編輯工作。PS有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。不但是最受歡迎的圖像處理軟件,同時也是目前最主流的UI設計軟件,適合界面設計、圖標設計、手繪。

AI - Illustrator

Illustrator是一種應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟件,作爲一款非常好的圖片處理工具,Adobe Illustrator廣泛應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等,也可以爲線稿提供較高的精度和控制,適合生產任何小型設計到大型的複雜項目。作爲一款專業的矢量圖形軟件,在UI設計中,illustrator一般用於圖標設計,手繪插畫設計。

Sketch

Sketch是目前最火的UI設計工具。Sketch的界面非常棒,是爲想要設計圖標或界面的用戶而特製的,支持多個文件分層,使用了最佳的文字渲染和文字樣式算法,畫布具有無限尺寸,而且切片工具非常棒。遺憾的是,Sketch目前只有Mac版。

XMind 

XMind 是一款非常實用的商業思維導圖軟件,應用全球最先進的Eclipse RCP 軟件架構,全力打造易用、高效的可視化思維軟件,強調軟件的可擴展、跨平臺、穩定性和性能,致力於使用先進的軟件技術幫助用戶真正意義上提高生產率。XMind一般用於製作流程圖與架構圖。市面上同種類的軟件有很多,像Mindmanage、Visio等等。但是我個人比較喜歡使用這款軟件,不但界面美觀、操作方便,還有很多美觀的模版。更重要的是它有中文版,並且是免費的。

Axure

Axure是一款專業的快速原型設計工具。是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作爲專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。Axure RP的使用者主要包括商業分析師、信息架構師、產品經理、IT諮詢師、用戶體驗設計師、交互設計師、UI設計師等,另外,架構師、程序員也在使用Axure。

AE - After Effects

After Effects簡稱“AE”是Adobe公司推出的一款圖形視頻處理軟件,適用於從事設計和視頻特技的機構,包括電視臺、動畫製作公司、個人後期製作工作室以及多媒體工作室。屬於層類型後期軟件。AE在UI設計中主要用於動效設計。

Premiere

Premiere是一款編輯畫面質量比較好的軟件,有較好的兼容性,且可以與Adobe公司推出的其他軟件相互協作。目前這款軟件廣泛應用於廣告製作和電視節目製作中。 也是視頻編輯愛好者和專業人士必不可少的視頻編輯工具。它可以提升您的創作能力和創作自由度,它是易學、高效、精確的視頻剪輯軟件。Premiere提供了採集、剪輯、調色、美化音頻、字幕添加、輸出、DVD刻錄的一整套流程,並和其他Adobe軟件高效集成,使您足以完成在編輯、製作、工作流上遇到的所有挑戰,滿足您創建高質量作品的要求。

ID - InDesign

InDesign主要用於各種印刷品的排版編輯,可以將文檔直接導出爲Adobe的PDF格式,而且有多語言支持。它也是第一個支持Unicode文本處理的主流DTP應用程序,率先使用新型OpenType字體,高級透明性能,圖層樣式,自定義裁切等功能。它基於JavaScript特性,和與兄弟軟件Illustrator、Photoshop等的完美結合,界面的一致性等特點都受到了用戶的青睞。

InDesign作爲PageMaker的繼承者,定位於高端用戶。Adobe已經停止了PageMaker的開發,全面轉向InDesign。它最初主要適用於定期出版物,海報和其他印刷媒體。一些長文檔仍使用FrameMaker(操作說明書,技術文檔等)或QuarkXPress(書籍,商品目錄等)。隨着相關數據庫的合併,InDesign和使用相同格式引擎的文字處理Adobe InCopy的共用,已經使它成爲報刊雜誌和其他出版環境中的重要軟件。

XD - Experience Design

Experience Design是一站式UX/UI設計平臺,在這款產品上面用戶可以進行移動應用和網頁設計與原型製作。同時它也是唯一一款結合設計與建立原型功能,並同時提供工業級性能的跨平臺設計產品。設計師使用Adobe XD可以更高效準確的完成靜態編譯或者框架圖到交互原型的轉變。能高效率輕鬆完成線框圖、視覺設計、交互設計、原型製作、實時預覽和共享。

Cutterman

Cutterman是一款運行在photoshop中的插件,能夠自動將你需要的圖層進行輸出, 以替代傳統的手工 "導出web所用格式" 以及使用切片工具進行挨個切圖的繁瑣流程。 它支持各種各樣的圖片尺寸、格式、形態輸出,方便你在pc、ios、Android等端上使用。 它不需要你記住一堆的語法、規則,純點擊操作,方便、快捷,易於上手。能夠讓你只需要點擊一個按鈕,就自動輸出你需要的各種各樣的圖片,快到沒有朋友!

Cutterman - 最好用的切圖工具

Parker

Parker最高效的自動標註工具,能夠自動計算尺寸、距離、文字大小、陰影等信息,並按照你的需要進行標註, 它極大節省你標註的時間,大幅度提升設計效率。

Parker - 最高效的自動標註工具

在手機上實時預覽PS中的設計稿, 支持android/iphone, 鏈接穩定速度快。

PS Mirror

PS Mirror是收費版,60元終身!

Design Mirror - 設計稿實時預覽

藍湖

藍湖是一款產品文檔和設計圖的共享平臺,幫助互聯網團隊更好地管理文檔和設計圖。藍湖可以在線展示Axure,自動生成設計圖標註,與團隊共享設計圖,展示頁面之間的跳轉關係。

作爲計算機出身的我,被HR爲了太多次爲什麼要轉行,其實之前對於計算機專業的人來說,還是有些優勢的,至少不用頻繁的考各種證,現在想想,還是太年輕,學校裏學的東西,PS,AI,DW這就頂天兒了,除了一步一個腳印紮紮實實學好所學之外,還發現,軟件的層出不窮和目前的所學並不能夠完全勝任,就必須一頭扎進去學習更多的知識!終身學習纔是王道!

插件的使用

1.安裝好插件面板後, 打開PS, 窗口 -> 擴展 -> Ps Mirror - 實時預覽 打開插件面板

2.設置連接

登錄APP之後,將PS與App連接到同一個Wifi網絡,可自動連接,可手動連接,連接到設備後會顯示當前連接的設備。

注:其他插件同理,官網下載,窗口 - > 擴展  查看

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章