根據當前的分屏設計，一個完整的詳細信息頁面可能約為10個屏幕。 從第一個屏幕到最后一個屏幕，這對于詳細信息頁面的整體顯示非常重要。

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

因為此模塊的大部分位于詳細信息頁面的末尾，所以它離末尾越近，越容易忽略細節。 粗糙會使細節頁面的正面和背面之間的視覺感知差異太大且不合時宜。

所謂的細節決定成敗，特別是對于這樣的整體設計作品，應該更多地關注視覺和細節的連續性。

因此，今天我將重點介紹在詳細信息頁面中最容易忽略的產品參數模塊。 如何使其更豐富多彩？

顧名思義，產品參數是詳細的產品信息，例如：尺寸，材料，顏色等，主要是文字信息。 下面我們根據不同的顯示形式對它們進行分類。

1.純文本

這也是最常見的表達形式。 產品的特定參數直接以文本形式顯示，但是即使是簡單的文本信息也并不意味著每個人都能做好：

如何設計在產品詳細信息頁面中最容易被忽略的產品參數模塊？

這是讀者要求我查看的詳細信息頁面中的產品參數模塊。 盡管全部是文本信息，但很明顯，該模塊并不令人滿意，并且有點粗糙。

盡管主要和次要信息做得很好，但最直接的視覺混亂原因是：標題和描述性文字在中心對齊，但描述性文字在內部左對齊，因此總體空白和對齊方式有很大不同 這些規則使視覺感知變得混亂。

實際上，只要主要和次要關系，對齊方式和空白都做得很好，純文本的產品參數就不會感到不好。 與上述情況的表達形式一樣，它在日常工作中也經常使用。

您可以繼續優化和改進，但是純文本形式的產品參數是繼續優化的前提。 如果在上述圖片的基礎上添加一些光影效果，則將使該模塊的視覺體驗更加豐富：

如何設計在產品詳細信息頁面中最容易被忽略的產品參數模塊？

正如我在上一篇有關詳細頁面制作的文章中所說的那樣，這種光效果在早期的詳細頁面設計中非常有用。 甚至簡單的文本布局，再加上光影效果，都會給人留下深刻的印象。 明亮的感覺。

設計中最重要的事情是發散思維，多思考，大膽思考，然后再考慮細節。

即使是所有文本信息，視覺呈現效果也大不相同，優秀的設計人員也不會錯過任何模塊的細節。

2.合并產品圖片

制作產品詳細信息頁面的目的是雙重的：允許用戶對產品有更深入的了解并促進購買。 因此，為了使產品參數信息更直觀，文本和產品經常相互組合，也可以在一定程度上增加。 關聯。

為了更直觀，這種數據和產品集成形式將一些常用數據（例如產品的長度，寬度和高度）以線條標記的形式反映在產品圖上。

網站欄目：網站建設中的布局規劃如何做
網站路徑：http://m.2m8n56k.cn/news34/296284.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、網站改版、響應式網站、做網站、外貿網站建設、品牌網站設計

廣告

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