- 相關(guān)推薦
Axure設(shè)計(jì)原型的建議是什么
本文主要講述了Axure設(shè)計(jì)原型的建議，具體內(nèi)容看看小編為大家整理的吧!
首先需要聲明，在下面提到的原型和交互Demo有其特定的應(yīng)用環(huán)境，在通常情況下，原型和Demo并不是等同的概念。當(dāng)我們提到原型時，那可能是各種各樣的產(chǎn)出物，流程圖、思維圖、紙上的草稿、甚至視覺確認(rèn)稿和前端HTML頁面，但在本文中提到的Demo指的是交互設(shè)計(jì)階段的最終交付物，當(dāng)然主要是通過Axure完成的交付物。
1、不要把Axure當(dāng)做視覺設(shè)計(jì)工具
作為一名交互設(shè)計(jì)師，把fireworks和photoshop從你的腦海中踢出去。我見過一些交互設(shè)計(jì)師仍然在使用photoshop來制作交互Demo，從某種程度上我認(rèn)為這是很難得的細(xì)致和認(rèn)真，但從交互設(shè)計(jì)師的角度這并非一種有益的努力。
除非你在工作中同時兼顧交互設(shè)計(jì)和視覺設(shè)計(jì)，那最好不要再嘗試在photoshop中進(jìn)行交互原型創(chuàng)作——因?yàn)檫@不僅在浪費(fèi)過多的時間，photoshop本身不適用于排版和布局，更因?yàn)槭褂胮hotoshop來創(chuàng)作不可避免的會分散交互設(shè)計(jì)中所關(guān)注的焦點(diǎn)。
2、但也并非草稿工具
另一方面，Axure卻遠(yuǎn)非很多人想象的只是集合了一些常用控件的草稿工具。Axure之所以成為交互設(shè)計(jì)師和信息架構(gòu)師的首選原型設(shè)計(jì)工具，不會僅僅因?yàn)槭翘峁┝藥讉�如此簡陋的控件的線框圖工具。
如果你夠深入了解Axure的功能，你會發(fā)現(xiàn)在某些方面，Axure已經(jīng)為您放棄photoshop做好了充足的準(zhǔn)備。
是的，你不僅可以改變字體、字號、顏色，也能調(diào)節(jié)邊框粗細(xì)、顏色、背景色、圓角，別忘記它甚至可以調(diào)節(jié)漸變色和支持透明，這也意味著只要你夠用心，你可以用axure很大程度上進(jìn)行視覺設(shè)計(jì)，當(dāng)然，這并非我們用axure的目的，只是想提醒你，不要用“Axure只是畫線框圖”來作為你的丑陋的原型的借口了：)
3、不要把注意力集中在動作腳本
也許很多人推薦Axure更看重的是其提供了豐富的動作腳本支持，對于不懂html和js的交互設(shè)計(jì)師來說，Axure可能是一種福音——因?yàn)锳xure的動作腳本功能使得動態(tài)模擬真實(shí)界面交互變成可能。
借由Axure這堪稱難用落后的動作生成工具，我們能實(shí)現(xiàn)狀態(tài)切換、時間動畫以及其他一些驚人的小玩意。一些人對Axure中的動畫樂此不彼，而這也是很多交互設(shè)計(jì)師接觸Axure之后感到迷人的地方。
但有時候我們的確需要反思，在我們的工作中是否需要再次花費(fèi)更多的精力和時間?
這也許決定于我們在設(shè)計(jì)的這個原型是用于什么情境。如果原型是用以進(jìn)行前期的用戶測試，那很有必要在沒有可用以測試的前端demo之前，對于我們的交互Demo花費(fèi)更多的精力來使得從界面效果到互動效果都更接近于實(shí)際界面。但如果原型只是用于流程中的交互物，如提供給視覺設(shè)計(jì)師或前端工程師進(jìn)行開發(fā)，那么過度的設(shè)計(jì)和效果則并非所需。
4、交互demo的作用在于提供流程說明和狀態(tài)的表述
或許我們需要認(rèn)真定義一下交互Demo需要解決的是什么問題。
交互Demo在整個開發(fā)流程中主要影響產(chǎn)品設(shè)計(jì)師(主要體現(xiàn)在產(chǎn)品功能需求文檔——即需求的確認(rèn)階段)，視覺設(shè)計(jì)師和前端工程師。對于產(chǎn)品設(shè)計(jì)師而言，需要的是將功能需求實(shí)體化，也需要基于產(chǎn)品原型來討論用戶體驗(yàn);而對于視覺和前端而言，交互Demo是否漂亮是一個無意義的問題，在視覺設(shè)計(jì)和前端開發(fā)看來，Demo是否指明了產(chǎn)品界面中關(guān)注的元素和重點(diǎn)、是否描述了各種異常的、奇怪的可能性的解決方案;因此他們更關(guān)心在Demo中看到“如果…”，“未登錄狀態(tài)時…”，而不是漂亮的顏色和線條。
【Axure設(shè)計(jì)原型的建議是什么】相關(guān)文章：
如何打造Axure原型09-23
解讀交互設(shè)計(jì)-Axure原型交互輸出11-12
axure生成網(wǎng)頁原型的方法10-13
axure導(dǎo)出原型為圖片的方法08-08
axure網(wǎng)頁設(shè)計(jì)的方法11-15
axure網(wǎng)頁設(shè)計(jì)的方法有哪些10-23