推薦一款比較好用的UE設(shè)計(jì)軟件

時(shí)間：2022-07-02 18:51:02 | 來(lái)源：建站知識(shí)

時(shí)間：2022-07-02 18:51:02 來(lái)源：建站知識(shí)

我們都知道專門針對(duì)美術(shù)設(shè)計(jì)人員的專業(yè)軟件有很多，比如photoshop、比如fireworks、比如coreldraw、比如flash，還有很多;針對(duì)web開發(fā)人員寫程序的軟件也有很多，比如EditPlus，比如EmEditor等;針對(duì)文字處理的比如WPS、比如word，如果想排出更好的效果還可以使用專業(yè)排版軟件比如pagemaker、比如InDesign，所謂工欲善其事，必先利其器，當(dāng)我們?cè)趯ふ乙粋€(gè)好的網(wǎng)站產(chǎn)品經(jīng)理工具時(shí)會(huì)發(fā)現(xiàn)，好像并沒(méi)有什么合適的工具。

目前網(wǎng)站產(chǎn)品經(jīng)理使用的工具可能有word、PPT、visio、photoshop、dreamweave，或者干脆手寫。

這幾種方面各有各的缺點(diǎn)，

一、word

在我的了解中，word的應(yīng)用是相對(duì)廣泛的，優(yōu)點(diǎn)在于：

1、可以通過(guò)圖表加注釋的方法將產(chǎn)品經(jīng)理的設(shè)計(jì)思路表現(xiàn)出來(lái)。

2、交互性相對(duì)較強(qiáng)。使用word設(shè)計(jì)UE的用戶我的建議是多用文本框，不要用表格。

word的缺點(diǎn)也顯而易見：

1、不易修改，不管是表格還是文本框，都會(huì)在排版方面花費(fèi)大量的時(shí)間和精力;

2、上手困難，這里所說(shuō)的上手并不是平時(shí)的使用，而是用word排出UE圖，并實(shí)現(xiàn)相應(yīng)的交互效果，可能真的要仔細(xì)學(xué)一下word各方面的功能;

3、不利于設(shè)計(jì)和技術(shù)理解，雖然word也可以設(shè)計(jì)交互，但更多東西需要通過(guò)文字描述寫出來(lái)，對(duì)于設(shè)計(jì)和技術(shù)來(lái)說(shuō)，閱讀大段的文字是一件很痛苦的事情。如果你是用word在設(shè)計(jì)UE，也有大段的文字說(shuō)明，如果設(shè)計(jì)或技術(shù)人員沒(méi)有充分理解你的產(chǎn)品文檔，一定不要怪他們。換了讓你去讀別人寫的超過(guò)50頁(yè)的word文檔，或者你還沒(méi)有他們細(xì)心。

二、PPT

之前見過(guò)有人用PPT設(shè)計(jì)的UE圖，優(yōu)點(diǎn)在于：

1、上手簡(jiǎn)單;

2、全屏播放時(shí)可以真實(shí)的模擬網(wǎng)頁(yè)寬度，便于展示。

不過(guò)PPT的缺點(diǎn)也很明顯：

1、每頁(yè)能顯示的內(nèi)容有限，想在一張PPT下將一個(gè)復(fù)雜頁(yè)面都展示出來(lái)很困難;

2、交互性不是很好。

三、visio

visio的優(yōu)點(diǎn)在于：

1、矢量軟件，不存在word里的排版問(wèn)題，排版很容易;

2、有一些自帶元件可以直接使用;

缺點(diǎn)：

1、對(duì)于需要文字說(shuō)明的地方，效果不是很理想;

2、上手比較困難

3、交互性比較差

四、photoshop/dreamweave

優(yōu)點(diǎn)：

1、效果展示比較直觀，可以很好地展示頁(yè)面原型;

2、很利于設(shè)計(jì)人員理解;

這類軟件的主要功能并不是這方面，所以缺點(diǎn)也很明顯：

1、交互性非常差，基本沒(méi)有交互;

2、不易上手，對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)，熟練地使用這兩個(gè)軟件實(shí)在不是件容易的事，還不如改行做UI了。

其實(shí)之所以會(huì)有這樣的情況，我的觀點(diǎn)是：網(wǎng)站產(chǎn)品經(jīng)理這個(gè)職位還不被很多人所熟知，有些人甚至還不知道網(wǎng)站的產(chǎn)品經(jīng)理是用來(lái)干什么的，所以專門針對(duì)網(wǎng)產(chǎn)品經(jīng)理而開發(fā)的設(shè)計(jì)軟件也就不多。

不過(guò)還是要向各位網(wǎng)站產(chǎn)品經(jīng)理，或者準(zhǔn)備做網(wǎng)站產(chǎn)品經(jīng)理的網(wǎng)友推薦一款軟件——Axure PR，可惜是一款英文軟件，目前很難找到漢化版，據(jù)我所知騰訊和淘寶的產(chǎn)品設(shè)計(jì)使用該軟件，還聽說(shuō)騰訊內(nèi)部有漢化版，只是聽說(shuō)啊，不負(fù)法律責(zé)任的。哈哈

1、菜單欄

這沒(méi)什么好說(shuō)了吧?

2、工具欄

這也不必說(shuō)了吧?

3、工作區(qū)

我自己起的名啊，所有的效果都是在這里展示的，也是我們?cè)O(shè)計(jì)產(chǎn)品主要使用到的地方。

4、站點(diǎn)地圖

其實(shí)我一直覺得可以有一個(gè)更貼切的名字。解釋一下該區(qū)域的作用。

這里是一個(gè)樹型結(jié)構(gòu)，通過(guò)該區(qū)域可以很好地展示多個(gè)頁(yè)面的UE，而且可以將從屬關(guān)系表現(xiàn)的很清楚，比如可以建一個(gè)根分類起名叫“首頁(yè)”，然后在“首頁(yè)”下面建立“欄目首頁(yè)”、“列表頁(yè)”、“最終頁(yè)”等。這種方式如果在word里表現(xiàn)的話就要通過(guò)建立多個(gè)頁(yè)面進(jìn)行展現(xiàn)?；蛘呷绻@些結(jié)構(gòu)復(fù)雜，也可以在根分類頁(yè)上放流程圖?？傊@個(gè)區(qū)域是為了便于把文檔的結(jié)構(gòu)理清楚了。很重要的區(qū)域之一。

5、工具欄

軟件自帶了很多工具，比如選、多選、按鈕、超鏈接等等，直接拖動(dòng)到工作區(qū)就可以使用，很方便滴。

6、復(fù)用模塊區(qū)

這里看起來(lái)與站點(diǎn)地圖差不多，但功能不一樣。我們?cè)谠O(shè)計(jì)文檔時(shí)一定會(huì)遇到好多需要重復(fù)使用的設(shè)計(jì)塊，可以將這些設(shè)計(jì)塊做成復(fù)用模塊，只做一次，其他地方需要使用時(shí)直接調(diào)用就可以。類似于程序開發(fā)中的模塊化開發(fā)，道理是一樣的。

7、備注區(qū)

針對(duì)這個(gè)頁(yè)面的一些備注，在瀏覽的時(shí)候可以顯示出來(lái)，沒(méi)有太多功能性的東西。

8、頁(yè)面交互設(shè)計(jì)

頁(yè)面在加載時(shí)執(zhí)行的設(shè)置，onLoad。

9、交互和注釋區(qū)

這里的交互設(shè)計(jì)主要是針對(duì)某一個(gè)元件，而8 提到的交互是針對(duì)頁(yè)面的。

這個(gè)區(qū)域的功能還是比較重要的。很多交互效果都需要通過(guò)該區(qū)域?qū)崿F(xiàn)，對(duì)元件的注釋也需要通過(guò)該域名實(shí)現(xiàn)。

今天只是簡(jiǎn)單介紹一下這款軟件，剛開始使用的時(shí)候上手會(huì)比較慢一些，使用習(xí)慣了以后會(huì)發(fā)現(xiàn)這的確是一款網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)的好工具。

如果誰(shuí)正在使用這款軟件或者準(zhǔn)備使用這款軟件，筆者很愿意和大家交流。