原型設(shè)計(jì)介紹

1、Axure RP基礎(chǔ)篇：原型設(shè)計(jì)經(jīng)驗(yàn)談?wù)寒a(chǎn)品原型簡(jiǎn)單的來(lái)說(shuō)就是最終產(chǎn)品設(shè)計(jì)成形之前的一個(gè)大概框架。而對(duì)網(wǎng)站來(lái)講，就是將頁(yè)面模 塊、元素進(jìn)行粗 放式的排版和布局，深入一些的話還會(huì)加入一些交互性的元素，使其更加具體、形象和生動(dòng)。而目前在國(guó)內(nèi)產(chǎn)品經(jīng)理圈中使用最多也是最高效的產(chǎn)品原型工具非 AXURE莫屬，AXURE原型工具看似簡(jiǎn)單易學(xué)，但是如果想真正的用好還必須更加深入的去研究和學(xué)習(xí)，這里就為大家簡(jiǎn)單的介紹下AXURE的一些使用心 得。前言 什么是原型呢？產(chǎn)品原型簡(jiǎn)單的說(shuō)就是產(chǎn)品設(shè)計(jì)成形之前的一個(gè)簡(jiǎn)單框架，對(duì)網(wǎng)站來(lái)講，就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交

2、互性的元素，使其更加具體、形象和生動(dòng)。就我個(gè)人而言，目前使用頻率最多，最高效，交互效果最好的原型工具是axure。今天給大家介紹一些我在工作中使用axure的經(jīng)驗(yàn)。主要從交互設(shè)計(jì)中涉及的三個(gè)主要步驟進(jìn)行說(shuō)明：一、主要頁(yè)面原型在進(jìn)行主要頁(yè)面原型設(shè)計(jì)之前，交互設(shè)計(jì)師需要：· 一份主要的任務(wù)流程圖（此處指的不是“業(yè)務(wù)邏輯流程圖”，而是根據(jù)“業(yè)務(wù)邏輯”產(chǎn)生的“任務(wù)流程”。任務(wù)流程可由產(chǎn)品或是交互出，根據(jù)各個(gè)公司或項(xiàng)目的具體情況而定。）· 一份主要功能列表（一般由產(chǎn)品經(jīng)理提供）· 網(wǎng)站信息架構(gòu)（信息架構(gòu)在一些公司是需要交互設(shè)計(jì)師來(lái)完成的）· 對(duì)于前期調(diào)研結(jié)果的理解

3、如何做“主要頁(yè)面原型”1. 在建立項(xiàng)目的初期就開(kāi)始定義Master項(xiàng)目一開(kāi)始啟動(dòng)，如果可以稍微掌握哪些區(qū)塊未來(lái)將是共享區(qū)塊，那么就開(kāi)始建立Master，比如網(wǎng)站的Header / Footer / 導(dǎo)覽選單(Navigation)，或者廣告版位等等。越早使用，越可以節(jié)省其它頁(yè)面設(shè)計(jì)的重復(fù)工作。Master的定義2.可以應(yīng)用一些Axure RP libraryAxure RP官方網(wǎng)站有大量的libraries，可以前往下載。也可以自己制作適合產(chǎn)品的library。axure部件庫(kù)3.根據(jù)“任務(wù)流程圖”，“功能列表”將主要的頁(yè)面原型制作出來(lái)。這時(shí)可以包括一些必要的交互動(dòng)作。一些詳細(xì)的，比如出錯(cuò)提示等交互可以不用考慮。主要的頁(yè)面列表用途：主要的頁(yè)面原型可以用于產(chǎn)品初期的討論會(huì)、測(cè)試以及產(chǎn)品介紹會(huì)。應(yīng)注意幾點(diǎn)：1.不要加入視覺(jué)設(shè)計(jì)的元素。著眼于大局，不要糾結(jié)細(xì)枝末節(jié)。在制作原型的初期請(qǐng)把所有精力都放在流程的優(yōu)化和布局設(shè)計(jì)上面吧，不要把時(shí)間浪費(fèi)在視覺(jué)設(shè)計(jì)上，那樣絕對(duì)是得不償失。因?yàn)槲覀兊脑头桨高€沒(méi)有最終通過(guò)，肯定要通過(guò)多次迭代才能確定方案，太多的視覺(jué)設(shè)計(jì)就是浪費(fèi)時(shí)間；再者，如果原型做的十分逼真，在產(chǎn)品討論會(huì)上，視覺(jué)的元素會(huì)很快抓住大家的眼球，到時(shí)就會(huì)有領(lǐng)導(dǎo)來(lái)質(zhì)疑你的界面是不是該換成藍(lán)色，按鈕是不是再精致一些這樣的問(wèn)題。沒(méi)有人會(huì)專