Adobe Muse CC一個(gè)流行的網(wǎng)頁(yè)設(shè)計(jì)工具

上個(gè)月，Adobe發(fā)布了一個(gè)更新Adobe Muse CC一個(gè)流行的可視化網(wǎng)頁(yè)設(shè)計(jì)工具，允許你創(chuàng)建網(wǎng)站無(wú)碼。這個(gè)新的，功能強(qiáng)大的工具，包括創(chuàng)意云。
作為一個(gè)傳統(tǒng)的平面設(shè)計(jì)師，Adobe繆斯打開(kāi)新的大門，讓你在一個(gè)熟悉的界面，àLa Adobe InDesign，創(chuàng)建網(wǎng)站。在應(yīng)用此更新以前的限制被鎖定在固定寬度的布局?？娝怪С忠欢〞r(shí)間的適應(yīng)性設(shè)計(jì)和添加一個(gè)文本型特征更容易管理的可供選擇的布局，但錯(cuò)過(guò)了響應(yīng)式設(shè)計(jì)的重要組成部分。現(xiàn)在你有一個(gè)選擇，你可以決定哪種方法（反應(yīng)性或適應(yīng)性設(shè)計(jì)）是最適合您的特定項(xiàng)目。
 
工作原理
當(dāng)創(chuàng)建一個(gè)新的網(wǎng)站，選擇的是前面和中心。 Adobe重新設(shè)計(jì)的新網(wǎng)站”對(duì)話框讓您選擇創(chuàng)建一個(gè)固定寬度的布局或流體寬度布局。

響應(yīng)式設(shè)計(jì)的選擇是顯而易見(jiàn)的流體寬度。什么都沒(méi)有改變的計(jì)劃模式，但一旦在設(shè)計(jì)模式中有一個(gè)新的接口功能的具體響應(yīng)設(shè)計(jì)：斷點(diǎn)吧。這個(gè)工作流程類似于Adobe提供邊緣回流和最近的引導(dǎo)功能，Dreamweaver。

添加斷點(diǎn)
在繆斯添加斷點(diǎn)簡(jiǎn)單直觀。在右手邊你會(huì)看到一個(gè)塔，讓您調(diào)整頁(yè)面的寬度，模擬瀏覽器大小。

這個(gè)想法是添加斷點(diǎn)時(shí)你的設(shè)計(jì)“休息”，這可能是元素重疊，太小，或任何可能的情況。理想情況下你會(huì)單獨(dú)添加特定設(shè)備的斷點(diǎn)的想法，并嚴(yán)格專注于所設(shè)計(jì)的要求。這真是一個(gè)平衡的行為；響應(yīng)設(shè)計(jì)的主要支持，以適應(yīng)廣泛的屏幕尺寸，由于移動(dòng)設(shè)備的增殖。這是體貼和做一點(diǎn)點(diǎn)計(jì)劃可以走很長(zhǎng)的路。您可以添加許多斷點(diǎn)的需要。只是要注意，你擁有的越多，你越會(huì)管理的。
添加一個(gè)破發(fā)點(diǎn)，你可以點(diǎn)擊小加號(hào)，出現(xiàn)在斷點(diǎn)吧。 

一旦你添加斷點(diǎn)，斷點(diǎn)的酒吧變得顏色編碼。你可以通過(guò)右擊斷點(diǎn)酒吧選擇斷點(diǎn)屬性選項(xiàng)管理斷點(diǎn)屬性。

這將打開(kāi)“斷點(diǎn)屬性對(duì)話框。在這里你可以控制特定的屬性，從斷點(diǎn)的顏色和/或位置添加列導(dǎo)游，斷點(diǎn)出現(xiàn)。在這個(gè)對(duì)話框中，一切都是特定于當(dāng)前斷點(diǎn)并不會(huì)影響任何其他斷點(diǎn)內(nèi)頁(yè)。

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

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

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

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

牧羊人設(shè)計(jì)文章推薦：

20個(gè)獨(dú)特的網(wǎng)站創(chuàng)意組合

對(duì)設(shè)計(jì)量身打扮思考

深圳網(wǎng)頁(yè)設(shè)計(jì)師的顯示器新選擇

網(wǎng)頁(yè)設(shè)計(jì)師如何在平板電腦設(shè)計(jì)