有一句老話說得很好:工欲善其事,必先利其器。在飛速發(fā)展的互聯(lián)網(wǎng)時(shí)代棵红,善于利用工具可以讓我們事半功倍,從而把更多的精力放在提升核心競(jìng)爭力咧栗。筆者平時(shí)喜歡搜羅體驗(yàn)產(chǎn)品工具逆甜,在此將一些好的工具整理出來推薦給大家虱肄。
1.Notion筆記:印象筆記完美替代品?任務(wù)交煞、文件咏窿、知識(shí)庫它都能記。
Notion 自稱是一款「將筆記素征、知識(shí)庫和任務(wù)管理無縫整合的協(xié)作平臺(tái)」集嵌。它具有無限的層級(jí)和相互鏈接的組織彈性,給筆記間的關(guān)系提供了足夠自由的組織方式御毅;它排版靈活根欧,能夠把筆記里的內(nèi)容按塊(Block)進(jìn)行組織和拖拽,甚至可以做出 Trello 看板進(jìn)行項(xiàng)目管理端蛆;它的內(nèi)容類型豐富凤粗,可以嵌入圖片、網(wǎng)頁今豆、文檔甚至視頻嫌拣,幾乎無所不能。
2.伙伴云表格:需求管理呆躲、跟進(jìn)排期亭罪、收集bug的數(shù)據(jù)利器。
伙伴云表格是一款針對(duì)多人數(shù)據(jù)協(xié)作工具歼秽,主要用于導(dǎo)入本地excel文件应役,實(shí)現(xiàn)在線數(shù)據(jù)共享與協(xié)作。軟件創(chuàng)新的移動(dòng)端體驗(yàn)燥筷,解決Excel文件在移動(dòng)端只能看箩祥,不能增、刪肆氓、改袍祖、查的問題,做到隨時(shí)隨地管理業(yè)務(wù)數(shù)據(jù)谢揪。
3.MindNode和幕布:你負(fù)責(zé)腦洞大開蕉陋,它負(fù)責(zé)呈現(xiàn)想法。
(1)MindNode
腦圖是幫助你展現(xiàn)思維和想法的一種視覺化工具拨扶,它基本是由兩個(gè)部分組成的:節(jié)點(diǎn)和聯(lián)系凳鬓。
(2)幕布
幕布是一款結(jié)合了大綱筆記和思維導(dǎo)圖的頭腦管理工具,幫你用更高效的方式和更清晰的結(jié)構(gòu)來記錄筆記、管理任務(wù)患民、制定計(jì)劃甚至是組織頭腦風(fēng)暴缩举。
4.Omnigraffle和ProcessOn:無法全覽所有的頁面就畫流程圖。
(1)Omnigraffle
OmniGraffle主要用于繪制流程圖、圖表仅孩、組織結(jié)構(gòu)圖托猩、UI界面設(shè)計(jì)等等,你可以用于設(shè)計(jì)任何描述圖形辽慕,簡單易用京腥,功能強(qiáng)大,被譽(yù)為Mac上的Visio溅蛉,非常的專業(yè)和優(yōu)秀公浪。
(2)ProcessOn
ProcessOn是一個(gè)在線作圖工具的聚合平臺(tái),它可以在線畫流程圖温艇、思維導(dǎo)圖因悲、UI原型圖堕汞、UML勺爱、網(wǎng)絡(luò)拓?fù)鋱D、組織結(jié)構(gòu)圖等等讯检,您無需擔(dān)心下載和更新的問題琐鲁,不管Mac還是Windows,一個(gè)瀏覽器就可以隨時(shí)隨地的發(fā)揮創(chuàng)意人灼,規(guī)劃工作围段。
5.Balsamiq Mockups:用草圖原型快速表達(dá)你的想法。
Balsamiq Mockups是一款快速草圖原型工具投放,上手容易奈泪,整體呈現(xiàn)手繪風(fēng)格。比較適合用來表達(dá)產(chǎn)品設(shè)計(jì)概念和基本布局灸芳,但不適合做帶有交互性質(zhì)的原型設(shè)計(jì)涝桅。
6.LICEcap:用gif就能輕松表達(dá)難以闡述的流程。
LICEcap是一款屏幕錄制工具烙样,支持導(dǎo)出 GIF 動(dòng)畫圖片格式冯遂,輕量級(jí)、使用簡單谒获,錄制過程中可以隨意改變錄屏范圍蛤肌。
7.Eagle:設(shè)計(jì)師靈感的收集器。
Eagle 是一款專為設(shè)計(jì)師打造的圖片管理軟體批狱,能夠幫助你輕松管理電腦上各種圖片裸准、照片、熒幕截圖赔硫、介面設(shè)計(jì)狼速、網(wǎng)頁設(shè)計(jì)、平面設(shè)計(jì)、Logo設(shè)計(jì)向胡、Sketch恼蓬、匯入Pinterest 等各種圖片,并且提供云端同步功能讓你可以在多臺(tái)裝置同步收藏的素材僵芹,也可以與你的團(tuán)隊(duì)協(xié)同共用处硬,另外 Mac 與 Windows 系統(tǒng)的使用者,現(xiàn)在都可以下載并使用拇派!
8.Zeplin和藍(lán)湖:從此告別切圖和標(biāo)注荷辕!
(1)Zeplin
Zeplin是一款為 Designer 和 Developer 提供產(chǎn)品原稿交接與溝通的高效平臺(tái),用戶可對(duì)產(chǎn)品進(jìn)行標(biāo)注件豌、Style Guide 注釋疮方,還提供了簡單的團(tuán)隊(duì)協(xié)同工作功能,通過插件茧彤,設(shè)計(jì)師可將 Sketch的 Artboard 單獨(dú)或批量導(dǎo)入 Zeplin 的 Project 里供開發(fā)者做業(yè)務(wù)功能與前端交互的實(shí)現(xiàn)骡显。
(2)藍(lán)湖
藍(lán)湖是一款產(chǎn)品設(shè)計(jì)的協(xié)作平臺(tái),幫助互聯(lián)網(wǎng)團(tuán)隊(duì)更高效地進(jìn)行設(shè)計(jì)。藍(lán)湖可以為設(shè)計(jì)圖自動(dòng)生成標(biāo)注,與團(tuán)隊(duì)共享設(shè)計(jì)圖,展示頁面之間的跳轉(zhuǎn)關(guān)系曾掂。
9.chrome插件:設(shè)計(jì)師不能錯(cuò)過的小插件惫谤。
(1)掘金
掘金 Chrome 插件,專為開發(fā)者珠洗、設(shè)計(jì)師和產(chǎn)品經(jīng)理量身定制溜歪,能夠幫助你在打開新標(biāo)簽頁的時(shí)候感猛,快速發(fā)現(xiàn)優(yōu)質(zhì)的開發(fā)府框、設(shè)計(jì)或者產(chǎn)品方面的干貨,減少篩選和操作成本裙士。
(2) Responsive Web Design Tester
只要你安裝了Responsive WebDesign Tester膊爪,你就可以自由地查看網(wǎng)頁上畫面的尺寸和分辨率自阱。在智能手機(jī)已經(jīng)普及的現(xiàn)在,對(duì)于響應(yīng)式網(wǎng)站來說這可是必不可少的工具蚁飒。
(3)What Font
這能在網(wǎng)頁上直接使用动壤,讓你知道當(dāng)前網(wǎng)站上使用了哪種字體的工具。如果你還在使用像Firebug 或 Webkit這樣的工具淮逻,不如來試試What Font吧琼懊!只要通過點(diǎn)擊就能夠很方便的確認(rèn)網(wǎng)站上使用的字體,是不是非常的方便呢爬早?
(4)Colorzilla
Colorzilla 是可以即時(shí)的看出網(wǎng)站上所使用顏色的RGB和HEX值哼丈,并且可以隨時(shí)保存的一個(gè)浮動(dòng)工具欄。他的另一個(gè)特長是點(diǎn)擊「Webpage Color Analyzer」就可以看到網(wǎng)站的配色筛严。
10.Dropbox和堅(jiān)果云:所剩無幾的云同步網(wǎng)盤
(1)Dropbox
Dropbox是最實(shí)用且免費(fèi)的文件同步醉旦、備份、共享云存儲(chǔ)軟件。目前已經(jīng)超過一億用戶正在使用Dropbox车胡,如果你也有文件同步檬输、備份、共享的需求匈棘,請(qǐng)選擇Dropbox丧慈,誰用誰知道。
(2)堅(jiān)果云
堅(jiān)果云是一款專業(yè)主卫、安全的效率類工具逃默、支持任意設(shè)備上的文件同步〈亟粒可以通過它改善自己的工作效率完域,將真正有價(jià)值的文件資料留存下來。
11.紙:最原始的或許是最好的
原型草稿繪圖網(wǎng)點(diǎn)本瘩将,如果是開發(fā)時(shí)間緊迫并且邏輯比較簡單的產(chǎn)品吟税,完全可以用紙上原型來搞定啊。
12.原型尺:手殘黨的壓箱底神器
原型尺有APP版和WEB版鸟蟹,都是最主流的尺寸乌妙,上面的icon也是產(chǎn)品設(shè)計(jì)中出現(xiàn)頻率很高的icon使兔,繪制一個(gè)普通的原型建钥,絕對(duì)夠夠的。
13.mac+外接顯示器:原來我也可以快樂地搬磚~
筆者選購的是13寸macbook pro定制機(jī)虐沥,定制機(jī)的配置是跟15寸的一樣熊经,而且加上外接顯示器則擁有比15寸更大的視野,這樣子在家工作非常享受欲险。出門攜帶也十分方便镐依,不像15寸那樣笨重。
總結(jié)
axure和sketch這些工具早已家喻戶曉天试,所以這次沒講槐壳。筆者認(rèn)為工作職責(zé)決定使用工具,如果產(chǎn)品只需要表達(dá)自己大概的產(chǎn)品概念喜每,其實(shí)也完全用不到axure务唐,可以試試原型草稿繪圖網(wǎng)點(diǎn)本。
總的來說:先了解自己带兜,再選擇工具枫笛。