淺談|專(zhuān)題設計 & 冰糖葫蘆原則
2016-06-21
寫(xiě)在前面的話(huà)
/ 單頁(yè)設計，簡(jiǎn)單將其比喻為在一張紙上進(jìn)行的創(chuàng )作和設計。
/ 電商中的專(zhuān)題設計都是單頁(yè)設計的一種應用。
/ 單頁(yè)最早出現在平面設計中，設計師通過(guò)用不同尺寸、材質(zhì)的紙張，在僅有的正面和反面上進(jìn)行自由設計的過(guò)程，主要用在折頁(yè)、宣傳單、海報中。
如下圖
/ 電商領(lǐng)域的單頁(yè)設計，更像是對平面單頁(yè)在使用環(huán)境上的升級，它不僅擁有平面設計中的所有設計規律，更有著(zhù)網(wǎng)站設計的很多特點(diǎn)，比如：可以利用新的視差滾動(dòng)和H5的技術(shù)，來(lái)使頁(yè)面與人的交互更密切，也使得用戶(hù)在瀏覽頁(yè)面時(shí)，更像是在閱讀一個(gè)故事。
/ 它主要出現在一些促銷(xiāo)類(lèi)的活動(dòng)頁(yè)面、產(chǎn)品介紹頁(yè)、店鋪首頁(yè)等需求中。
如下圖
整體專(zhuān)題設計的“冰糖葫蘆原則”
/ 在設計單頁(yè)的專(zhuān)題時(shí)，為了讓首屏到次屏再到內容區間的視覺(jué)更加的連貫和流暢，就要充分利用好局部對比和整體關(guān)系來(lái)使頁(yè)面效果更加的完整。
以下是我在工作中總結了幾點(diǎn)做專(zhuān)題單頁(yè)時(shí)的技巧；
01?先是單頁(yè)的點(diǎn)，這里指的是切入點(diǎn)。
/ 專(zhuān)題單頁(yè)中的切入點(diǎn)就是整體頁(yè)面中的主線(xiàn)。
/ 平面理論中的點(diǎn)用來(lái)聚焦、發(fā)散、吸引人們的注意力。
如下圖
去體驗》
02?再是單頁(yè)的線(xiàn)，線(xiàn)具有連接、引導的作用。
/ 專(zhuān)題單頁(yè)中的線(xiàn)用于引出故事的情節；
/ 運用一些藝術(shù)化的表達方式，來(lái)給頁(yè)面增加一些趣味性和裝飾性;
如下圖
03、最后是單頁(yè)的面，用于整體風(fēng)格的設計。
/ 這里的指的是對整張頁(yè)面的完成度；
/ 單頁(yè)設計不要局限于完成首屏設計或者某個(gè)單一元素的設計中。
/ 它強調的是從頭到尾、（首屏到次屏再到內容區，再到最底部）、從局部到整體的一種視覺(jué)聯(lián)系。
下面我們來(lái)看3組優(yōu)秀的設計
溫馨提示：》－《 頁(yè)面長(cháng)，內容多，請隨時(shí)做好去廁所的準備哈?
接下來(lái)是我整理的10個(gè)專(zhuān)題單頁(yè)的技巧，
主要是一些大的理論點(diǎn)，大家結合著(zhù)自己的專(zhuān)題去思考吧。
01、頭圖有個(gè)點(diǎn)，下面設計才好接
/ 頭圖元素的設計不分楚河和漢界。
/ 不能只抱著(zhù)做個(gè)頭圖就完事的想法去做單頁(yè)面，要讓頭圖視覺(jué)和下面的內容有聯(lián)系。
/ 打破首屏(就是俗稱(chēng)的頭圖)與次屏在設計上有明顯的顏色條分隔、形式分隔、線(xiàn)分隔等。
如下圖紅圈所示的位置就是頭圖的高度所在，一般頭圖的高度值建議在450?600之間，太高了就會(huì )浪費空間。
02、承上啟下很重要，頁(yè)面有頭也有尾
/ 所謂的承上啟下，就是說(shuō)頁(yè)面中要有一個(gè)貫穿整體的主要元素，去構成整張頁(yè)面的視覺(jué)焦點(diǎn)。
/ 讓元素頭尾呼應，上下連貫。
舉個(gè)例子
01.圖中紅圈所示
專(zhuān)題中出現的主要元素如：頭和尾部的元素要在視覺(jué)上做到呼應和一致性;
02.圖中黑圈所示
專(zhuān)題中貫穿整體的這個(gè)元素，一定要在整體頁(yè)面中一筆直下，一氣呵成，否則就會(huì )出現斷點(diǎn)的感覺(jué)。如果在實(shí)際需求應用中無(wú)法做到整體設計的表現，那么也應該盡量在局部或者某些元素的運用上做到這點(diǎn)。
03、背景顏色要整體，慎用色塊“切豆腐”
/ 盡量不要用色塊進(jìn)行頁(yè)面內容的分區，整體的單頁(yè)設計大多用的是單一顏色的背景。
/ 對于一些平臺型的活動(dòng)單頁(yè)來(lái)講，我們?？吹揭恍┯貌煌珘K分區的設計。當然，這樣的處理方式是為了更好的分出不同的活動(dòng)內容，也是做為設計的表現形式。
/ 對于品類(lèi)專(zhuān)題、店鋪首頁(yè)來(lái)說(shuō)多色塊的分隔顯然整體性會(huì )差一些。
如下圖
01.左圖是整塊的暗藍色的背景，沒(méi)有任何分區，整體頁(yè)面看著(zhù)比較統一;
02.右圖是分塊的淺色系的背景，利用顏色進(jìn)行分區，使得整體頁(yè)面比較活潑和俏皮。
(注：并不是說(shuō)不能用多色塊對頁(yè)面內容進(jìn)行分區，而是要看具體的需求和主題，選擇用不同的形式去表現)
04、由點(diǎn)到面整體感，切記東拼和西湊
/ 上面講到元素的重復出現是為了更好的連接由點(diǎn)到面的整體感;
/ 但是出現在整體中的元素或東拼西湊、或風(fēng)格千奇百變的話(huà)，那么單頁(yè)的整體性還是會(huì )大大折扣。
/ 無(wú)論從排版上、字體選擇上、按鈕樣式、色彩等方面都要做到一致性，這樣的單頁(yè)才是整體的。
如圖所示
05、一眼看完3屏多，不做留白就得暈
/ 單頁(yè)因其把所有信息和元素都集中表現在一整張頁(yè)面中，所以單頁(yè)設計也注定是能超過(guò)3屏以上的頁(yè)面設計。
/ 既然是長(cháng)版的整體頁(yè)面，信息量又都很大，那就應該對每屏間的高度適當控制，既要保持屏與屏之間的可呼吸性和留白，給人們放松和喘息的空間。
舉個(gè)例子
留白并不是特指白色哦?！?
/ 在使用留白時(shí)，要注意不要因為頁(yè)面有留白和大空隙的出現，使得整體視覺(jué)的連接上，出現視覺(jué)斷點(diǎn)的情況。要盡量做到屏內可緊、屏外可松，讓整體頁(yè)面充滿(mǎn)節奏感。
06、整體想了，整體做，整體看
/ 整張頁(yè)面設計強調的是整體從點(diǎn)、到線(xiàn)、再到面的構思和表現，它不光只是產(chǎn)出一個(gè)首屏視覺(jué)(頭圖)和一個(gè)內容區各自獨立的體現。
/ 而更多的要求我們在設計中用放大局部來(lái)看細節，縮小頁(yè)面來(lái)看整體頁(yè)面的方法去完成一張超高的，具有創(chuàng )意和實(shí)用平衡的頁(yè)面設計。
舉個(gè)例子
如圖所示的幾個(gè)放大效果，在細節的處理和技巧上都是很棒的哦。
07、整體專(zhuān)題怎么做，注重形式就能破
/ 單頁(yè)設計的最大特點(diǎn)就是強調對整體形式感的表達；
/ 正是因為過(guò)分強調形式感的東西，所以整張頁(yè)面的效果就要具有十足的特色和精巧的創(chuàng )意性，才能必免流于普通單頁(yè)設計行列中。
從而吸引用戶(hù)眼球，讓用戶(hù)跟隨整體的設計去體驗完整的頁(yè)面信息，形成對整張頁(yè)面較完整的用戶(hù)體驗和視覺(jué)認識。
舉個(gè)例子
01.左圖是我當時(shí)做的一個(gè)圣誕節的整體創(chuàng )意頁(yè)面，以禮結的形式貫穿整體設計中。當時(shí)做的時(shí)候，就把整體的禮結元素放大化，做為主元素去表現;
02.右圖是一個(gè)國外戶(hù)外專(zhuān)題單頁(yè)的設計，整體以?xún)A斜感的折線(xiàn)為主元素，具有動(dòng)感、運動(dòng)的印象。同時(shí)，結合非常有動(dòng)勢的人物圖片使得整體頁(yè)面的動(dòng)感時(shí)足。
頁(yè)面已超過(guò)幾萬(wàn)像素了，親你還在看嗎？@！@
08、整體設計故事化，頁(yè)面才能吸引人
/ 當你設計單頁(yè)頁(yè)面時(shí)，在構思之初給整體頁(yè)面設定出一個(gè)故事，讓頁(yè)面具有新穎的主題性，那單頁(yè)給用戶(hù)的視覺(jué)體驗也會(huì )更棒。
/ 下面二個(gè)作品，都是我和 蒸個(gè)饅頭http://www.zcool.com.cn.zcool.cn.zcool.cn.zcool.cn.zcool.cn.zcool.cn/u/368823 在銀泰做的作品。
/ 二個(gè)作品從立意到技法，到設計都脫離了傳統電商的折扣表現。比較有意思，想知道這里面的技法細節和更多的幕后知識嗎?
09、視差滾動(dòng)好助手，單頁(yè)發(fā)展新潮流
滾屏動(dòng)畫(huà)的特點(diǎn)在于
/ 首先它是用來(lái)循序漸進(jìn)的講故事;
/ 然后利用完美的順滑的瀏覽體驗，將各個(gè)內容間無(wú)縫且精巧的連接起來(lái)局部某些元素去做分層的動(dòng)畫(huà)特效;
/ 最后使現在極簡(jiǎn)的、扁平的頁(yè)面設計，有了點(diǎn)晴之處!
如下圖所示，來(lái)自蒂芙尼。
分享一下我的觀(guān)后感
跟著(zhù)漫天飛舞的，飄逸在蒂芙尼的純凈世界。
這里有開(kāi)啟幸福的鑰匙、有城市的記憶、有定情的禮物、有盟約的海誓，來(lái)吧，一起探索屬于你和我的蒂芙尼。
個(gè)人解讀
/ 左右搖擺的雪花帶著(zhù)觀(guān)者的視線(xiàn)一步步的去發(fā)現精彩世界，純凈的白色折紙搭出了西式的唯美建筑與城市街景，折紙的陰影很倒位，把原本平鋪的紙，有了空間和立體感;
/ 清新的湖水綠與純凈的白色搭配，完全定義了愛(ài)的純真。
/ 滾屏技術(shù)的運用，像首樂(lè )曲循序漸進(jìn)的去聆聽(tīng)這美妙故事;
去體驗》
幾個(gè)視差滾動(dòng)的案例分享：
http://memories.sutueatsflies.com/
http://tati-express.arte.tv/fr/
http://philwappler.de/
https://www.sodastreamusa.com/pepsihomemade/
http://nicolauska.sk/
10、H5動(dòng)效新趨勢，人機交互有看頭
H5和動(dòng)效的出現，使得專(zhuān)題活了起來(lái)，不再是死板的純靜態(tài)圖片。
H5和動(dòng)效的出現，使得專(zhuān)題的整體體驗更像是在看一場(chǎng)精心安排的故事一樣。
如下圖
設計版權歸太平洋網(wǎng)絡(luò )所有
算是一種新的嘗試案例。也希望自己以后可以做一個(gè)這樣的例子!
(細琢磨一下，專(zhuān)題里共推薦了40款商品以?xún)?，算中小型推薦活動(dòng)!但是里面的文案和畫(huà)面結合的超贊，加上H5技術(shù)提升了用戶(hù)瀏覽體驗，改變了現有大多數電商平臺，靜態(tài)展示、強迫似推銷(xiāo)的路子)!
整體策劃，以故事性為主 讓用戶(hù)在觀(guān)看畫(huà)面時(shí)，連帶推銷(xiāo)!或者這樣的創(chuàng )新現在看來(lái)有些不符合運營(yíng)們的路子，但是這樣的方式或許是將來(lái)流行的趨勢
去體驗》
總結起來(lái)9個(gè)字
整體想、整體做、整體看
10句話(huà)
10、H5動(dòng)效新趨勢，人機交互有看頭
9、視差滾動(dòng)好助手，單頁(yè)發(fā)展新潮流
8、整體設計故事化，頁(yè)面才能吸引人
7、整體專(zhuān)題怎么做，注重形式就能破
6、整體想了，整體做，整體看
5、一眼看完3屏多，不做留白就得暈
4、由點(diǎn)到面整體感，切記東拼和西湊
3、背景顏色要整體，慎用色塊“切豆腐”
2、承上啟下很重要，頁(yè)面有頭也有尾
1、頭圖有個(gè)點(diǎn)，下面設計才好接
/ 單頁(yè)設計，簡(jiǎn)單將其比喻為在一張紙上進(jìn)行的創(chuàng )作和設計。
/ 電商中的專(zhuān)題設計都是單頁(yè)設計的一種應用。
/ 單頁(yè)最早出現在平面設計中，設計師通過(guò)用不同尺寸、材質(zhì)的紙張，在僅有的正面和反面上進(jìn)行自由設計的過(guò)程，主要用在折頁(yè)、宣傳單、海報中。
如下圖
/ 電商領(lǐng)域的單頁(yè)設計，更像是對平面單頁(yè)在使用環(huán)境上的升級，它不僅擁有平面設計中的所有設計規律，更有著(zhù)網(wǎng)站設計的很多特點(diǎn)，比如：可以利用新的視差滾動(dòng)和H5的技術(shù)，來(lái)使頁(yè)面與人的交互更密切，也使得用戶(hù)在瀏覽頁(yè)面時(shí)，更像是在閱讀一個(gè)故事。
/ 它主要出現在一些促銷(xiāo)類(lèi)的活動(dòng)頁(yè)面、產(chǎn)品介紹頁(yè)、店鋪首頁(yè)等需求中。
如下圖
整體專(zhuān)題設計的“冰糖葫蘆原則”
/ 在設計單頁(yè)的專(zhuān)題時(shí)，為了讓首屏到次屏再到內容區間的視覺(jué)更加的連貫和流暢，就要充分利用好局部對比和整體關(guān)系來(lái)使頁(yè)面效果更加的完整。
以下是我在工作中總結了幾點(diǎn)做專(zhuān)題單頁(yè)時(shí)的技巧；
01?先是單頁(yè)的點(diǎn)，這里指的是切入點(diǎn)。
/ 專(zhuān)題單頁(yè)中的切入點(diǎn)就是整體頁(yè)面中的主線(xiàn)。
/ 平面理論中的點(diǎn)用來(lái)聚焦、發(fā)散、吸引人們的注意力。
如下圖
去體驗》
02?再是單頁(yè)的線(xiàn)，線(xiàn)具有連接、引導的作用。
/ 專(zhuān)題單頁(yè)中的線(xiàn)用于引出故事的情節；
/ 運用一些藝術(shù)化的表達方式，來(lái)給頁(yè)面增加一些趣味性和裝飾性;
如下圖
03、最后是單頁(yè)的面，用于整體風(fēng)格的設計。
/ 這里的指的是對整張頁(yè)面的完成度；
/ 單頁(yè)設計不要局限于完成首屏設計或者某個(gè)單一元素的設計中。
/ 它強調的是從頭到尾、（首屏到次屏再到內容區，再到最底部）、從局部到整體的一種視覺(jué)聯(lián)系。
下面我們來(lái)看3組優(yōu)秀的設計
溫馨提示：》－《 頁(yè)面長(cháng)，內容多，請隨時(shí)做好去廁所的準備哈?
接下來(lái)是我整理的10個(gè)專(zhuān)題單頁(yè)的技巧，
主要是一些大的理論點(diǎn)，大家結合著(zhù)自己的專(zhuān)題去思考吧。
01、頭圖有個(gè)點(diǎn)，下面設計才好接
/ 頭圖元素的設計不分楚河和漢界。
/ 不能只抱著(zhù)做個(gè)頭圖就完事的想法去做單頁(yè)面，要讓頭圖視覺(jué)和下面的內容有聯(lián)系。
/ 打破首屏(就是俗稱(chēng)的頭圖)與次屏在設計上有明顯的顏色條分隔、形式分隔、線(xiàn)分隔等。
如下圖紅圈所示的位置就是頭圖的高度所在，一般頭圖的高度值建議在450?600之間，太高了就會(huì )浪費空間。
02、承上啟下很重要，頁(yè)面有頭也有尾
/ 所謂的承上啟下，就是說(shuō)頁(yè)面中要有一個(gè)貫穿整體的主要元素，去構成整張頁(yè)面的視覺(jué)焦點(diǎn)。
/ 讓元素頭尾呼應，上下連貫。
舉個(gè)例子
01.圖中紅圈所示
專(zhuān)題中出現的主要元素如：頭和尾部的元素要在視覺(jué)上做到呼應和一致性;
02.圖中黑圈所示
專(zhuān)題中貫穿整體的這個(gè)元素，一定要在整體頁(yè)面中一筆直下，一氣呵成，否則就會(huì )出現斷點(diǎn)的感覺(jué)。如果在實(shí)際需求應用中無(wú)法做到整體設計的表現，那么也應該盡量在局部或者某些元素的運用上做到這點(diǎn)。
03、背景顏色要整體，慎用色塊“切豆腐”
/ 盡量不要用色塊進(jìn)行頁(yè)面內容的分區，整體的單頁(yè)設計大多用的是單一顏色的背景。
/ 對于一些平臺型的活動(dòng)單頁(yè)來(lái)講，我們?？吹揭恍┯貌煌珘K分區的設計。當然，這樣的處理方式是為了更好的分出不同的活動(dòng)內容，也是做為設計的表現形式。
/ 對于品類(lèi)專(zhuān)題、店鋪首頁(yè)來(lái)說(shuō)多色塊的分隔顯然整體性會(huì )差一些。
如下圖
01.左圖是整塊的暗藍色的背景，沒(méi)有任何分區，整體頁(yè)面看著(zhù)比較統一;
02.右圖是分塊的淺色系的背景，利用顏色進(jìn)行分區，使得整體頁(yè)面比較活潑和俏皮。
(注：并不是說(shuō)不能用多色塊對頁(yè)面內容進(jìn)行分區，而是要看具體的需求和主題，選擇用不同的形式去表現)
04、由點(diǎn)到面整體感，切記東拼和西湊
/ 上面講到元素的重復出現是為了更好的連接由點(diǎn)到面的整體感;
/ 但是出現在整體中的元素或東拼西湊、或風(fēng)格千奇百變的話(huà)，那么單頁(yè)的整體性還是會(huì )大大折扣。
/ 無(wú)論從排版上、字體選擇上、按鈕樣式、色彩等方面都要做到一致性，這樣的單頁(yè)才是整體的。
如圖所示
05、一眼看完3屏多，不做留白就得暈
/ 單頁(yè)因其把所有信息和元素都集中表現在一整張頁(yè)面中，所以單頁(yè)設計也注定是能超過(guò)3屏以上的頁(yè)面設計。
/ 既然是長(cháng)版的整體頁(yè)面，信息量又都很大，那就應該對每屏間的高度適當控制，既要保持屏與屏之間的可呼吸性和留白，給人們放松和喘息的空間。
舉個(gè)例子
留白并不是特指白色哦?！?
/ 在使用留白時(shí)，要注意不要因為頁(yè)面有留白和大空隙的出現，使得整體視覺(jué)的連接上，出現視覺(jué)斷點(diǎn)的情況。要盡量做到屏內可緊、屏外可松，讓整體頁(yè)面充滿(mǎn)節奏感。
06、整體想了，整體做，整體看
/ 整張頁(yè)面設計強調的是整體從點(diǎn)、到線(xiàn)、再到面的構思和表現，它不光只是產(chǎn)出一個(gè)首屏視覺(jué)(頭圖)和一個(gè)內容區各自獨立的體現。
/ 而更多的要求我們在設計中用放大局部來(lái)看細節，縮小頁(yè)面來(lái)看整體頁(yè)面的方法去完成一張超高的，具有創(chuàng )意和實(shí)用平衡的頁(yè)面設計。
舉個(gè)例子
如圖所示的幾個(gè)放大效果，在細節的處理和技巧上都是很棒的哦。
07、整體專(zhuān)題怎么做，注重形式就能破
/ 單頁(yè)設計的最大特點(diǎn)就是強調對整體形式感的表達；
/ 正是因為過(guò)分強調形式感的東西，所以整張頁(yè)面的效果就要具有十足的特色和精巧的創(chuàng )意性，才能必免流于普通單頁(yè)設計行列中。
從而吸引用戶(hù)眼球，讓用戶(hù)跟隨整體的設計去體驗完整的頁(yè)面信息，形成對整張頁(yè)面較完整的用戶(hù)體驗和視覺(jué)認識。
舉個(gè)例子
01.左圖是我當時(shí)做的一個(gè)圣誕節的整體創(chuàng )意頁(yè)面，以禮結的形式貫穿整體設計中。當時(shí)做的時(shí)候，就把整體的禮結元素放大化，做為主元素去表現;
02.右圖是一個(gè)國外戶(hù)外專(zhuān)題單頁(yè)的設計，整體以?xún)A斜感的折線(xiàn)為主元素，具有動(dòng)感、運動(dòng)的印象。同時(shí)，結合非常有動(dòng)勢的人物圖片使得整體頁(yè)面的動(dòng)感時(shí)足。
頁(yè)面已超過(guò)幾萬(wàn)像素了，親你還在看嗎？@！@
08、整體設計故事化，頁(yè)面才能吸引人
/ 當你設計單頁(yè)頁(yè)面時(shí)，在構思之初給整體頁(yè)面設定出一個(gè)故事，讓頁(yè)面具有新穎的主題性，那單頁(yè)給用戶(hù)的視覺(jué)體驗也會(huì )更棒。
/ 下面二個(gè)作品，都是我和 蒸個(gè)饅頭http://www.zcool.com.cn.zcool.cn.zcool.cn.zcool.cn.zcool.cn.zcool.cn/u/368823 在銀泰做的作品。
/ 二個(gè)作品從立意到技法，到設計都脫離了傳統電商的折扣表現。比較有意思，想知道這里面的技法細節和更多的幕后知識嗎?
09、視差滾動(dòng)好助手，單頁(yè)發(fā)展新潮流
滾屏動(dòng)畫(huà)的特點(diǎn)在于
/ 首先它是用來(lái)循序漸進(jìn)的講故事;
/ 然后利用完美的順滑的瀏覽體驗，將各個(gè)內容間無(wú)縫且精巧的連接起來(lái)局部某些元素去做分層的動(dòng)畫(huà)特效;
/ 最后使現在極簡(jiǎn)的、扁平的頁(yè)面設計，有了點(diǎn)晴之處!
如下圖所示，來(lái)自蒂芙尼。
分享一下我的觀(guān)后感
跟著(zhù)漫天飛舞的，飄逸在蒂芙尼的純凈世界。
這里有開(kāi)啟幸福的鑰匙、有城市的記憶、有定情的禮物、有盟約的海誓，來(lái)吧，一起探索屬于你和我的蒂芙尼。
個(gè)人解讀
/ 左右搖擺的雪花帶著(zhù)觀(guān)者的視線(xiàn)一步步的去發(fā)現精彩世界，純凈的白色折紙搭出了西式的唯美建筑與城市街景，折紙的陰影很倒位，把原本平鋪的紙，有了空間和立體感;
/ 清新的湖水綠與純凈的白色搭配，完全定義了愛(ài)的純真。
/ 滾屏技術(shù)的運用，像首樂(lè )曲循序漸進(jìn)的去聆聽(tīng)這美妙故事;
去體驗》
幾個(gè)視差滾動(dòng)的案例分享：
http://memories.sutueatsflies.com/
http://tati-express.arte.tv/fr/
http://philwappler.de/
https://www.sodastreamusa.com/pepsihomemade/
http://nicolauska.sk/
10、H5動(dòng)效新趨勢，人機交互有看頭
H5和動(dòng)效的出現，使得專(zhuān)題活了起來(lái)，不再是死板的純靜態(tài)圖片。
H5和動(dòng)效的出現，使得專(zhuān)題的整體體驗更像是在看一場(chǎng)精心安排的故事一樣。
如下圖
設計版權歸太平洋網(wǎng)絡(luò )所有
算是一種新的嘗試案例。也希望自己以后可以做一個(gè)這樣的例子!
(細琢磨一下，專(zhuān)題里共推薦了40款商品以?xún)?，算中小型推薦活動(dòng)!但是里面的文案和畫(huà)面結合的超贊，加上H5技術(shù)提升了用戶(hù)瀏覽體驗，改變了現有大多數電商平臺，靜態(tài)展示、強迫似推銷(xiāo)的路子)!
整體策劃，以故事性為主 讓用戶(hù)在觀(guān)看畫(huà)面時(shí)，連帶推銷(xiāo)!或者這樣的創(chuàng )新現在看來(lái)有些不符合運營(yíng)們的路子，但是這樣的方式或許是將來(lái)流行的趨勢
去體驗》
總結起來(lái)9個(gè)字
整體想、整體做、整體看
10句話(huà)
10、H5動(dòng)效新趨勢，人機交互有看頭
9、視差滾動(dòng)好助手，單頁(yè)發(fā)展新潮流
8、整體設計故事化，頁(yè)面才能吸引人
7、整體專(zhuān)題怎么做，注重形式就能破
6、整體想了，整體做，整體看
5、一眼看完3屏多，不做留白就得暈
4、由點(diǎn)到面整體感，切記東拼和西湊
3、背景顏色要整體，慎用色塊“切豆腐”
2、承上啟下很重要，頁(yè)面有頭也有尾
1、頭圖有個(gè)點(diǎn)，下面設計才好接
訪(fǎng)問(wèn)手機端更方便
技術(shù)創(chuàng )造價(jià)值 服務(wù)締造品牌
Copyright ? 2011-2024 鄭州開(kāi)拓者電子科技有限公司 All Rights Reserved
友情鏈接：
小程序開(kāi)發(fā)