電商領域的單頁設計，更像是對平面單頁在使用環境上的升級，它不僅擁有平面設計中的所有設計規律，更有著網站設計的很多特點。
比如：可以利用新的視差滾動和H5的技術，來使頁面與人的交互更密切，也使得用戶在瀏覽頁面時，更像是在閱讀一個故事。
它主要出現在一些促銷類的活動頁面、產品介紹頁、店鋪首頁等需求中。
如下圖：
在設計單頁的專題時，為了讓首屏到次屏再到內容區間的視覺更加的連貫和流暢，就要充分利用好局部對比和整體關系來使頁面效果更加的完整。
平面理論中的點用來聚焦、發散、吸引人們的注意力。
如下圖：
運用一些藝術化的表達方式，來給頁面增加一些趣味性和裝飾性。
如下圖：
單頁設計不要局限于完成首屏設計或者某個單一元素的設計中。
下面我們來看3組優秀的設計：
接下來是我整理的10個專題設計的技巧， 主要是一些大的理論點，大家結合著自己的專題去思考吧。
打破首屏（就是俗稱的頭圖）與次屏在設計上有明顯的顏色條分隔、形式分隔、線分隔等。
如下圖，紅圈所示的位置就是頭圖的高度所在，一般頭圖的高度值建議在450?600之間，太高了就會浪費空間。
讓元素頭尾呼應，上下連貫。
舉個例子：
專題中出現的主要元素如：頭和尾部的元素要在視覺上做到呼應和一致性；
專題中貫穿整體的這個元素，一定要在整體頁面中一筆直下，一氣呵成，否則就會出現斷點的感覺。
如果在實際需求應用中無法做到整體設計的表現，那么也應該盡量在局部或者某些元素的運用上做到這點。
對于一些平臺型的活動單頁來講，我們常看到一些用不同色塊分區的設計。當然，這樣的處理方式是為了更好的分出不同的活動內容，也是做為設計的表現形式。
如下圖：
（注：并不是說不能用多色塊對頁面內容進行分區，而是要看具體的需求和主題，選擇用不同的形式去表現）
上面講到元素的重復出現是為了更好的連接由點到面的整體感；
如圖所示：
單頁因其把所有信息和元素都集中表現在一整張頁面中，所以單頁設計也注定是能超過3屏以上的頁面設計。
舉個例子：
在使用留白時，要注意不要因為頁面有留白和大空隙的出現，使得整體視覺的連接上，出現視覺斷點的情況。要盡量做到屏內可緊、屏外可松，讓整體頁面充滿節奏感。
整張頁面設計強調的是整體從點、到線、再到面的構思和表現，它不光只是產出一個首屏視覺（頭圖）和一個內容區各自獨立的體現。
舉個例子：
如圖所示的幾個放大效果，在細節的處理和技巧上都是很棒的哦。
正是因為過分強調形式感的東西，所以整張頁面的效果就要具有十足的特色和精巧的創意性，才能必免流于普通單頁設計行列中。
從而吸引用戶眼球，讓用戶跟隨整體的設計去體驗完整的頁面信息，形成對整張頁面較完整的用戶體驗和視覺認識。
舉個例子：
當你設計單頁頁面時，在構思之初給整體頁面設定出一個故事，讓頁面具有新穎的主題性，那單頁給用戶的視覺體驗也會更棒。
二個作品從立意到技法，到設計都脫離了傳統電商的折扣表現。比較有意思，想知道這里面的技法細節和更多的幕后知識嗎？
滾屏動畫的特點在于：
如下圖所示，來自蒂芙尼。
分享一下我的觀后感：
跟著漫天飛舞的，飄逸在蒂芙尼的純凈世界。
這里有開啟幸福的鑰匙、有城市的記憶、有定情的禮物、有盟約的海誓，來吧，一起探索屬于你和我的蒂芙尼。
文章轉載請保留網址：http://aberdeenanguscattle.com/news/industry/1806.html
