[WPF] 考古Expression Web:微軟當年最漂亮的WPF軟體
1. 什麼是Expression Web
Expression Studio是微軟在2007年推出的一套針對設計師的套件,其中包含專業的設計工具和新技術,可以彈性且自由地將設計方案轉為實際——無論設計的是標準的網站、擁有豐富使用者經驗的桌面應用,或是管理數字資產和內容。它包含以下部分:
- Expression Blend 4 + SketchFlow
- Expression Web 4 + SuperPreview
- Exression Design 4
- Expression Encoder Pro
具體資訊可以參考這裡:
Expression Studio 4正式版釋出 - jv9 - 部落格園
其中,Expression Web 是一個專業的設計工具,可用來建立現代感十足、且以標準為基礎的網站,讓您在 Web 上提供絕佳的質量。 透過使用強大的設計工具和工作窗格快速地合併 XML 資料,減少複雜度和簡化資料整合。
透過 Expression Web 和 Visual Studio 對於 XML、ASP.NET 和 XHTML 的絕佳支援,您可以順暢地整合 Web 設計和開發團隊。 透過複雜的 CSS 設計功能,釋放您的創意點子,並替您的網站注入活力。視覺化的設計工具、專門的工作窗格和工具列,讓您精確地控制版面配置和格式。
具體資訊可以參考這裡:
可是Expression這個品牌十分短命,5年後就被微軟放棄了,只剩下被整合進Visual Studio的Blend,具體可見當時的報道:
微軟終止 Web、設計和媒體工具 Expression 套件,Web 和 Design 免費提供下載
2. 為什麼是Expression Web
最近打算寫Blend的部落格,突然來了興致想看看很久沒用過的Expression Studio,因為Expression Studio中的其它幾個(Design,Encode)這兩年時不時都還會用一下,所以就拿Web來懷舊。
這篇文章為什麼分類為WPF?因為Expression Studio的剩餘價值不在於它開發Web的功能,而在於它本身是一個有趣WPF軟體。
3. Expression Web的功能
最新版的Web可以在以下地址下載:
Download Microsoft Expression Web 4 (Free Version) from Official Microsoft Download Center
安裝畫面即使現在看來也還是很漂亮,好歹當年是主打設計功能的軟體,它本身的設計也不能差。
安裝完後在“About”視窗可以看到最後更新是2012年。
這就是它的主介面,除了常用的Web設計功能,有兩個功能我印象深刻,其中一個就是上圖的Interactive Buttons,可以建立多個樣式的按鈕,並提供了這些按鈕的圖片。在當年我常常把這些圖片拿去Silverlight上用。後來我寫XAML越來越熟練,反而越來越覺得系統中的按鈕應該越簡潔越好,就再也不使用這種圖片按鈕了。
另一個印象深刻的功能是Microsoft Expression Web SuperPreview,它是微軟釋出的最好的IE除錯工具,它可以讓我們在各個版本 IE 瀏覽器下除錯網站,使得網站在各個版本 IE 瀏覽器下相容。在當時IE佔有率有絕對優勢的時候,說它是微軟釋出的最好的瀏覽器除錯工具也不為過。
可是畢竟年代久遠,在我的Windows 10電腦上已經執行不了IE6的部分,或許Windows 7 還可以試試吧。
4. Web的遺產
上面是正在被Visual Stuido 2019除錯的Expression Web。在當時Expression Studio是微軟釋出的最漂亮的WPF軟體,連右鍵選單都經過精心設計,即使現在看來都很時髦(設計潮流又輪迴了一次,最近微軟又重新喜歡上了下面這種圓角設計):
Web執行速度也很快,整體UI十分流暢。既然已經不更新了,開源才是它們最好的歸宿,畢竟現在很多WPF軟體做得還不如當年的微Expression Studio,可惜微軟完全沒這個打算。如果有興趣的話可以反編譯抄抄它的控制元件,其實很久以前已經有人做過這方面的工作,例如這個專案:
WpfExpressionBlendTheme: A WPF theme which will make an application look like Expression Blend.
5. 結語
很多年前我還偶爾會用用Expression Web,前同事的設計師當年也常常誇Web好看又好用。另一個軟體Design也很好用(10年前),有趣的是它的配色和最新的Adobe Illustrator 2020還很像,可以說微軟難得前衛了一次: