註解:

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

自適應網頁設計是建立網站的一種方式,以此方式建立的網站能在各類型的裝置上檢視,從桌上型電腦螢幕到行動裝置螢幕都沒問題。Adobe Muse 可讓您為任何大小的畫面建立自適應網站,而且完全不需要編寫程式碼。自適應版面能讓瀏覽您網站的使用者獲得一致的體驗。

在舊版的 Adobe Muse 中,建立網站時要使用多個替代版面。推出自適應版面後,您只需要維護一個 .muse 檔案,就能使網站配合所有裝置顯示。

僅限行動裝置使用及與行動裝置相容的網站越來越受歡迎,使用自適應版面可為您節省成本、時間和心力。此外,您還可以靈活地針對特定中斷點修改網頁設計。行動網站將成為未來主流。自適應網站,以及與行動裝置相容的網站在搜尋中結果中的排名較佳,也能在行動裝置與桌面搜尋中提供更好的 SEO 排名。

隨著科技與裝置持續進化,自適應版面將成為未來主流。繼續閱讀可瞭解如何在 Adobe Muse 中建立和設計自適應網站,或從替代版面移轉至自適應版面。

認識中斷點

自適應版面中的中斷點可讓您為不同的瀏覽器寬度定義不同的版面。中斷點以像素代表瀏覽器寬度,並且以最小、最大,或最小-最大值表示。每個中斷點的顯示效果就是使用者在對應的瀏覽器寬度所看到的畫面。中斷點可讓您以不同瀏覽器寬度檢視設計成品,並測試頁面中的物件會如何因應瀏覽器寬度的改變。

中斷點列就在尺標下方,會顯示頁面上的所有中斷點。

中斷點列
A. 中斷點列 B. 作用中的中斷點 C. 定位桿 

只要將滑鼠放在中斷點列上,就能看到相關的瀏覽器寬度和頁面大小值。

在中斷點上按一下後,作用中的中斷點便會以色彩醒目顯示。其餘中斷點則會以灰色顯示。您可從「中斷點屬性」(在「中斷點 > 中斷點屬性」上按一下滑鼠右鍵) 檢視和變更中斷點的顏色。

中斷點屬性

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

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