2014-08-13 分類: 網(wǎng)站建設(shè)
Adobe Muse CC一個(gè)流行的網(wǎng)頁設(shè)計(jì)工具
上個(gè)月,Adobe發(fā)布了一個(gè)更新Adobe Muse CC一個(gè)流行的可視化網(wǎng)頁設(shè)計(jì)工具,允許你創(chuàng)建網(wǎng)站無碼。這個(gè)新的,功能強(qiáng)大的工具,包括創(chuàng)意云。
作為一個(gè)傳統(tǒng)的平面設(shè)計(jì)師,Adobe繆斯打開新的大門,讓你在一個(gè)熟悉的界面,àLa Adobe InDesign,創(chuàng)建網(wǎng)站。在應(yīng)用此更新以前的限制被鎖定在固定寬度的布局??娝怪С忠欢〞r(shí)間的適應(yīng)性設(shè)計(jì)和添加一個(gè)文本型特征更容易管理的可供選擇的布局,但錯(cuò)過了響應(yīng)式設(shè)計(jì)的重要組成部分?,F(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ì)的選擇是顯而易見的流體寬度。什么都沒有改變的計(jì)劃模式,但一旦在設(shè)計(jì)模式中有一個(gè)新的接口功能的具體響應(yīng)設(shè)計(jì):斷點(diǎn)吧。這個(gè)工作流程類似于Adobe提供邊緣回流和最近的引導(dǎo)功能,Dreamweaver。
添加斷點(diǎn)
在繆斯添加斷點(diǎn)簡單直觀。在右手邊你會(huì)看到一個(gè)塔,讓您調(diào)整頁面的寬度,模擬瀏覽器大小。
這個(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ì)劃可以走很長的路。您可以添加許多斷點(diǎn)的需要。只是要注意,你擁有的越多,你越會(huì)管理的。
添加一個(gè)破發(fā)點(diǎn),你可以點(diǎn)擊小加號(hào),出現(xiàn)在斷點(diǎn)吧。
一旦你添加斷點(diǎn),斷點(diǎn)的酒吧變得顏色編碼。你可以通過右擊斷點(diǎn)酒吧選擇斷點(diǎn)屬性選項(xiàng)管理斷點(diǎn)屬性。
這將打開“斷點(diǎn)屬性對(duì)話框。在這里你可以控制特定的屬性,從斷點(diǎn)的顏色和/或位置添加列導(dǎo)游,斷點(diǎn)出現(xiàn)。在這個(gè)對(duì)話框中,一切都是特定于當(dāng)前斷點(diǎn)并不會(huì)影響任何其他斷點(diǎn)內(nèi)頁。
你可以快速瀏覽之間的斷點(diǎn),通過點(diǎn)擊不同的章節(jié)內(nèi)。在每一個(gè)斷點(diǎn),你可以開始重新格式化的內(nèi)容,更好地利用瀏覽器的寬度。
母版頁
母版頁有自己獨(dú)立的斷點(diǎn),回應(yīng)它們應(yīng)用于頁面。這使你在母版頁特定內(nèi)容的控制,一個(gè)典型的頁眉和頁腳。
就是一個(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)容并不少見。由于屏幕變小的內(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)頁;它回流來改變其布局各種屏幕尺寸,但它仍然是一個(gè)HTML文檔。所以刪除它在任何給定的斷點(diǎn)刪除它從頁面。相反,你可以隱藏層的內(nèi)容在一個(gè)特定的斷點(diǎn),或右鍵單擊元件和選擇隱藏?cái)帱c(diǎn)。這將在選定的斷點(diǎn)使那塊內(nèi)容看不見,但不變的人。
同樣重要的是要了解的內(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),叫做頁固定。這是不能混為一談的瀏覽器將選擇在以前的版本中,將“銷”元素的瀏覽器;如果用戶向下滾動(dòng)頁面,固定的元素會(huì)在關(guān)的位置與內(nèi)容滾動(dòng)它的下面。頁面將是一個(gè)有點(diǎn)不同。這是在使用此選項(xiàng)將仍然滾動(dòng)與瀏覽器的元素,但如果元素位于頁面中心無論瀏覽器的寬度是多少,元素將被鎖到頁面的中心,盡管仍然縮放尺寸時(shí),尺寸屬性設(shè)置為。
遷移網(wǎng)站響應(yīng)
如果你曾在過去的靈感,并有固定寬度的網(wǎng)站,可以遷移到一個(gè)響應(yīng)式布局。最重要的是改變你的網(wǎng)站的性能。為此,選擇文件>網(wǎng)站屬性打開站點(diǎn)屬性對(duì)話框。在這里你可以改變布局從固定寬度對(duì)流體的寬度。
下一步你需要更改元素的屬性,你想成為流體。您可以通過刪除以前建立的任何引腳。然后右鍵單擊對(duì)象,選擇大小。這會(huì)給你各種響應(yīng)的選項(xiàng)選擇。
結(jié)論
有幾件事,沒有準(zhǔn)備好的“敏感時(shí)段”的繆斯。滾動(dòng)效果不支持呢。這意味著如果你需要使用這些類型的效果,你就會(huì)被暫時(shí)的自適應(yīng)解決方案。另外,并不是所有的部件都響應(yīng),但在Adobe的人工作,我希望這些限制都與未來的更新刪除。
在Adobe繆斯CC新的響應(yīng)特征,是一個(gè)值得歡迎的除了一個(gè)已經(jīng)強(qiáng)大的可視化網(wǎng)頁設(shè)計(jì)工具。它為設(shè)計(jì)人員提供了在一個(gè)環(huán)境是直觀的和熟悉的視覺和創(chuàng)造響應(yīng)內(nèi)容的能力。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
h5響應(yīng)式網(wǎng)站建設(shè)
seo頁面標(biāo)題對(duì)關(guān)鍵詞排名有何作用?
當(dāng)前名稱:Adobe Muse CC一個(gè)流行的網(wǎng)頁設(shè)計(jì)工具
本文路徑:http://redsoil1982.com.cn/news/20220.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、定制開發(fā)、商城網(wǎng)站、網(wǎng)站排名、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容