B2C商城系統(tǒng)的無線裝修也可以這么6
作者: 宋博文 來源: 未知 發(fā)布時間:2016-08-17 10:49
B2C商城系統(tǒng)的無線裝修剛火起來的時候,射雞師們在運用自定義這一模塊時總是難免有點戰(zhàn)戰(zhàn)兢兢,甚至出現(xiàn)紛紛吐槽這個自定義模塊不好用的情況,隨著官方不斷完善后臺的一些功能,射雞師們也慢慢跳脫了裝修本身的一些框架限制,并且利用起這一個模塊,實現(xiàn)無線視覺的跳躍提升,下面小編就為大家總結(jié)下無線裝修的自定義模塊可以怎么玩兒~
一、理解無線自定義模塊
自定義模塊每張圖片上傳后為無縫拼接;
對于我們的版塊規(guī)劃是很有意義的,無縫的好處在于,不管頁面設(shè)計怎么做,只要大部分內(nèi)容區(qū)是處于這個尺寸里面的,方便點擊添加鏈接,那么切圖出來上傳的時候,不會影響圖片與圖片之間會存在空隙,換句話說,可以拓寬設(shè)計師在設(shè)計頁面的時候,進(jìn)行疊加每個設(shè)計內(nèi)容,而對產(chǎn)品真正做到“自定義”的展示。我們不必將產(chǎn)品限定在這三個尺寸里,只需將產(chǎn)品按照想要的排版方式排列好,做到圖片大部分內(nèi)容處于尺寸之內(nèi),如有部分圖片溢出問題也不大。因自定義模塊的拉動相對其他圖文模塊自由,所以其可設(shè)計的自由度也就更大。
二、將B2C商城系統(tǒng)無線端當(dāng)成頁面去設(shè)計,而不是作為容器去填充內(nèi)容。
要擺脫真正的自定義設(shè)計,那么就需要跳脫格子限制,正確的方式應(yīng)該是以格子尺寸為骨架,對應(yīng)去增加設(shè)計頁面的內(nèi)容,以上圖的案例為參考,按照常規(guī)做法是,海報應(yīng)用焦點圖模塊,優(yōu)惠券應(yīng)用多圖模塊,公告應(yīng)用左圖右文模塊,而我們可以嘗試的是突破使用習(xí)慣,用自定義模塊去做占屏比較多的設(shè)計版面,這樣手機(jī)用戶在瀏覽B2C商城系統(tǒng)的時候,海報帶來的沖擊感會更強(qiáng)烈,與下面的內(nèi)容進(jìn)行疊加或者是做背景的處理,整體感也會更強(qiáng)。
可優(yōu)化的實操做法可以分幾步來做:
①分析頁面的策劃內(nèi)容,將自定義模塊當(dāng)成頁面設(shè)計,規(guī)劃每個內(nèi)容應(yīng)給予的篇幅大小,在草稿紙上規(guī)劃頁面大概的排版布局;
②知道每個內(nèi)容的大概布局之后,可以將內(nèi)容初步進(jìn)行排版,拉好參考線;
③由于上傳圖片時,圖片的尺寸大小至關(guān)緊要,所以在參考線一步需要多注意尺寸不要有誤,可以用選區(qū)工具拉出規(guī)定的尺寸,再拉上參考線,熟悉尺寸會對頁面的規(guī)劃有很大的幫助。
B2C商城系統(tǒng)的無線裝修一直被關(guān)注,官方也不斷推出更豐富的無線裝修功能和營銷玩法,這都是需要我們不斷去開拓與研究的,自定義模塊與以往的操作習(xí)慣可能會有所不同,多去嘗試與瀏覽大店的手法,對于店鋪的視覺提升也會有很大的參考意義與幫助。
自定義模塊每張圖片上傳后為無縫拼接;
對于我們的版塊規(guī)劃是很有意義的,無縫的好處在于,不管頁面設(shè)計怎么做,只要大部分內(nèi)容區(qū)是處于這個尺寸里面的,方便點擊添加鏈接,那么切圖出來上傳的時候,不會影響圖片與圖片之間會存在空隙,換句話說,可以拓寬設(shè)計師在設(shè)計頁面的時候,進(jìn)行疊加每個設(shè)計內(nèi)容,而對產(chǎn)品真正做到“自定義”的展示。我們不必將產(chǎn)品限定在這三個尺寸里,只需將產(chǎn)品按照想要的排版方式排列好,做到圖片大部分內(nèi)容處于尺寸之內(nèi),如有部分圖片溢出問題也不大。因自定義模塊的拉動相對其他圖文模塊自由,所以其可設(shè)計的自由度也就更大。
二、將B2C商城系統(tǒng)無線端當(dāng)成頁面去設(shè)計,而不是作為容器去填充內(nèi)容。
要擺脫真正的自定義設(shè)計,那么就需要跳脫格子限制,正確的方式應(yīng)該是以格子尺寸為骨架,對應(yīng)去增加設(shè)計頁面的內(nèi)容,以上圖的案例為參考,按照常規(guī)做法是,海報應(yīng)用焦點圖模塊,優(yōu)惠券應(yīng)用多圖模塊,公告應(yīng)用左圖右文模塊,而我們可以嘗試的是突破使用習(xí)慣,用自定義模塊去做占屏比較多的設(shè)計版面,這樣手機(jī)用戶在瀏覽B2C商城系統(tǒng)的時候,海報帶來的沖擊感會更強(qiáng)烈,與下面的內(nèi)容進(jìn)行疊加或者是做背景的處理,整體感也會更強(qiáng)。
可優(yōu)化的實操做法可以分幾步來做:
①分析頁面的策劃內(nèi)容,將自定義模塊當(dāng)成頁面設(shè)計,規(guī)劃每個內(nèi)容應(yīng)給予的篇幅大小,在草稿紙上規(guī)劃頁面大概的排版布局;
②知道每個內(nèi)容的大概布局之后,可以將內(nèi)容初步進(jìn)行排版,拉好參考線;
③由于上傳圖片時,圖片的尺寸大小至關(guān)緊要,所以在參考線一步需要多注意尺寸不要有誤,可以用選區(qū)工具拉出規(guī)定的尺寸,再拉上參考線,熟悉尺寸會對頁面的規(guī)劃有很大的幫助。
B2C商城系統(tǒng)的無線裝修一直被關(guān)注,官方也不斷推出更豐富的無線裝修功能和營銷玩法,這都是需要我們不斷去開拓與研究的,自定義模塊與以往的操作習(xí)慣可能會有所不同,多去嘗試與瀏覽大店的手法,對于店鋪的視覺提升也會有很大的參考意義與幫助。
猜你喜歡
手機(jī)版商城系統(tǒng)內(nèi)頁排名優(yōu)化操作必學(xué)策略
2015-04-22 10:26
手機(jī)商城系統(tǒng)寫好頁面標(biāo)題的五大注意事項
2015-04-23 09:47
淺談移動云商城系統(tǒng)
2015-05-11 14:38
【本站聲明】 1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識,請您不要用于其他用途; 2、該篇文章中所涉及的商標(biāo)、標(biāo)識的商品/服務(wù)并非來源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無關(guān),系他人的商品或服務(wù),本網(wǎng)站對于該類商標(biāo)、標(biāo)識不擁有任何權(quán)利; 3、本網(wǎng)站不對該篇文章中所涉及的商標(biāo)、標(biāo)識的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保; 4、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類商品/服務(wù)詳細(xì)的資訊,請您直接與該類商品/服務(wù)的提供者聯(lián)系。