首頁 > 網頁教程 > 設計分享 > 電商設計:如何提升詳情頁設計效果?

電商設計:如何提升詳情頁設計效果?

時間:2019-10-04    來源:美工美邦

從事電商方面的設計師,詳情頁設計可以說是必修課。好的詳情頁會給帶給用戶更流暢的視覺體驗、更直觀的產品信息、亮點等等,也有助于提升交易的達成率。正是如此,所以很多商家不惜重金請設計師為其打造爆款產品的詳情頁,由此可見詳情頁在電商設計中的重要程度。本期和大家一起分析總結:如何把詳情頁做得足夠出彩,詳情頁做不好需要從哪些方面進行提升?

構圖形式

目前被認可的一種詳情頁設計形式是分屏式,就是按照手機端設計思維,以一屏為單位制作,最后整合成一個完整的詳情頁,這種形式有助于提升視覺流暢度及內容識別度,所以我們可以將每一屏都當作一張海報來制作。而說到海報,就離不開設計構圖。

詳情頁的構圖與傳統的 PC 端海報有所不同,因為詳情頁設計更注重手機端,所以一屏的內容又可以看做是手機端豎向的海報。而一幅出彩的海報,必然需要優質的骨架。

那么常見豎向海報構圖形式有哪些?下面為大家總結了幾種在詳情頁設計中比較實用的構圖形式:

如圖所示,這三種構圖形式看似簡單,實則兼顧了手機端的很多必要點,比如:視覺的流暢度、整潔度、辨識度、用戶的接受度等等,詳情頁設計在構圖及版式方面并不需要很復雜,反而干凈整齊的畫面更易于視覺表達,也更利于手機端展示。

這三種構圖形式在詳情頁中使用頻率是非常高的,下面我們看幾組案例:

看似簡單的構圖,反而在詳情頁設計中非常實用,僅靠這三種構圖,完全可以做出很優秀的詳情頁。另外還有一些從這三類衍生的構圖形式,也比較常用:

文案在配圖下半部分的這類構圖相比而言用的少一些、也難把控一些,當然用的好了在版式上會有打破、眼前一亮的視覺感受,只是這類構圖不宜多用,完整的詳情頁中出現 1-2 次即可。而左右式配圖+文案的形式是比較常用的,下面看組案例:

詳情頁的構圖不宜太復雜,這六種構圖形式完全夠日常工作,只需選取其中 1-3 種構圖形式交替使用即可。以上構圖示例中標識的裝飾元素可以是線條、英文、圖標、數字、實物素材等等,也可以選擇不使用,具體情況根據配圖的留白以及重心靈活使用即可。

所以,詳情頁中每一屏的構圖并不難,完全可以把這六種構圖形式當做公式,需要哪種直接套用其結構就可以(結構類似即可,并非要求1:1)。另外配圖形式可以分為三種:全屏、半屏、透明圖,具體的構圖形式需要結合畫面整體的重心、留白、美觀度決定。更通俗一些的話,構圖就可以理解為填空,內容就往空的地方填,注意好適量的留白。

當透明圖作為配圖時,不管哪種構圖形式都有可能出現空的現象,這時我們可以用一些具有裝飾性的數字、英文、線條、形狀、文字等等進行填充。舉例說明:

案例中的文字、數字與產品相互結合,既解決了空的問題、提升了整體的飽滿度,又在形式上做到的新穎、有創意。構圖形式與前面所說的皆能吻合。

相關推薦
平面設計與網頁設計的差異性淺析
網站設計教程分享 回歸內容“簡潔大氣”設計指南
優秀網頁/平面設計師是怎樣煉成的
平面設計中關于控制視覺層次的設計方法
網站Banner廣告設計經驗談
一個設計師的成長:或許要經歷的5個階段
關門漲姿勢!如何從AV封面中學習平面設計?
10個簡單實用的平面設計方法分享
學多不如錯少!五個最常見的設計思維誤區
精彩總在下半夜:如何從AV封面中學平面設計
字體設計教程:字體還能這么玩 聊聊文字的“性取向”
讀懂十大未來設計趨勢,別讓你的設計白費力氣
為什么頁面跟設計稿差距這么大?是啊!為毛啊?
UI、UX傻傻分不清楚?來一份清晰詳盡的設計師分工指南
親歷者說!日本的平面設計水平為什么這么高?
年度總結:最新視覺設計六大趨勢分享
設計師實戰總結:如何自學平面設計?
創意思維:如何進行封面設計?
設計分享:新手如何快速入門版式規劃?
什么是構圖?設計都有那些構圖原則?
9個案例讓你了解版式設計的基本規則
12個讓數字更具設計感的實用方法分享
電商設計:5個快速進階的電商Banner設計技巧
從人性的角度,揭露電商Banner設計背后的14個秘密
電商設計:韓國電商BANNER的構圖/配色/元素/應用分析
電商產品設計感想:你真的認識購物車嗎?
電商商品詳情頁如何通過設計提升轉化率?
電商設計教程:電商APP首頁設計總結
垂直電商APP首頁設計總結
電商設計:用可視化編輯,解構看起炫酷的專題頁面
設計一個優秀的電商網站需注意那些方面?
分享:如何才能讓你的設計作品耐看?
淘寶品牌名店的BANNER廣告設計評價及分析(2)
扁平化風格的網頁設計案例欣賞

精彩推薦

熱門教程

北京pk10走势图下载 排列五走势图彩经 陕西十一选五推荐 吉祥麻将下载 网上卖什么食品赚钱吗 双色球出号分析图 内蒙古11选5前三走势图 开百货商场赚钱吗 大乐透后区和值走势图彩吧助手 456棋盘 天空彩票与你同行 云南十一选五技巧规则 收藏名表能赚钱吗