一、流程說(shuō)明? ??

1)先有相應(yīng)的想法或者需求，因需求的發(fā)散性及不斷變化性，需要進(jìn)行相應(yīng)的澄清并明確。??

?2）因需要將想法進(jìn)行清晰的表達(dá)，需要在白板或者紙質(zhì)上進(jìn)行圖畫，而后延伸到在電腦上畫線框圖，從畫圖工具 到專業(yè)的線框圖工作Axure等，例如我想到了雞蛋，就在白板上畫個(gè)橢圓，然后進(jìn)行文字說(shuō)明：雞蛋。? ? ? ? ? ? ? ? ??

?3)根據(jù)產(chǎn)品意圖即澄清的需求與線框圖進(jìn)行比較，看是否滿足需求，如果滿足則進(jìn)行視覺(jué)設(shè)計(jì)，否則修改線框圖? ?

4)視覺(jué)設(shè)計(jì)即通過(guò)視覺(jué)審美的角度，提高線框圖的顏值。在視覺(jué)過(guò)程中，不斷修正線框圖，或者進(jìn)行相應(yīng)說(shuō)明? ? ? ?

5)在視覺(jué)設(shè)計(jì)過(guò)關(guān)后，將各個(gè)頁(yè)面的線框圖進(jìn)行相應(yīng)的交互動(dòng)作，從而滿足產(chǎn)品需求，最后進(jìn)行原型交付。

二、線框圖及基本交互

基本元件

母版--可以在母版中添加一些導(dǎo)航欄，從而減少修改的工作量。

導(dǎo)航

幻燈片輪播

生成原型

三、高級(jí)交互

因一般在工業(yè)軟件領(lǐng)域，在相應(yīng)模板的基礎(chǔ)上，線框圖和基本交互功能基本能實(shí)現(xiàn)相應(yīng)功能。高級(jí)功能基本比較少使用，此處只做導(dǎo)航用處。

1、中繼器-包含排序、篩選、分頁(yè)、添加刪除等功能，參考工具書P98? ? ? ? ? ? ? ? ? ? ? ? ? ??

2、變量-包含局部變量、全局變量，實(shí)現(xiàn)Table標(biāo)簽切換等參考工具書P112

3、函數(shù)-包含函數(shù)分類，實(shí)現(xiàn)滑桿效果、文字計(jì)數(shù)效果等參考工具書P118

4、邏輯條件-交互過(guò)程中通過(guò)邏輯條件進(jìn)行比較復(fù)雜的功能

四、模板工具

因?yàn)槲夜ぷ麝P(guān)系，是面向工業(yè)軟件的，因此對(duì)視覺(jué)設(shè)計(jì)這塊往往不怎么重視，因此更多的重心在線框圖和交互上，但是也不想太丑，以及線框圖和交互上想相對(duì)快速的交付，因此收集了一些模板。

一些常見(jiàn)的原型模板基本夠用了：https://www.axureux.com/home/default.html

工具書為Axure RP9 實(shí)用教程