
無線裝修是如何定義無線模塊的?
文章來源:本站人氣:2152發(fā)表時間:2017-07-07【小中大】
設(shè)計師們會被運營吐槽,頁面要高大上一些,要大氣,可是無線裝修寬度有限,更有上傳尺寸限制,在軟件里顯得難以施展,可能有不少設(shè)計師的無線裝修源文件會如下圖一樣,多個源文件,每個源文件為產(chǎn)品某個分類的產(chǎn)品,規(guī)整的排版,規(guī)整的尺寸,最后上傳好的頁面同樣規(guī)整。如何打破這一裝修布局?
1.每增加一行格子,高度增加76px;
無線模塊的寬度固定為608px,高度可以根據(jù)自己的需要進(jìn)行規(guī)劃,最小規(guī)劃為四個小框才可以獨立一個子模塊,尺寸是152*152px,之后每增加一行(或列)格子,便是增加76px。所以我們的高度就很好控制不用時時打開后臺去拉一拉格子才能知道尺寸了。
2.自定義模塊每張圖片上傳后為無縫拼接;
明白這一道理之后,對于我們的版塊規(guī)劃是很有意義的,無縫的好處在于,不管頁面設(shè)計怎么做,只要大部分內(nèi)容區(qū)是處于這個尺寸里面的,方便點擊添加鏈接,那么切圖出來上傳的時候,不會影響圖片與圖片之間會存在空隙,換句話說,可以拓寬設(shè)計師在設(shè)計頁面的時候,進(jìn)行疊加每個設(shè)計內(nèi)容,而對產(chǎn)品真正做到“自定義”的展示。
要擺脫真正的自定義設(shè)計,那么就需要跳脫格子限制,正確的方式應(yīng)該是以格子尺寸為骨架,對應(yīng)去增加設(shè)計頁面的內(nèi)容,以上圖的案例為參考,按照常規(guī)做法是,海報應(yīng)用焦點圖模塊,優(yōu)惠券應(yīng)用多圖模塊,公告應(yīng)用左圖右文模塊,而我們可以嘗試的是突破使用習(xí)慣,用自定義模塊去做占屏比較多的設(shè)計版面,這樣手機用戶在瀏覽店鋪的時候,海報帶來的沖擊感會更強烈,與下面的內(nèi)容進(jìn)行疊加或者是做背景的處理,整體感也會更強。
可優(yōu)化的實操做法可以分幾步來做:
①分析頁面的策劃內(nèi)容,將自定義模塊當(dāng)成頁面設(shè)計,規(guī)劃每個內(nèi)容應(yīng)給予的篇幅大小,在草稿紙上規(guī)劃頁面大概的排版布局;
②知道每個內(nèi)容的大概布局之后,可以將內(nèi)容初步進(jìn)行排版,拉好參考線;
③由于上傳圖片時,圖片的尺寸大小至關(guān)緊要,所以在參考線一步需要多注意尺寸不要有誤,可以用選區(qū)工具拉出規(guī)定的尺寸,再拉上參考線,熟悉尺寸會對頁面的規(guī)劃有很大的幫助。
技卓芯服務(wù)熱線:0755-86541600
技卓芯公司地址:深圳市南山區(qū)桃源街道平山一路世外桃源創(chuàng)意園B棟三層
技卓芯公司官網(wǎng):http://www.downtownsvilla.com
?