鑒于專(zhuān)業(yè)性和篇幅的原因，這里僅介紹制作線框圖的工具。對(duì)于交互設(shè)計(jì)中使用到的統(tǒng)計(jì)工具、動(dòng)效工具等則不再詳細(xì)介紹。
線框圖
什么是線框圖？在我們把前面的需求分析、信息架構(gòu)等等做好之后，需要把頁(yè)面布局、業(yè)務(wù)流程用視覺(jué)化的形式快速地表現(xiàn)出來(lái)。線框圖也叫低保真交互設(shè)計(jì)圖，主要目的是體現(xiàn)產(chǎn)品的業(yè)務(wù)流程和用戶體驗(yàn)。
由這些例子我們不難看出，這些線框圖都是盡量使用中性的顏色，不做任何視覺(jué)的設(shè)計(jì)，只是把產(chǎn)品的功能的位置擺放上去，做每個(gè)頁(yè)面的布局。線框圖并非最終的視覺(jué)效果，僅僅是合理地布局整個(gè)web或者app，確定展示的內(nèi)容以及交互方式。
常用工具
基于是否能多平臺(tái)通用、上手難度、用戶習(xí)慣、便捷程度和作者的主觀感受，以下推薦幾款制作線框圖的工具。
- ** Axure**
大名鼎鼎的 Axure 是自定義非常高和功能及其強(qiáng)大的原型制作工具，當(dāng)然也可以用來(lái)制作線框圖。Axure 有多年的歷史，用戶群體龐大，元件庫(kù)十分豐富，針對(duì)這個(gè)軟件的討論和方法十分之多。能夠高效和快速的創(chuàng)建線框圖，分享和預(yù)覽功能也十分強(qiáng)大，支持 html 和其他格式輸出。支持 windows 和 OS X。上手難度不高，但是精通較難。
- ** 墨刀**
這是一款號(hào)稱(chēng)最簡(jiǎn)潔易用的國(guó)產(chǎn)原型制作軟件。在作者使用過(guò)程中，發(fā)現(xiàn)只需要把組件和圖標(biāo)拖拽來(lái)頁(yè)面就可以了，個(gè)人認(rèn)為符合國(guó)人的思維習(xí)慣，使用體驗(yàn)非常不錯(cuò)。而且精通這個(gè)軟件也只需要一天時(shí)間就 ok。在原型和動(dòng)效的預(yù)覽上非常方便。這是一款上手難度極低，功能全面，高效快速的原型制作軟件。同樣是 windwos 和 OS X 雙平臺(tái)支持。更為強(qiáng)大的是，它還支持Web端的在線原型制作。
