有時候我們試玩一個app的時候會覺得這個App非常的美觀悦陋,每點擊一下就會有藝術的產生。當然這離不開天才的設計師們筑辨,或許我們會驚嘆的問道:哇俺驶,這是怎么做出來的。當然對于職業(yè)的設計師來說這只是他們的工作的一部分棍辕,有時我們也會發(fā)現(xiàn)有些App美觀度不那么盡如人意暮现。一個好的設計師首先得有一個好的設計工具,才能將自己的才能完美的發(fā)揮出來楚昭。
下面我們來介紹一下設計師必備的幾款Mac軟件(交互設計類):
1.Sketch
2.Zeplin
3.Principle
4.Origami
軟件下載請看文章結尾附件
介紹
完全針對移動端設計而生的軟件栖袋。界面干凈直觀,分層的概念符合設計師工作習慣抚太,當界面復雜時明確的圖層與分組使元素控件管理起來非常方便塘幅。Artboard、Symbol和Text style 的運用簡化了重復內容調用的工作也減輕了后續(xù)修改工作凭舶,圖配文的文檔輸出管理好過Axure晌块。第三方插件的開發(fā)和控件庫資源使設計更方便,還有很多其他的小功能帅霜,比如Share(用其他電腦可以實時觀看設計進度),自己還要邊使用邊發(fā)現(xiàn)呼伸。與Axure對比身冀,前者更適合網頁原型設計而后者更傾向于移動端產品。國外Sketch已經有取代PS括享、Axure的趨勢了搂根,國內也開始普及,一些公司團隊強行統(tǒng)一使用Sketch铃辖。
繪制高剩愧、低保真移動端原型圖;繪制圖標娇斩、視覺設計稿仁卷;可切圖輸出;可作為交互文檔和視覺設計說明文檔的輸出工具犬第。
截圖
教程:
https://zhuanlan.zhihu.com/sketch-app(知乎專欄)
http://www.sketchs.cn/tutorials.html( sketch中國)
http://topic.ui.cn/detail?tid=17(ui中國-專題)
介紹
它是一個非常神奇的標注輸出工具锦积,只需要點一下就能在PS或Sketch里導出整個界面的標注信息到云端服務器,并且隨時更新歉嗓。有了它設計師可以丟開更多煩躁而無意義的工作丰介,更加專注于設計本身。
截圖
詳細初步使用教程http://www.ui.cn/detail/205339.html(UI中國)
此軟件需要注冊使用(免費)
介紹
剛出來不久的原型制作軟件。操作界面和Sketch很相像哮幢,通過不同交互手勢將頁面連接起來带膀,最大的特點是可視化程度高。在Sketch中制作的高保真原型圖可直接拖拽到Principle中橙垢,為圖片自身和圖片之間賦予交互垛叨,Mirror到手機上,用來匯報自己制作的demo非常方便钢悲。通過animate和drivers也可制作出略復雜帶有條件語句的動畫点额,但并不能和Pixate、QC-Origami相比擬莺琳。用Principle直接將手機連接到投影上展示demo还棱,其他手機裝上Principle后可打開用郵件收到的demo文件,評審更直觀惭等,省去了匯報過程中很多文字描述
制作簡單交互原型珍手;制作全局原型演示。
動態(tài)效果圖
教程
http://www.zcool.com.cn/article/ZMTc0ODgw.html(站酷)
http://principleux.com/principle-chinese-document/(principleux)
http://www.ui.cn/detail/102544.html(UI中國)
介紹
Facebook 開發(fā)的這款圖像設計動畫合成工具辞做,可以快速構建原型琳要,并在不寫一行代碼的前提下完成對復雜動畫的合成和測試。
同時你可以使用Origami Live預覽你的原型設計秤茅,Android和iOS都可以自行下載(免費)
它與sketch可以完美的搭配稚补,你可以從sketch中復制的任何內容粘貼到Origami Studio中,然后快速調整框喳。
最后當你完成了設計之后你可以直接在折紙工作室中捕獲并導出原型錄音课幕。分享到不同的平臺
截圖
教程:
http://www.zcool.com.cn/article/ZNDYxMzYw.html(站酷)
http://topic.ui.cn/detail?tid=38(UI中國-專題)
如果你們有覺得很好的軟件需要補充,歡迎給我們投稿或者留言五垮。
軟件下載請訪問原文下載鏈接設計師必備Mac軟件-交互制作類 | mac毒(macdo.cn)