網(wǎng)站建設中的布局規(guī)劃如何做

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

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

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

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

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

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

1.純文本

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

如何設計在產(chǎn)品詳細信息頁面中最容易被忽略的產(chǎn)品參數(shù)模塊？

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

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

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

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

如何設計在產(chǎn)品詳細信息頁面中最容易被忽略的產(chǎn)品參數(shù)模塊？

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

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

即使是所有文本信息，視覺呈現(xiàn)效果也大不相同，優(yōu)秀的設計人員也不會錯過任何模塊的細節(jié)。

2.合并產(chǎn)品圖片

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

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

網(wǎng)站欄目：網(wǎng)站建設中的布局規(guī)劃如何做
網(wǎng)站路徑：http://muchs.cn/news34/296284.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、網(wǎng)站改版、響應式網(wǎng)站、做網(wǎng)站、外貿(mào)網(wǎng)站建設、品牌網(wǎng)站設計

廣告

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