前言

什么是原型呢？

產(chǎn)品原型簡單的說就是產(chǎn)品設計成形之前的一個簡單框架，對網(wǎng)站來講，就是將頁面模塊、元素進行粗放式的排版和布局，深入一些，還會加入一些交互性的元素，使其更加具體、形象和生動。

就我個人而言，目前使用頻率最多，最高效，交互效果最好的原型工具是axure。今天給大家介紹一些我在工作中使用axure的經(jīng)驗。主要從交互設計中涉及的三個主要步驟進行說明：

一、主要頁面原型

在進行主要頁面原型設計之前，交互設計師需要：

一份主要的任務流程圖（此處指的不是“業(yè)務邏輯流程圖”，而是根據(jù)“業(yè)務邏輯”產(chǎn)生的“任務流程”。任務流程可由產(chǎn)品或是交互出，根據(jù)各個公司或項目的具體情況而定。）

一份主要功能列表（一般由產(chǎn)品經(jīng)理提供）

網(wǎng)站信息架構(gòu)（信息架構(gòu)在一些公司是需要交互設計師來完成的）

對于前期調(diào)研結(jié)果的理解

如何做“主要頁面原型”

1. 在建立項目的初期就開始定義Master

項目一開始啟動，如果可以稍微掌握哪些區(qū)塊未來將是共享區(qū)塊，那么就開始建立Master，比如網(wǎng)站的Header / Footer / 導覽選單（Navigation），或者廣告版位等等。越早使用，越可以節(jié)省其它頁面設計的重復工作。

Master的定義

2.可以應用一些Axure RP library

網(wǎng)上有很多資源，如：http://ucdchina.com/post/6285。也可以自己制作適合產(chǎn)品的library。

網(wǎng)上的library資源

3.根據(jù)“任務流程圖”，“功能列表”將主要的頁面原型制作出來。

這時可以包括一些必要的交互動作。一些詳細的，比如出錯提示等交互可以不用考慮。

主要的頁面列表

用途：

主要的頁面原型可以用于產(chǎn)品初期的討論會、測試以及產(chǎn)品介紹會。

應注意幾點：

1.不要加入視覺設計的元素。著眼于大局，不要糾結(jié)細枝末節(jié)

在制作原型的初期請把所有精力都放在流程的優(yōu)化和布局設計上面吧，不要把時間浪費在視覺設計上，那樣絕對是得不償失。

因為我們的原型方案還沒有最終通過，肯定要通過多次迭代才能確定方案，太多的視覺設計就是浪費時間；

再者，如果原型做的十分逼真，在產(chǎn)品討論會上，視覺的元素會很快抓住大家的眼球，到時就會有領導來質(zhì)疑你的界面是不是該換成藍色，按鈕是不是再精致一些這樣的問題。沒有人會專注于你的交互設計了。

2.最好在使用axure工具前，用紙和筆畫一些紙面原型，整理一下思路。

3.這個過程應是快速的，迭代的。

標簽： AXURE 原型設計 AXURE教程 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。