一張完整的詳情頁，按照現在分屏式的設計，大概也都會在10屏左右，從第一屏到最后一屏，對于詳情頁整體呈現效果來說都非常重要。

但是在現實工作中，很多設計師喜歡過分強調首焦圖（第一屏），而忽略了其他部分，尤其是產品參數。

因為大部分這個模塊是詳情頁的結尾部分了，越是到最后越是容易忽略細節，做的粗糙，使得詳情頁前后視覺感受差異過大，虎頭蛇尾。

所謂細節決定成敗，尤其是這種偏整體性的設計作品，更要注重視覺、細節的連貫性。

所以今天就著重說一下詳情頁中最容易被忽略的產品參數模塊，如何做更出彩？

產品參數，顧名思義就是產品的詳細信息，比如：尺寸、材質、顏色等等，多以文字信息為主，下面我們以展示形式的不同進行分類。

1. 純文字形式

這也是最常見的一種表現形式，把產品的具體參數直接以文字的形式展示，但即便是簡單的文字信息，也并不是說所有人都能做的很好：

產品詳情頁中最容易被忽略的產品參數模塊，該如何設計？

這是一位讀者讓我看的詳情頁中產品參數的模塊，盡管都是文字信息，但顯然這個模塊做的差強人意，有些粗糙了。

雖然主次信息做的還不錯，但是導致視覺亂的最直接原因：標題與說明性文字是居中對齊的形式，但說明性文字內部又是左對齊的形式，所以整體留白和對齊都很不規則，導致視覺感受是亂的。

其實純文字的產品參數，只要做好主次關系、對齊和留白，就不會感覺差，如上面案例的表現形式，在平時工作中用的也很多。

還可以繼續優化和提升，但是做好純文字形式的產品參數是繼續優化的前提，如果在上圖基礎之上加點光影效果，會使得這個模塊視覺感受更加豐富：

產品詳情頁中最容易被忽略的產品參數模塊，該如何設計？

在我之前關于詳情頁制作相關的文章中就說過，這種有光來的效果很早在詳情頁設計中很實用，即便是簡單的文字排版，加上光影效果之后也會給人眼前一亮的感覺。

做設計最重要的是發散思維，多思考，先大膽的想，再考慮細節。

即使都是文字信息，視覺呈現效果也是天差地別，優秀的設計師不會放過任何一個模塊的細節。

2. 結合產品圖

制作產品詳情頁的目的是有兩個：讓用戶更深入的了解產品和促進買成，所以很多時候為了讓產品參數信息更直觀，往往會將文字與產品相互結合，在一定程度上也能增加關聯性。

這種數據與產品相互結合的形式，為了更直觀將一些常用數據，比如：產品的長、寬、高等，通過線條標注的形式體現在產品圖上。

網站欄目：網站開發中的產品展示的參數設計應如何規劃
瀏覽路徑：http://www.js-pz168.com/news28/221878.html

成都網站建設公司_創新互聯，為您提供企業網站制作、App設計、品牌網站制作、商城網站、微信公眾號、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯