剛開(kāi)始接觸交互設(shè)計(jì)往往會(huì)面臨自己的想法找不到合適的方法輸出，所以完成基本工作的同時(shí)也在積極尋找、學(xué)習(xí)適合自己又和工作環(huán)境相匹配的工具。與團(tuán)隊(duì)成員配合的時(shí)候沒(méi)有人會(huì)在意你是用什么工具，成員們只想看到設(shè)計(jì)師產(chǎn)出的輸出物。這個(gè)時(shí)候針對(duì)不同任務(wù)類(lèi)型和團(tuán)隊(duì)大小找到合適的工具可以讓設(shè)計(jì)師迅速輸出團(tuán)隊(duì)想要的結(jié)果輸出物，事半功倍。

隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，很多針對(duì)移動(dòng)端開(kāi)發(fā)的工具層出不窮，這些工具的小、快、針對(duì)性強(qiáng)的特點(diǎn)在一定程度上對(duì)產(chǎn)統(tǒng)設(shè)計(jì)工具造成一定的沖擊。

下面介紹自己常用的一套設(shè)計(jì)工具和在配合項(xiàng)目使用過(guò)程中的心得：

Axure

雖然現(xiàn)在很少用到了，但作為步入互聯(lián)網(wǎng)第一個(gè)接觸的軟件要紀(jì)念一下。功能大而全，有豐富的控件可以調(diào)用（網(wǎng)上對(duì)于Axure的控件資源很多），通過(guò)簡(jiǎn)單的邏輯關(guān)系組合出豐富的動(dòng)畫(huà)（8.0在動(dòng)效制作有大幅提升）。但正是因?yàn)樗拇蠖蛊湓谝苿?dòng)端設(shè)計(jì)上不夠靈活，功能多而復(fù)雜。軟件自身的設(shè)計(jì)不符合設(shè)計(jì)師工作習(xí)慣，當(dāng)元素多時(shí)繪圖面板非常混亂，產(chǎn)出物死板不美觀。當(dāng)然Axure可以做出高保真界面，但相比于Sketch要花費(fèi)很大成本，如果未能多去建立母版，之后的二次三次修改成本很高。大部分產(chǎn)品經(jīng)理在Axure上圖配文并生成html作為文檔傳遞給下一工作流程上的組員。

繪制高、低保真網(wǎng)頁(yè)原型圖；可作為產(chǎn)品、交互文檔輸出工具。

Sketch

完全針對(duì)移動(dòng)端設(shè)計(jì)而生的軟件。界面干凈直觀，分層的概念符合設(shè)計(jì)師工作習(xí)慣，當(dāng)界面復(fù)雜時(shí)明確的圖層與分組使元素控件管理起來(lái)非常方便。Artboard、Symbol和Text style 的運(yùn)用簡(jiǎn)化了重復(fù)內(nèi)容調(diào)用的工作也減輕了后續(xù)修改工作，圖配文的文檔輸出管理好過(guò)Axure。第三方插件的開(kāi)發(fā)和控件庫(kù)資源使設(shè)計(jì)更方便，還有很多其他的小功能，比如Share（用其他電腦可以實(shí)時(shí)觀看設(shè)計(jì)進(jìn)度），自己還要邊使用邊發(fā)現(xiàn)。與Axure對(duì)比，前者更適合網(wǎng)頁(yè)原型設(shè)計(jì)而后者更傾向于移動(dòng)端產(chǎn)品。國(guó)外Sketch已經(jīng)有取代PS、Axure的趨勢(shì)了，國(guó)內(nèi)也開(kāi)始普及，一些公司團(tuán)隊(duì)強(qiáng)行統(tǒng)一使用Sketch。

繪制高、低保真移動(dòng)端原型圖；繪制圖標(biāo)、視覺(jué)設(shè)計(jì)稿；可切圖輸出；可作為交互文檔和視覺(jué)設(shè)計(jì)說(shuō)明文檔的輸出工具。

Omni Graffle

一款流程圖工具。流程圖無(wú)非就是圖和線(xiàn)的排布，自己也有用過(guò)Ai、Sketch畫(huà)流程圖。但當(dāng)要修改時(shí)會(huì)很混亂，線(xiàn)要重新畫(huà)，版面要重新布置。而Graffle專(zhuān)為流程邏輯而設(shè)計(jì)，移動(dòng)圖時(shí)線(xiàn)也隨之移動(dòng)，線(xiàn)的屬性可更改，排版非常方便。圖層的設(shè)計(jì)方便管理界面元素，很清楚認(rèn)識(shí)到哪些元素是并列關(guān)系，哪些元素是父子集關(guān)系。交互的流程，功能的結(jié)構(gòu)，組織的關(guān)系，凡是涉及到關(guān)系邏輯的設(shè)計(jì)Graffle是我用過(guò)最好用的流程設(shè)計(jì)軟件。

產(chǎn)品功能需求邏輯圖；產(chǎn)品頁(yè)面交互邏輯圖。

Keynote

普遍當(dāng)作匯報(bào)演講的軟件，其實(shí)還可以用來(lái)輸出原型演示視頻。在開(kāi)發(fā)過(guò)程中設(shè)計(jì)師很多時(shí)候不能通過(guò)靜止的圖像清晰地向工程師傳達(dá)交互過(guò)程，此時(shí)需要制作動(dòng)畫(huà)原型來(lái)展示方案。制作動(dòng)畫(huà)需要安排好展示邏輯，設(shè)置很多動(dòng)效參數(shù)，有時(shí)甚至涉及到動(dòng)效變化曲線(xiàn)，這些復(fù)雜的邏輯參數(shù)增加了制作成本。工程師只想看到簡(jiǎn)單的演示，他們并不care你這個(gè)交互反饋是否有spring，delay了零點(diǎn)幾秒，這時(shí)可以使用keynote制作動(dòng)效視頻。首先畫(huà)草圖排好展示順序和時(shí)間，在keynote上列出展示頁(yè)面，用神奇移動(dòng)和自帶控件動(dòng)畫(huà)將頁(yè)面聯(lián)系起來(lái)。

同時(shí)本身的圖文編輯屬性、分頁(yè)展示屬性、可插入原型演示動(dòng)畫(huà)的特點(diǎn)使keynote可作為交互文檔和設(shè)計(jì)規(guī)范文檔的輸出工具。

制作簡(jiǎn)單交互動(dòng)效視頻；撰寫(xiě)交互文檔；撰寫(xiě)設(shè)計(jì)規(guī)范。

Pixate和Quartz Composer-Origami

兩者都是交互原型制作工具，可生成模擬器或者mirror到手機(jī)上，更直觀地推敲設(shè)計(jì)交互原型。前者被Google收購(gòu)已經(jīng)免費(fèi)，大的特點(diǎn)是運(yùn)用了圖層概念，將交互手勢(shì)、動(dòng)畫(huà)直接添加到圖層上，并用base on將頁(yè)面聯(lián)系起來(lái)。后者是Facebook在蘋(píng)果原生Quartz Composer動(dòng)畫(huà)設(shè)計(jì)軟件上的插件，大大降低了設(shè)計(jì)使用門(mén)檻。特點(diǎn)是模塊化，用編程的邏輯制作動(dòng)畫(huà)。不同的交互手勢(shì)和動(dòng)效樣式有各自的一個(gè)模塊，用線(xiàn)將模塊聯(lián)系起來(lái)，軟件的動(dòng)效調(diào)用基本源于FB的Pop Animation庫(kù)。兩者學(xué)習(xí)成本很高，尤其后者，頁(yè)面多、交互多時(shí)制作面板非常復(fù)雜，但做出的動(dòng)效精確優(yōu)美?？蛇m用于個(gè)別頁(yè)面中少數(shù)重要、精確的交互原型制作。

制作精準(zhǔn)的交互動(dòng)效原型。

Principle

剛出來(lái)不久的原型制作軟件。操作界面和Sketch很相像，通過(guò)不同交互手勢(shì)將頁(yè)面連接起來(lái)，大的特點(diǎn)是可視化程度高。在Sketch中制作的高保真原型圖可直接拖拽到Principle中，為圖片自身和圖片之間賦予交互，Mirror到手機(jī)上，用來(lái)匯報(bào)自己制作的demo非常方便。通過(guò)animate和drivers也可制作出略復(fù)雜帶有條件語(yǔ)句的動(dòng)畫(huà)，但并不能和Pixate、QC-Origami相比擬。用Principle直接將手機(jī)連接到投影上展示demo，其他手機(jī)裝上Principle后可打開(kāi)用郵件收到的demo文件，評(píng)審更直觀，省去了匯報(bào)過(guò)程中很多文字描述

制作簡(jiǎn)單交互原型；制作全局原型演示。

工具只是工具而已

以上是自己從原型圖、交互原型展示到文檔輸出經(jīng)常使用的一系列軟件。工具只是高效地將我們的想法用最合適的方式完整無(wú)缺地展示出來(lái)，便于別人理解與存檔。根據(jù)不同場(chǎng)景和輸出物選擇恰當(dāng)工具，工具自身并沒(méi)有優(yōu)劣。如果繪制擬物風(fēng)格界面、圖標(biāo)，Sketch在PS和AI面前就顯得力不從心；在大團(tuán)隊(duì)里文檔輸出用Indesign就比用Axure等輸出的文檔更正規(guī)，更有利于存檔和日后查看，形成公司團(tuán)隊(duì)的知識(shí)庫(kù)。

自己在剛做工業(yè)設(shè)計(jì)時(shí)常糾結(jié)與工具，看到別人優(yōu)秀的作品總是把重點(diǎn)放到“這是用什么渲染的？這個(gè)模型有什么軟件建立的？”而忽略了使用者的創(chuàng)意和想法。那時(shí)也學(xué)習(xí)了不少軟件（PS、Alias、Showcase、Keyshot等等），現(xiàn)在回想起來(lái)留下的更多是工業(yè)設(shè)計(jì)的想法思維。希望大家能清楚認(rèn)識(shí)工具的意義，找到并掌握一套自己順手的工具，更重要還是要看使用者達(dá)出來(lái)的創(chuàng)意想法，切不可糾結(jié)于工具。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：聊聊我常用的一套交互設(shè)計(jì)工具
標(biāo)題網(wǎng)址：http://aaarwkj.com/news13/320413.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、云服務(wù)器、小程序開(kāi)發(fā)、ChatGPT、Google、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)