Adobe Muse CC 2015.2 及 2015.1 版

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

Adobe Muse CC (2015.2 與 2015.1) 版本具備數種令人驚嘆的全新功能與增強功能,例如:與 Adobe Comp CC 整合、改善 In-Browser Editing 工作流程、自適應版面的捲動效果、全新的橢圓工具、CC Libraries 增強功能等。請繼續閱讀,即可獲得更多新功能的相關資訊,並取得提供更多學習資源的連結。

Adobe Muse 2015.2 全新功能與增強功能

與 Adobe Comp CC 整合

Adobe Muse CC 2015.2 的新功能 | 2016 年 6 月

Adobe Muse 現已與 Adobe Comp CC 整合,iPhone 與 iPad 都可使用此應用程式。此應用程式弭平了行動裝置與桌上型電腦之間的鴻溝,您隨時隨地都能建立版面。

Comp CC 可讓您使用手勢新增元素,例如矩形、影像預留位置、文字方塊等。此應用程式可將手勢轉換為俐落的圖形,幾分鐘內就能完成版面。

Comp CC 亦與 Creative Cloud Libraries 整合。因此,您可在 Photoshop 這類的應用程式中設計功能表或標籤,並使用資源建立 Adobe Muse 版面。您在 Comp CC 中設計版面骨架時,亦可使用 Widget,例如 Adobe Muse 的地圖或聯絡表單。

Adobe Muse 與 Comp CC 整合後,就可建立版面草稿,然後按一下草稿,將草稿帶入 Adobe Muse。接著,可在 Adobe Muse 中,對版面進行最終的編修。如需瞭解如何搭配 Adobe Muse 使用 Comp CC,請參閱整合 Adobe Muse 與 Adobe Comp CC。另有一工作流程樣本,說明如何使用 Comp CC 建立 Adobe Muse 版面

In-Browser Editing

Adobe Muse CC 2015.2 的新功能 | 2016 年 6 月

Adobe Muse 的 In-Browser Editing 現已有全新改良的使用者介面。此版本 Adobe Muse 的 In-Browser Editing 具備下列新功能:

  • 檢視可編輯的項目:在 In-Browser Editing 頁面上長按,就能檢視所有可編輯的項目。
  • 編輯頁面上的文字:在 In-Browser Editing 內可編輯文字,還能在打字的同時檢視您所做的變更。
  • 還原/重做變更:現在已可還原及重做您所做的變更。
  • 載入時間更短:In-Browser Editing 現在的載入速度比以往還要快。
  • 編輯時選擇版面:亦有下拉式清單,當中列出了用 Adobe Muse 替代版面建立的樣式網站。

如需前述各功能的詳細資訊,請參閱使用 In-Browser Editing 編輯網站內容

全新開始畫面

Adobe Muse CC 2015.2 的新功能 | 2016 年 6 月

Adobe Muse 的「歡迎」畫面或「開始」畫面已更新,內有一些全新功能,例如所有 Creative Cloud 應用程式常見的新增及開啟功能表。開始畫面會顯示最近開啟的檔案與詳細資料,例如檔案名稱、上次開啟時間、檔案大小、檔案類型等。

全新 CCX 開始畫面
Adobe Muse 全新歡迎畫面

資源收集工具

Adobe Muse CC 2015.2 的新功能 | 2016 年 6 月

使用「資源」面板上的全新資源收集工具,將所有資源移到另一個位置。您現在可以將所有資源複製到電腦或硬碟上的單一資料夾。將檔案儲存至單一目的地,然後按幾下就能移動 Adobe Muse 專案。

資源收集工具
Adobe Muse 的資源收集工具

橢圓工具

Adobe Muse CC 2015.2 的新功能 | 2016 年 6 月

使用全新的橢圓工具,讓您的網站變得更美觀。直接使用此工具建立橢圓形,然後按住 Shift 鍵,用此工具畫出圓形。如需瞭解如何使用橢圓工具,請參閱使用物件

自適應設計改良功能

Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

自適應 Widget

YouTube 與 Vimeo 的 Widget 現在都可自適應調整寬度與高度。在自適應網站中使用這些 Widget,看它們依瀏覽器寬度成比例縮放。

矩形框現在都可自適應調整寬度與高度。

垂直移動控制點

Adobe Muse 的全新垂直移動控制點很容易就能同時移動多個物件。在 Adobe Muse 自適應版面選取某物件,左側邊界隨即出現垂直移動控制點。這種控制點可同時選取及移動所選物件及其下方物件。

編輯最小頁面寬度

現在可使用中斷點列,直接編輯最小頁面寬度。將滑鼠移至中斷點列裡,最小頁面大小區域的邊緣。滑鼠游標變成調整大小游標時,請按一下並拖移,就可調整最小頁面寬度。

請參閱在自適應版面中配置物件,瞭解各增強功能的詳細資訊。

CC Libraries 改良功能

 Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

現在您可將 CC Libraries 的色票新增至「色票」面板。此外,還可從 CC Libraries 選取多種色彩,將色彩新增至「色票」面板。

亦可從 CC Libraries 選擇一種色彩,在 Adobe Muse 中設成線條色彩或文字色彩。

若要瞭解如何在 Adobe Muse CC Libraries 中使用色彩,請參閱在 CC Libraries 中使用色彩一節。

規劃視圖增強功能

Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

Adobe Muse 的規劃視圖現已含有垂直版面選項。在前一版推出之前,網站的階層與結構只能水平呈現。現在只要按一下  (垂直網站地圖顯示圖示),就能垂直呈現出複雜的網站規劃。

提高 Google PageSpeed 排名

Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

Adobe Muse 現在會以非同步方式載入所有的 JavaScript。 此外,若您的網站是架設在 Apache 網頁伺服器,而您是使用 FTP 上傳網站,則會對 CSS、影像、JavaScript 檔案啟用瀏覽器快取。這些變更有助提高 Google PageSpeed 排名。

全新與現有網站目前會先等待網頁字體可以使用,再顯示頁面。現在,您可選擇是否要允許使用後援字體更快載入頁面。您可啟用此選項,請至「網站屬性」對話方塊 >「進階」索引標籤 >「網頁字體」功能表。

改善 Illustrator 工作流程

Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

您現可直接將電腦或硬碟裡的 Illustrator (.ai) 檔案讀入 Adobe Muse,不用先轉存為 SVG 檔案。

影像框增強功能

Adobe Muse CC 2015.2 的增強功能 | 2016 年 6 月

Adobe Muse 的全新影像框工具可建立矩形與橢圓形的影像框。您現可輕鬆在網站上建立影像預留位置,只要在「工具」面板按一下影像框,將影像框置入 Adobe Muse 專案即可。您可使用影像框建立骨架或版面,並在影像定稿時,填滿影像框。

影像框工具
影像框工具

Adobe Muse 2015.1 全新功能與增強功能

自適應網頁設計

Adobe Muse CC 2015.1 的新功能 | 2016 年 2 月

現在您無須編寫任何程式碼,便可針對不同畫面尺寸建立獨特的自適應網站。Adobe Muse 提供空白畫布的創作版面,完全不受範本或格點限制,非常適合設計自適應網站。

在較舊版本的 Adobe Muse 中,您只能建立調適性網站。亦即,網站可順應不同裝置的瀏覽器寬度。頁面與頁面元素不是流動的,或是無法針對每個瀏覽器寬度縮放。頁面版面已依特定瀏覽器寬度而固定。

您可以運用 Adobe Muse 中的自適應網頁設計,使用單一 Muse 檔案即可針對不同的瀏覽器寬度建立不同的版面。頁面是流動的。也就是說,可依據瀏覽器寬度成比例縮放。因此,您再也無須針對行動裝置、平板電腦與桌上型電腦建立並維護個別的頁面。

如果您對設計操作尚不熟悉希望能很快上手,則可採用初學者範本來設計自適應網站。如果您希望採用空白畫布,建立具流動版面的網站即可達成。是否想讓現有網站轉換為自適應版面呢?Muse 也能實現這個願望。 

如需瞭解如何建立及更新自適應網站,請參閱在 Adobe Muse 中建立自適應網站。您也可以觀看在 Adobe Muse 中建立自適應網站的教學課程影片

自適應網頁設計的初學者檔案

運用自適應初學者範本立即學會設計。Adobe Muse 於 Adobe Muse 網站中提供可自訂的自適應初學者檔案。請選擇合適的範本並開啟,再新增內容以適合您的需求。必要時新增中斷點,或編輯預設的中斷點。自行設計後只要簡單幾個步驟,便可發佈您的自適應網站。

如需 Adobe Muse 中自適應設計的詳細資訊,請參閱使用自適應初學者範本

Adobe Muse 中的 Creative Cloud Libraries

Adobe Muse CC 2015.1 的新功能 | 2016 年 2 月

Adobe CreativeSync 技術支援的 Creative Cloud Libraries 可讓您從家中、辦公室或是外出時存取喜愛的資源。Photoshop、Illustrator 或例如 Adobe Capture CC 這樣的行動應程式,可讓您建立影像、顏色等其他項目。還能在其他桌面與行動應用程式中輕鬆存取此類資源,享有不中斷的創作過程。

Adobe Muse 中的 Creative Cloud 整合可讓您建立自有資源,並進一步將此類資源與全球其他 Creative Cloud 使用者共用。透過 Creative Cloud Libraries 亦可存取、讀入並運用全部可使用的資源。使用「CC Libraries」面板 (「視窗 > CC Libraries」),從 Adobe Muse 存取 Creative Cloud Libraries。

您現在可以透過 Creative Cloud Libraries 存取 Creative Cloud Charts。Creative Cloud Charts 可供您建立圖表,並將圖表插入 Adobe Muse 作為連結的資源。因此每次資料變更時,您在 Adobe Muse 中的圖表也會自動更新。

如需有關在 Adobe Muse 中使用 Creative Cloud Libraries 的詳細資訊,請參閱 Adobe Muse 中的 Creative Cloud Librariese

若要觀看 Creative Cloud Libraries 教學課程影片,請按一下此連結

狀態轉變

Adobe Muse CC 2015.1 的新功能 | 2016 年 2 月

您可將轉變項目套用至網頁上的不同元素,讓版面更有趣且具吸引力。您亦可針對每個元素的狀態轉變,設定延遲、持續時間與計時選項。

選取您要在轉變狀態中設定的選單或按鈕。選擇「視窗 > 狀態」。從上方面板的「選單項目」中按一下「正常」、「作用中」或「滑鼠指向效果」等狀態後,便會顯示「轉變」選項。

根據瀏覽器是否支援 CSS3 轉變的 W3C 規格,已發佈網站的狀態轉變會有所不同。 

若要在網站上輕鬆地實作狀態轉變,請觀看此視訊

SVG 繪圖改良

Adobe Muse CC 2015.1 的新功能 | 2016 年 2 月

Adobe Muse 2015.1 可讓您將 SVG 檔案讀入到影像框中、裁切影像,和套用填色與線條。如果沒有影像框,您現在可直接讀入 SVG 檔案、建立影像框,然後裁切影像。您也可以將 SVG 影像新增到幻燈片展示。這些 SVG 繪圖改良將讓您在設計幻燈片展示時更有彈性。

若要深入瞭解 SVG 增強功能,請觀看此教學課程影片

Adobe Muse 2015.1 的增強功能

Adobe Muse CC 2015.1 的增強功能 | 2016 年 2 月

您現在可透過「環境 」選單,於「色票」面板中讀入並轉存色票庫。

Adobe Muse 2015.1 支援 Exif 環境中的旋轉偵測。如果影像中已嵌入旋轉資訊,影像置入後便可旋轉至水平。

您現可刪除現有影像框的影像內容,藉此建立空的影像框。請在已置入的影像上按兩下,再按下「刪除」。空的影像框會具有預留位置。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策