從腦圖到交付，這些設計利器你知道嗎？
設計工具相當于設計師的武器，從腦圖到平面到最后的交付，結合設計流程，小派特此聯合被我們尊稱為“設計界的哆啦A夢”——晗蕭，總結了我們認為棒棒噠的十大設計工具，那下面咱們一起瞧瞧吧，看看他們NB在哪里！
來源：epub360（微信號：epub360）
一、腦圖
百度腦圖 - 便捷的思維編輯工具
免安裝 云存儲 易分享 體驗舒適 功能豐富
二、原型設計
墨刀- 免費的移動應用原型與線框圖工具
網站地址：https://modao.cc/
快速構建移動應用原型與線框圖，云端保存，實時手機預覽，多種手勢及頁面切換特效支持。
三、平面設計
PS AI 就不用提了吧！
Sketch - 輕量易用的矢量設計工具
網站地址：http://www.bohemiancoding.com/sketch/
“ 在 PS 中設計 UI，就像你要切紙的時候本來只需要一把剪刀，但你拿到的卻是一把鏈鋸。我們作為 UI 設計師根本用不到 3D 工具、漂亮的濾鏡、或者內容感知填充?！?/p>
——《是時候拋棄 Photoshop 擁抱 Sketch 了》
四、動畫設計
1.皮影客 - 三分鐘做部動畫片
皮影客是一款幫助普通人快速制作動畫的產品。它將動畫制作的過程模塊化，分為場景、分鏡、人物、動作、對話等等不同的模塊，用戶只需要通過簡單的操作將這些模塊相組合，就可以制作一個動畫。
皮影客讓動畫制作變得簡單、易學，但最終呈現不亞于一個準專業水準的動畫產品。
2.Principle - 流程應用交互動畫制作工具
網站地址：http://principleformac.com/
前 Apple 工程師打造，快速制作豐富的流程應用交互動畫制作！
3.Adobe AE - 專業級影視特效制作軟件
網站地址：http://www.adobe.com/cn/products/aftereffects.html
除了制作影視特效，在H5中也大放光彩，能對視頻進行序列幀輸出，最近比較熱門的H5如《大眾點評：我們之間就一個字》、《New Balance：誰在街頭懷疑一切》素材均采用AE進行合成制作 。
五、交付設計
1.Epub360 - 專業級H5設計工具
不同于模版類工具，Epub360提供完全自由的動畫和交互設計，并率先支持微信高級接口和服務器端的數據交互，比如序列幀動畫、SVG路徑動畫、重力感應、微信搖一搖，微信拍照錄音、高級表單等。
2.Coolsite360 - 全自由度響應式網站設計工具
網站地址：http://www.coolsite360.com/
不僅提供模版，更將html、css融入可視化編輯環境，讓您掌控每一個設計細節，從網頁布局到元素的樣式設定，從動畫到交互，CoolSite360為您提供全自由度的設計掌控。
也許有些小伙伴發現Coolsite360和Epub360名稱有點相似，嗯，他們都是由專注于數字媒體領域的我們“意派科技”出品啦~
六、設計輔助
SLICY - 切圖神器
網站地址：http://macrabbit.com/slicy
作者這樣描述它：把整個PSD扔進去，結束。效率由此可見。究竟有多牛，用下你就停不下來！
七、設計討論
Redpen -設計圖實時討論工具
網站地址：https://redpen.io/
以原地作標記的方式與團隊進行實時討論，同時簡單輕松地收集和整理反饋，節省團隊溝通成本。國內的白板與其類似，具體哪個適合你，大家可以自行前往使用體驗。
腫么樣，上面十大設計利器都造么？在對設計師綜合能力要求越來越高的今天，趕快試著去玩轉我們的武器吧！
感謝大名逗號、NEVER、老趙等設計小伙伴對本文提出了寶貴建議！
拓展閱讀：H5精品資源集，必須收藏！
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（6條）