Adobe Muse 會改變前端設計師這個職業嗎?

看微博上的評價似乎很牛叉的樣子(如http://weibo.com/1773655610/yk2Bec6Ff)。這個軟體相比於DW的不同在哪裡?它真的能夠讓不懂代碼的網頁設計在沒有前端設計的幫助下獨立設計網站前端了嗎?


「我想這個東西這樣飛出來,然後淡出」

「你說的是這樣還是那樣?」

「算了,就搞個靜止的吧」

MUSE就是解決上面這種情況的

它是一個直觀的,可以讓前段明白設計師抽象思維的東西。

Photoshop 就是 Photoshop,用來做圖片效果那絕對一級棒,

但是

用來設計網頁,確實有許多地方不盡如人意。

對於我來說,Photoshop不能滿足以下兩點:

1 一個條理清晰的結構

一開始,你還細心的命名,耐心的建立文件夾,幻想著按照流程來出稿。

但到最後,不斷地修改和調整,你的文件名就會越來越亂,而且基本上流程也打亂了。

像這種有著神秘代號的PSD文件,很多。

Muse會在你開始製作便會建立整個結構導圖,清晰,高效。

2 改稿很麻煩

比如,調整一套網站PSD的頁腳,需求寫的只用改一個字,但十幾張的頁腳都是一樣的,

所以,我需要調整十幾次,浪費生命,浪費時間,而且調整之後需求方不滿意,你還得調回來!我他媽……算了,不說了。

Muse會在你改動通用元素的時候,整體更新所有元素,比如這個圖裡顯示的Header,改一個,其他全都改了。

3 動態效果不能展現

Muse的視覺差效果,你看看,就是扒拉幾下按鈕,就出來了(雖然目前功能很簡單,但也夠了),但你在Photoshop里搞出來導成GIF,會累死你個王八犢子的。

Muse代替前端,不太可能

Muse代替Photoshop,也不可能

但是它確實是設計師一種展示創意的新工具。我喜歡它。

不是逐鹿中原,不是捨我其誰,

為了更高效的出產作品,

互相配合,搭配著用,不是更好。


我覺得不會改變,為啥,因為前段設計本身考驗的是一種習慣,一種綜合能力,並不是一個軟體,一個工具能改變的。

我不是專門做前端的,我主要是負責網站的視覺設計和用戶體驗,針對客戶需求做一個視覺定位和UI定位。只不過因為團隊人員極少,我通常都需要做一系列的切圖,編碼工作,當然,只是有一定的小基礎,我們做界面的,了解一些前段代碼(html,css,js),都可以邊設計變考慮到用戶體驗的層面,可以考慮效果,考慮是否利於前段實現。

一般做出一套方案,差不多網站的前段已經在方案里和腦海里了,這樣效率提高了很多。

用軟體,是達不到一些重構,可讀性,SEO效果的,這些只能靠自己多學習,多摸索,才能寫出簡練而實用的前端代碼。

我不精通前端代碼,不過掌握了一些html,css,js,jquery框架和jquery ui,jquery mobile,等,我更專註視覺上的東西,用戶體驗上的東西。

應此我想說,軟體只是一個工具,它的用戶體驗是提高一個開發者的效率的問題,並不能改變一個前端開發者的思想和編碼習慣。用好軟體,選對軟體,也是對自己的一個提高。


不會,每個工具都有自己的固定的用戶群,而muse更適合那些需要快速製作簡單頁面的設計師或者是入門級用戶(我認為)。

我來說說國外前端開發工程師最流行的工具吧:

1.得有包管理吧?bower,npm

2.想要快速開始?需要generater吧?yomen

3.任務運行器?編譯、壓縮、test、LiveReload。。。。?grunt,gulp, karam,qunit........

上面這些都是最需要的工作流程,他們大部分都需要在命令行里執行,所以說muse只適合入門級。。。。。。。

圖形處理用AI、PS就好了,其餘全部在文本編輯器里直接寫樣式和JS就是了,我覺得用dw的效率都比較低了,國外前端工程師大部分都用純文本編輯器:sublime,aptana studio,brackets等等,而那些大神都用vim,emacs等在命令行里運行的編輯器。


Adobe Muse 就目前來看,只解決了前端裡面的頁面重構方面的工作(但不是完全解決了),做出的頁面兼容性非常的好,我親自測試過,在IE瀏覽器下面也能優雅的降級,可以說Adobe Muse是為不會寫代碼的純設計師準備的,頁面呈現與所見即所得的操作方式做的非常好,而且這麼強大的一個軟體竟然是全部基於Air平台的,所以說Muse現在只解決了頁面呈現問題,交互功能只是靠一些少量的Widget來實現的,至於生成的代碼,我認為還是能接受的,沒有想像中的那麼醜陋,每個元素都是一個id構成的,可重用性差一些。但這些都可以後期自己來優化,我認為Muse的操作體驗和【原型設計工具——Axure】很相似,但是生成的代碼絕對比Axure要乾淨的多,如果以後Muse能增加事件和數據綁定功能就更完美了。

Muse 面向的是設計師,他出現的目的不是為了取代前端,是為了幫助設計師將自己的網頁設計稿,在不寫代碼的情況下,製作出專業的HTML頁面!

HOME | Adobe Muse CC 看一下這個頁面,Muse的官方主頁,你一定不敢相信,這個華麗的視差滾動頁面就是用Muse做的!


Muse, Webflow 之類的所見即所得的工具是給設計師做原型設計用的,真正的產品還是得用前端開發者寫的代碼。


所有「所見即所得」的工具我都不敢用,因爲它背後生成的代碼必然是醜陋的。

我有兩個按鈕,一個按鈕用於提交信息,一個按鈕用於呼出菜單。但「所見即所得」的工具們不知道我的想法,他們只會給這兩個按鈕起名「button1」和「button2」。

「所見即所得」工具,用來快速生成原型是很好的,但好的前端工程師,不是只求快速寫出代碼,而是要用自己的方式優雅地實現它。


要說改變可能也改變不了什麼。不過muse確實能提高很大的效率,一個頁面,全手寫的話,得幾天功夫,用muse半天就搞定了。提升效率簡直杠杠的。生成都代碼初看挺不爽,可是仔細一看還真沒啥多餘的。手工寫也不會比它少,甚至還更多。就是代碼重用性差點。不過追求效果的頁面上本身也沒有多少可重用的元素,每個元素本身就是唯一的,當然了新聞門戶那種大多數塊都一樣的頁面就不適合用muse來做了。muse用來做單頁的那種宣傳頁超級棒,效率高,效果好。

要說有啥不好的,目前我發現的就是做出來的頁面比較消耗cpu,在pc上可能不覺得,但是用手機看的話,當你滾動頁面的時候,其中視差滾動效果的部分你就能看出來了,估計和頁面上每個元素都絕對定位有關。當然我手機性能也一般,估計最新的手機沒啥問題。


從代碼的角度看待muse,本人覺得並不全面,muse將會給更多的設計師帶來便利,也將網頁變得更加的豐富多彩,她將是一個創作平台;對於網頁本身來講,是一個窗口,人們將通過這個窗口了解對方的世界,muse這樣的工具,使這一切都變得簡單了;當然muse還在發展


優點:

Adobe Muse CC 能夠製作帶有簡單動畫效果的圖、文頁面

同一頁面可分別針對桌面、平板電腦、手機設計

同時提供各種小插件,能夠方便的將地圖、模板甚至是html代碼插入到矩形塊中

應該說Adobe給出來開發效果確實讓人為之讚歎

不足:

Muse將文字塊轉化為圖形,導致頁面載入速度變慢,

同時生成的code並不優雅,復用性差

從這個意義講,目前還是不太能夠取代前端工程師

對於設計行業,Muse無異於一種有別於主流的思考模式:

即完全不需要代碼的網頁製作

我認為隨著設計師的不斷加入和工具的不斷完善,

最終Muse會讓網頁界面設計如同使用PS一樣

前端工程師將有更多的時間去思考其他層面的技術

而另一條道路則是由程序員主導的腳本快速生成頁面技術

好比文檔世界中的Word和Latex

殊途同歸


各種所見即所得的設計工具太多了,在輔助人工作、提升效率上是起到了一定作用,但要說改變,那得問一下這個工具與其它同類工具相比,有什麼巨大的創新和變革嗎?如果沒有,它怎麼改變人呢,這不是在忽悠嘛。


軟體針對的使用對象群不同,muse降低了網頁設計的門檻,沒什麼不好,比如大學裡應該有很多非計算機專業的同學出於各種目的想要弄一個自己的主頁,他們當然可以找夥伴尋求幫助,但如果有了muse,或許某種角度上更加便捷快速地建立網頁。我覺得很有發展下去的必要


個人認為這種可視化的工具都只是做做demo可以,實際網站幾乎不可能用到

前端看重的幾個東西就是

1)代碼簡介-這個軟體我用過,生成的代碼比較垃圾

2)代碼重用-這個功能沒試過,我覺得幾乎不可能

3)減少連接數-做集合背景?這軟體就算了吧

說白了,就是給不會代碼的設計師YY折騰一下還行,要改變前端這個行業,不可能

公司要用這個來做網頁就廢了

至於編寫代碼,有人用DW,其實我也用,但看你怎麼用,想用純可視化的軟體來做網頁,代碼肯定好不好,要克服這些問題就要手寫,手寫的話,DW的優點也就是個代碼提示

那這樣的軟體就很多了,現在在用sublime text2,速度快,css提示,各種編輯命令,很方便


edge動畫和muse結合非常適合有flash製作經驗的製作網站


個人覺得這個只適合快速搭建靜態頁面。細的還是得靠人


很適合做活動頁面,這種不在乎代碼質量,一次性的網站


還是手寫吧,自動化的工具設計的頁面可維護性太差了


剛出來的時候我也興奮了一把,不過體驗後我就覺得要做出好網站,還是別靠這東西了,自己寫吧


我不懂任何代碼,每次看到設計的頁面到最後變得那鳥樣......so......


對於大家來說,習慣的才是最好的。

DW挺好的,不是照樣有很多人還是習慣notepad++

而且對於Muse來說,可能提高的只是單頁美化效果的效率。

對於前端真正涉及的全站重構和優化,基本上沒多大幫助。


推薦閱讀:

為什麼要用刪除線,刪除線意義何在?
分子生物學專業學習應用程序開發有用嗎?

TAG:Adobe | 網頁設計 | 網頁設計師 | 前端開發 | HTML | CSS | 前端工程師 | AdobeMuse |