在設(shè)計(jì)中输硝,好的工具會(huì)讓你的工作效率事半功倍开瞭。今天與大家分享一下初級交互設(shè)計(jì)師在日常的工作中有哪些必備的工具录煤。(僅供參考)
一捞稿、Axure RP 8.0(原型工具)
Axure是交互設(shè)計(jì)師最核心的工具又谋,通過它輸出的“原型”(交互稿)是交互設(shè)計(jì)師與產(chǎn)品經(jīng)理、前端開發(fā)娱局、后端開發(fā)彰亥、測試等人員溝通的最好媒介∷テ耄“原型”是產(chǎn)品開發(fā)前期的重要設(shè)計(jì)內(nèi)容任斋,它直觀的體現(xiàn)了產(chǎn)品的框架結(jié)構(gòu)、界面內(nèi)容以及功能模塊之間的邏輯關(guān)系耻涛,且不斷確認(rèn)產(chǎn)品中的模糊部分废酷,為后續(xù)的視覺設(shè)計(jì)瘟檩,產(chǎn)品開發(fā)提供了準(zhǔn)確的產(chǎn)品信息。
簡單了解一下Axure:
- 高度可視化的工作界面澈蟆,極易上手墨辛,初學(xué)者也可輕松快速的設(shè)計(jì)原型。
- 無需編程趴俘,就可以在原型上定義簡單的鏈接和豐富的交互效果睹簇。
- 可以一鍵生成HTML原型,放入服務(wù)器寥闪,便于產(chǎn)品開發(fā)團(tuán)隊(duì)的使用太惠。
- 可通過創(chuàng)建團(tuán)隊(duì)項(xiàng)目來實(shí)現(xiàn)多人的協(xié)同設(shè)計(jì),讓工作更加高效疲憋。
- 主要功能除了繪制“原型設(shè)計(jì)圖”凿渊,還包括“操作流程圖”、“信息架構(gòu)圖”等其它內(nèi)容柜某。
Axure的適用人群也很廣泛嗽元,包括交互設(shè)計(jì)(IxD)、產(chǎn)品經(jīng)理(PM)喂击、用戶體驗(yàn)(UE/UX)剂癌、業(yè)務(wù)分析(BA)、信息架構(gòu)(IA)等翰绊。
Axure RP 8.0:點(diǎn)擊下載
二佩谷、XMind(思維導(dǎo)圖)
XMind是一款非常實(shí)用的思維導(dǎo)圖軟件,簡單易用监嗜,功能強(qiáng)大谐檀。在進(jìn)行產(chǎn)品規(guī)劃,頭腦風(fēng)暴裁奇,任務(wù)分析等工作時(shí)桐猬,都需要借助XMind來完成。
- XMind的文件可以導(dǎo)出成Word刽肠,PPT溃肪,PDF,圖片等格式音五,方便將內(nèi)容與其他人共享惫撰。
- XMind不僅可以繪制思維導(dǎo)圖,還能繪制組織結(jié)構(gòu)圖躺涝,邏輯圖厨钻,樹形圖,魚骨圖等圖形。
XMind:點(diǎn)擊下載
三夯膀、FastStone Capture(圖像軟件)
FastStone Capture是一款免費(fèi)的圖像瀏覽江掩、編輯和抓屏工具弦疮。體積小巧惰蜜,功能強(qiáng)大鲫剿,非常實(shí)用,強(qiáng)烈推薦使用涂佃。
- 截圖功能:抓圖速度非常快蜈敢,且支持多種方式截圖(包括矩形區(qū)域截圖辜荠,滾動(dòng)截圖,多邊形截圖抓狭,全屏截圖伯病、活動(dòng)窗口截圖等),特別是滾動(dòng)截圖很實(shí)用否过。
-
圖像編輯:截完之后的圖午笛,直接進(jìn)入圖像編輯器,可直接復(fù)制到Axure苗桂、PS或PPT中使用药磺,也可以對其進(jìn)行簡單的編輯處理,提供縮放煤伟,選擇癌佩,裁剪,顏色調(diào)整便锨,加文字等操作围辙。
工作中,經(jīng)常使用里面的“黑白效果”來處理截圖(原型圖盡量采用灰黑白放案,減少對下游視覺設(shè)計(jì)的影響)姚建。此處有的讀者可能有疑問,Axure里面不是自帶“灰度”效果的嗎吱殉,為什么還要對圖片進(jìn)行“黑白效果”處理呢掸冤?是這樣的,Axure中的“灰度”效果是全局性的考婴,只要使用了贩虾,該文件里的所有內(nèi)容都變成灰色的,但是原型中沥阱,常常需要用醒目的顏色來進(jìn)行注釋說明的缎罢,如果都變成灰色的,就會(huì)降低交互稿的可讀性。 - 視頻錄制:平時(shí)用的比較少策精,偶爾需要做一些簡單粗暴的GIF動(dòng)畫時(shí)舰始,會(huì)先用它進(jìn)行視頻錄制,然后將視頻導(dǎo)入PS生成GIF圖片咽袜。
FastStone Capture:點(diǎn)擊下載
四丸卷、便箋(便簽)
便箋是Windows系統(tǒng)自帶的一個(gè)應(yīng)用(Windows XP沒有),非常小巧實(shí)用询刹,但是很多人都不曾用過這個(gè)應(yīng)用谜嫉。
使用場景:
- 待辦事項(xiàng)。記錄工作中一些即將需要辦理的事情凹联,例如:開會(huì)啊沐兰,工作計(jì)劃安排等等。一件兩件事蔽挠,可以自己記住住闯,但是事情一多,難免就會(huì)忘了澳淑、漏了比原。況且工作中瑣碎的事情不少,好記性不如爛筆頭杠巡,用便箋記下來量窘,一個(gè)都跑不掉。
- 突發(fā)事情氢拥。工作中绑改,無法保障長時(shí)間的連續(xù)工作,經(jīng)常會(huì)有來自外界的干擾兄一。此時(shí)不能馬上停下手中的工作就去處理厘线,而是應(yīng)該先將其記錄下來,等手中的工作告一段落后出革,再去處理(非常緊急的事情除外)造壮。(如果一有事情來,就停下手頭工作骂束,等忙完了回到工作上時(shí)耳璧,之前的思路/思緒就斷了,需要重新花時(shí)間去整理展箱,這樣自己的工作效率就會(huì)大打折扣旨枯。)
- 靈光乍現(xiàn)。在設(shè)計(jì)時(shí)混驰,會(huì)突然發(fā)現(xiàn)產(chǎn)品中某些地方存在較大優(yōu)化空間攀隔,應(yīng)及時(shí)的記錄下來皂贩,后期可以進(jìn)行優(yōu)化。當(dāng)然昆汹,設(shè)計(jì)師也會(huì)有一些突發(fā)的靈感或想法明刷,及時(shí)記錄,進(jìn)行整理满粗。
使用方法:(Win7系統(tǒng))點(diǎn)擊屏幕左下角的導(dǎo)航按鈕辈末,在搜索位置輸入“便箋”,搜索出來映皆,就可點(diǎn)擊使用了挤聘。
五、Firefox(瀏覽器)
有讀者可能會(huì)覺得奇怪捅彻,為什么Firefox就成必備工具了檬洞,難道我用其它的瀏覽器就不可以了嗎?哈哈沟饥,當(dāng)然可以!用Firefox瀏覽器主要是為了使用“精準(zhǔn)切換瀏覽器窗口尺寸”的功能湾戳。(當(dāng)然還有其它的方法可以實(shí)現(xiàn)該功能贤旷,歡迎大家補(bǔ)充。)
在工作中砾脑,我們使用的電腦分辨率通常為“1920 x 1080”幼驶,“設(shè)計(jì)內(nèi)容”在這樣的分辨率下顯示通常是沒有問題的,但是在低分辨率下韧衣,就會(huì)出現(xiàn)“問題”(例如:頁面顯示不全盅藻,無法聚焦重點(diǎn)內(nèi)容,某些功能被隱藏等等)畅铭。
此時(shí)氏淑,設(shè)計(jì)師就需要在設(shè)計(jì)的過程中,考慮讓“設(shè)計(jì)內(nèi)容”兼容盡量多的分辨率硕噩,保證絕大部分用戶有較好的使用體驗(yàn)假残。所以,就需要精準(zhǔn)快速的切換瀏覽器窗口尺寸(模仿不同屏幕分辨率)炉擅,來檢驗(yàn)設(shè)計(jì)內(nèi)容是否達(dá)到兼容性要求辉懒。
切換分辨率的操作方法:《換個(gè)視角看世界——精準(zhǔn)切換瀏覽器 窗口尺寸》
六、有道云筆記(筆記)
市面上不錯(cuò)的云筆記很多(印象谍失、有道眶俩、為知等),并非“有道”不可快鱼,完全看個(gè)人偏好颠印,這邊主要是想強(qiáng)調(diào)的是設(shè)計(jì)師要養(yǎng)成用云筆記的習(xí)慣纲岭。自己也一直在堅(jiān)持用有道云筆記,“有道”整理感覺還不錯(cuò)嗽仪,所以就首推它啦荒勇!
對設(shè)計(jì)師來說,“經(jīng)驗(yàn)”闻坚、“積累”和“眼界”是其重要的核心內(nèi)容沽翔,這些都是不能夠速成的,需要通過漫長的時(shí)間來不斷地“澆灌”窿凤,才能讓其“成長”仅偎,進(jìn)而來提高自身的設(shè)計(jì)能力。而這個(gè)澆灌的過程也往往最容易被設(shè)計(jì)師們所忽視的雳殊。
三步走:
- 整理橘沥。將我們在工作中獲得的經(jīng)驗(yàn),經(jīng)常性的進(jìn)行總結(jié)整理夯秃,并且用云筆記將其記錄下來座咆,最好能夠通過“文章”的形式呈現(xiàn)出來。這一方面能夠?qū)⒛X海中七零八落的的經(jīng)驗(yàn)整理的井井有條仓洼,另一方面介陶,整理的這個(gè)過程能夠讓自己思考很多,學(xué)到很多色建,成長很多哺呜。(來吧,試一下;痢)
- 堅(jiān)持某残。在工作中或工作之余通過聽講座、看書陵吸、看文章玻墅,他人傳授等任何形式獲得有價(jià)值的新“認(rèn)知”,都要堅(jiān)持將敲在云筆記中壮虫,時(shí)常拿出來“溫故而知新”椭豫,在設(shè)計(jì)時(shí),經(jīng)常能幫助到自己旨指。
- 記錄赏酥。當(dāng)參加一些設(shè)計(jì)大會(huì)、直播視頻谆构、設(shè)計(jì)活動(dòng)等裸扶,那些能夠在瞬間給自己的思維或者靈魂帶來觸動(dòng)的東西,記錄下來搬素。時(shí)常翻看呵晨,也能夠碰撞出不一樣的煙火魏保。
七、筆和紙(草圖)
雖然我們身處互聯(lián)網(wǎng)時(shí)代摸屠,身邊的很多工具都被互聯(lián)網(wǎng)計(jì)算機(jī)所替代谓罗,但是筆和紙作為最早期的繪畫工具將永不會(huì)退出歷史舞臺。
遇到復(fù)雜問題季二,沒思路檩咱,沒方法時(shí),拿起筆和紙多畫畫胯舷,多寫寫刻蚯,可以幫助我們快速的理出頭緒。通過紙和筆能夠非成K唬快速的表現(xiàn)自己的想法炊汹,所想即所得,思維(想法)的連續(xù)性不會(huì)被打斷逃顶。
八讨便、很黃很暴力——PRISMA(專業(yè)防藍(lán)光眼鏡夾片)
有的人說眼睛是內(nèi)心的索引!還有的人說眼睛是心靈的窗戶以政!我說眼睛是設(shè)計(jì)師的一切0园!妙蔗!
長時(shí)間的對著電腦、手機(jī)疆瑰,是否出現(xiàn)過眼睛酸脹疼痛眉反,流眼淚(手里呀捧著窩窩頭 眼淚止不住的往下流),看一段時(shí)間電腦穆役,眼睛就十分難受寸五,不得不停下來休息!沒出現(xiàn)過耿币?那恭喜你梳杏,繼續(xù)保持,保護(hù)好自己的眼睛淹接。出現(xiàn)過十性?也不用擔(dān)心,這是普遍現(xiàn)象塑悼。
眾所周知劲适,我們平時(shí)用的電腦、手機(jī)等電子設(shè)備中厢蒜,都含有大量不規(guī)則頻率的高能短波藍(lán)光霞势。藍(lán)光能夠穿透晶狀體直達(dá)視網(wǎng)膜烹植,對視網(wǎng)膜造成光化學(xué)損害,直接或間接導(dǎo)致黃斑區(qū)細(xì)胞的損害愕贡。這一點(diǎn)已被科學(xué)證實(shí)草雕,而且這種傷害是不可修復(fù)的,等歲數(shù)大了才知道它帶來的危害固以。
此時(shí)大家一定想問:工作中一直在跟電腦墩虹、手機(jī)打交道,但是長期長時(shí)間這樣又會(huì)對眼睛產(chǎn)生傷害嘴纺,難道這就是故事中的魚(面包)與熊掌(健康)不可兼得嗎败晴?寶寶心里苦,但寶寶不說栽渴。還是忍不住的想問有沒有什么良策尖坤?若有,快快獻(xiàn)來闲擦!
- 化學(xué)療法:百度經(jīng)驗(yàn)
-
物理療法:PRISMA(專業(yè)防藍(lán)光眼鏡夾片)——親測慢味,效果還是杠杠的。
帶上夾片之后墅冷,看手機(jī)纯路、電腦再也沒有酸脹疼痛了,眼睛也不再濕潤寞忿。帶上鏡片的瞬間驰唬,放佛整個(gè)世界都靜下來了,工作也更加投入了(可能是心理作用腔彰,也可能有一定的科學(xué)道理叫编,一些比較刺眼的雜光也都過濾掉了)。
官網(wǎng)地址:http://www.innovative-eyewear.de/
開箱曬物:http://post.smzdm.com/p/83608/
測評分析:http://post.smzdm.com/p/138362/
購買地址:淘寶