Adobe Muse CC一個流行的網頁設計工具

上個月，Adobe發布了一個更新Adobe Muse CC一個流行的可視化網頁設計工具，允許你創建網站無碼。這個新的，功能強大的工具，包括創意云。
作為一個傳統的平面設計師，Adobe繆斯打開新的大門，讓你在一個熟悉的界面，àLa Adobe InDesign，創建網站。在應用此更新以前的限制被鎖定在固定寬度的布局。繆斯支持一定時間的適應性設計和添加一個文本型特征更容易管理的可供選擇的布局，但錯過了響應式設計的重要組成部分。現在你有一個選擇，你可以決定哪種方法（反應性或適應性設計）是最適合您的特定項目。
 
工作原理
當創建一個新的網站，選擇的是前面和中心。 Adobe重新設計的新網站”對話框讓您選擇創建一個固定寬度的布局或流體寬度布局。

響應式設計的選擇是顯而易見的流體寬度。什么都沒有改變的計劃模式，但一旦在設計模式中有一個新的接口功能的具體響應設計：斷點吧。這個工作流程類似于Adobe提供邊緣回流和最近的引導功能，Dreamweaver。

添加斷點
在繆斯添加斷點簡單直觀。在右手邊你會看到一個塔，讓您調整頁面的寬度，模擬瀏覽器大小。

這個想法是添加斷點時你的設計“休息”，這可能是元素重疊，太小，或任何可能的情況。理想情況下你會單獨添加特定設備的斷點的想法，并嚴格專注于所設計的要求。這真是一個平衡的行為；響應設計的主要支持，以適應廣泛的屏幕尺寸，由于移動設備的增殖。這是體貼和做一點點計劃可以走很長的路。您可以添加許多斷點的需要。只是要注意，你擁有的越多，你越會管理的。
添加一個破發點，你可以點擊小加號，出現在斷點吧。 

一旦你添加斷點，斷點的酒吧變得顏色編碼。你可以通過右擊斷點酒吧選擇斷點屬性選項管理斷點屬性。

這將打開“斷點屬性對話框。在這里你可以控制特定的屬性，從斷點的顏色和/或位置添加列導游，斷點出現。在這個對話框中，一切都是特定于當前斷點并不會影響任何其他斷點內頁。

你可以快速瀏覽之間的斷點，通過點擊不同的章節內。在每一個斷點，你可以開始重新格式化的內容，更好地利用瀏覽器的寬度。
 
母版頁
母版頁有自己獨立的斷點，回應它們應用于頁面。這使你在母版頁特定內容的控制，一個典型的頁眉和頁腳。
就是一個
這些斷點出現在斷點上酒吧的小三角形，顯示斷點在主。你可以點擊三角形快速定位到該位置的塔。
 
格式的內容在斷點
當你添加一個斷點，你可以回流的內容有任何你喜歡的方式。時常你會采取的方式你堆棧的內容，或調整內容，所以它更容易在小屏幕上查看。顯示以下內容并不少見。由于屏幕變小的內容應該更具體。在下面的例子中，你會發現，我就從大的斷點的一二欄布局的一個較小的斷點的一三欄布局。圖片和文字變大，使它更容易在小屏幕上查看。

有一些重要的事情要記住。首先，如果你不想要的內容出現，你不應該在更小的斷點刪除不需要的內容。你要記住，這是一個網頁；它回流來改變其布局各種屏幕尺寸，但它仍然是一個HTML文檔。所以刪除它在任何給定的斷點刪除它從頁面。相反，你可以隱藏層的內容在一個特定的斷點，或右鍵單擊元件和選擇隱藏斷點。這將在選定的斷點使那塊內容看不見，但不變的人。
同樣重要的是要了解的內容大小的繆斯工作時的響應特征。默認情況下，元素創建在繆斯將規模的寬度。放置在文檔中的元素，比如一個圖像，將規模的寬度和高度比例。你可以控制這些設置在控制棒當一個元素被選中。

一種行為你可能遇到的是對象的“浮動”的一點，當瀏覽器窗口被調整。針對這些情況，Adobe已經增加了一個新的選項，叫做頁固定。這是不能混為一談的瀏覽器將選擇在以前的版本中，將“銷”元素的瀏覽器；如果用戶向下滾動頁面，固定的元素會在關的位置與內容滾動它的下面。頁面將是一個有點不同。這是在使用此選項將仍然滾動與瀏覽器的元素，但如果元素位于頁面中心無論瀏覽器的寬度是多少，元素將被鎖到頁面的中心，盡管仍然縮放尺寸時，尺寸屬性設置為。
 
遷移網站響應
如果你曾在過去的靈感，并有固定寬度的網站，可以遷移到一個響應式布局。最重要的是改變你的網站的性能。為此，選擇文件>網站屬性打開站點屬性對話框。在這里你可以改變布局從固定寬度對流體的寬度。
下一步你需要更改元素的屬性，你想成為流體。您可以通過刪除以前建立的任何引腳。然后右鍵單擊對象，選擇大小。這會給你各種響應的選項選擇。

 
結論
有幾件事，沒有準備好的“敏感時段”的繆斯。滾動效果不支持呢。這意味著如果你需要使用這些類型的效果，你就會被暫時的自適應解決方案。另外，并不是所有的部件都響應，但在Adobe的人工作，我希望這些限制都與未來的更新刪除。
在Adobe繆斯CC新的響應特征，是一個值得歡迎的除了一個已經強大的可視化網頁設計工具。它為設計人員提供了在一個環境是直觀的和熟悉的視覺和創造響應內容的能力。

牧羊人設計文章推薦：

20個獨特的網站創意組合

對設計量身打扮思考

深圳網頁設計師的顯示器新選擇

網頁設計師如何在平板電腦設計