事實(shí)上,很多射雞玩家都會(huì)被操作所吐槽。 頁(yè)面要高大一些,無(wú)線家裝的長(zhǎng)度有限,上傳規(guī)格也有限制。 無(wú)法在軟件中使用它。 可能有很多射雞者。 無(wú)線家裝源文件就會(huì)如右圖所示,多個(gè)源文件,每個(gè)源文件都是某個(gè)類別的產(chǎn)品,布局整齊,規(guī)格整齊,最終上傳的頁(yè)面也整齊。 如何打破這種家居裝修布局呢? 小編給大家支招:
1.了解無(wú)線定制模塊
1、每減少一行條紋,高度就減少76px;
無(wú)線定制模塊的長(zhǎng)度固定為608px,高度可以根據(jù)自己的需求規(guī)劃。 最小規(guī)劃是四個(gè)小盒子,能夠獨(dú)立作為子模塊。 降低了 76px。 所以我們的身高控制得很好,不需要時(shí)不時(shí)的打開(kāi)后臺(tái)拉條紋了解規(guī)格。
2、自定義模塊的每張圖片上傳后無(wú)縫拼接;
明白了這個(gè)道理之后,對(duì)于我們的截面規(guī)劃來(lái)說(shuō)是非常有意義的。 無(wú)縫性的用處在于,無(wú)論頁(yè)面設(shè)計(jì)怎么做,只要大部分內(nèi)容區(qū)域在這個(gè)規(guī)范之上,就可以方便的點(diǎn)擊添加鏈接,像這樣剪切圖片時(shí),下載上傳時(shí),它不會(huì)影響圖片之間的間隙。 換句話說(shuō),它可以擴(kuò)展設(shè)計(jì)師在設(shè)計(jì)頁(yè)面時(shí)疊加各個(gè)設(shè)計(jì)內(nèi)容,真正“定制”產(chǎn)品。 “ 展示。
如上圖,三個(gè)產(chǎn)品需要裁剪成三張圖片,自定義上傳規(guī)格的長(zhǎng)度只有228px+152px+228px(排列順序可以自己調(diào)整)。 為什么此時(shí)要把產(chǎn)品限制在這三種規(guī)格呢? 將產(chǎn)品按照所需的排版形式進(jìn)行排列,使圖片的大部分內(nèi)容在規(guī)格之內(nèi),如果有些圖片溢出也問(wèn)題不大。
由于定制模塊的驅(qū)動(dòng)相對(duì)于其他圖形模塊來(lái)說(shuō)相對(duì)自由,因此其設(shè)計(jì)的自由度也更大。
2.將無(wú)線終端設(shè)計(jì)為頁(yè)面,而不是作為填充內(nèi)容的容器
想要擺脫真正的定制設(shè)計(jì),就必須擺脫條紋的限制。 正確的方法應(yīng)該是以條紋規(guī)范為骨架,相應(yīng)減少設(shè)計(jì)頁(yè)面的內(nèi)容。 上圖的情況作為參考。 使用焦點(diǎn)圖片模塊進(jìn)行報(bào)道,使用多圖模塊進(jìn)行優(yōu)惠券,使用左圖右文模塊進(jìn)行公告。 我們可以嘗試的是突破使用習(xí)慣,使用自定義模塊來(lái)制作占用大量屏幕的設(shè)計(jì)布局,這樣手機(jī)用戶在瀏覽店面時(shí),海報(bào)帶來(lái)的沖擊力會(huì)更強(qiáng),并且會(huì)和下面的內(nèi)容疊加或者作為背景進(jìn)行處理,整體感會(huì)更強(qiáng)。
實(shí)際的優(yōu)化方法可以分幾個(gè)步驟完成:
①分析頁(yè)面的規(guī)劃內(nèi)容,以自定義模塊作為頁(yè)面設(shè)計(jì),規(guī)劃各個(gè)內(nèi)容的大小,在草稿紙上規(guī)劃頁(yè)面的大致布局;
② 知道了各個(gè)內(nèi)容的大概布局后,就可以對(duì)內(nèi)容進(jìn)行初步排版,畫(huà)好參考線;
③因?yàn)樯蟼鲌D片時(shí),圖片的尺寸非常重要,所以需要多注意參考線步驟中的規(guī)格。 您可以使用選擇工具拉出指定的規(guī)格,然后拉出參考線。 熟悉規(guī)范對(duì)你規(guī)劃頁(yè)面有很大幫助。
總結(jié):
無(wú)線家裝依然備受關(guān)注,官方也不斷推出更豐富的無(wú)線家裝功能和營(yíng)銷方式。 這就需要我們不斷地開(kāi)發(fā)和研究。 自定義模塊可能與往年的操作習(xí)慣有所不同。 再試試。 瀏覽大店的方法對(duì)于店面的視覺(jué)提升也會(huì)有很大的參考意義和幫助。
186信息網(wǎng)原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明本文來(lái)自:www.2wfjd54.cn