Adobe Muse CC 心得


「Adobe Muse CC 是為了想要建立網站但不想撰寫程式碼的設計師而設計。」官網開章明義就直接寫了這句話。好吧如果是為了不會手寫Code的設計師、只需要產出一些不需要套用程式的網站的話,Muse 是滿有吸引力的。(先不提它產出的 Code 很噁心這件事…)

CC 一出我就衝去把所有新的 app 都抓來試用,滿心期待它能簡化 Responsive Web 的開發,不過主推 Responsive 是 Edge Reflow,強調網頁互動的是 Edge Animate,看來 Muse 被定位成進化過的 Frontpage 斷腿版吧,太專業會打到 Dreamweaver…

回過頭來想想我自己的工作流程…

  1. Functional Map,XMind。
  2. UI Flow,XMind。
  3. Wireframe,手繪。
  4. Wireframe,Balsamiq。
  5. Mockup,photoshop。
  6. Prototype,Keynote、photoshop。
  7. HTML、CSS,Sublime。

Prototype 第一要件就是「會動」,就算是 Wireframe 只要有互動性就可以稱做 Prototype。

線框稿 > 不能操作、靜態 = Wireframe
線框稿 > 可以操作、會動 = Prototype
漂亮的畫面 > 不能操作、靜態 = Mockup
漂亮的畫面 > 可以操作、會動 = Prototype

1. Muse 做出來的 Prototype 無法直接當成最後產出。

客戶如果要求修改就得修改兩份檔案。Muse 改完後、得回過頭去改 PSD 檔。而且最終還是得回到 PSD 上切圖、手寫產出 HTML。那為什麼要多花一份工?直接用 photoshop 產生切片設 Link 能更快產出 Prototype。如果是為了樹狀圖功能,可以把做好的 Mockup 扔回 UI Flow 就有圖片版的 Flow 了。

2. 完成 Wireframe 後跳過 Photoshop,直接用 Muse 產出。

測了一下,Muse 沒辦法直接吃 PSD 檔轉成 HTML,在避免重工的情況下如果放棄使用 photoshop 之類的軟體製作 Mockup,Wireframe 畫完就開 Muse 直接取代 Photoshop 製作稿件、直接產出 HTML…但這就不是 Prototype 了啊。

3. Muse 修改容易。

如果沒有版本控管、多方人士可以隨意自行修改檔案的話會產生非常恐怖的後果…(抱頭)

4. Muse 不支援 Retina。

非常誇張的鋸齒邊緣,MBPR 上連開啟舊檔視窗和所有文字都是糊的。

5.不能拿 Muse 產出的檔案給工程師…

不管是 PS 還是 Muse 最後產出的檔案,拿給 F2E 只會讓他們吐血, 可以隨便打開官方推薦用 Muse 產出的網站、右鍵、檢視網頁原始碼感受一下。http://muse.adobe.com/site-of-the-day (難怪要強調 Muse 可以操作 SEO。 )

結論

如果是不會寫 Code 的 網頁設計師 視覺設計師,做的網站又不需要和工程師合作,Muse 這套軟體可以納入考慮使用的範圍,不過 Dreamweaver 彈性還是比較大…好吧我實在搞不懂這套軟體夾在 Edge Reflow、 Edge Animate、Dreamweaver 中間主要是為了什麼?感覺上就是個和 80 級時代的神聖新星差不多的東西…打不痛怪補血又杯水車薪的 AE 技、帶新手刷監獄用洗 EXP 專用…

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close