2023-11-24 分類(lèi): 網(wǎng)站建設(shè)
根據(jù)當(dāng)前的分屏設(shè)計(jì),一個(gè)完整的詳細(xì)信息頁(yè)面可能約為10個(gè)屏幕。 從第一個(gè)屏幕到最后一個(gè)屏幕,這對(duì)于詳細(xì)信息頁(yè)面的整體顯示非常重要。
但是在實(shí)際工作中,許多設(shè)計(jì)師喜歡過(guò)分強(qiáng)調(diào)第一個(gè)聚焦圖(第一個(gè)屏幕),而忽略了其他部分,尤其是產(chǎn)品參數(shù)。
因?yàn)榇四K的大部分位于詳細(xì)信息頁(yè)面的末尾,所以它離末尾越近,越容易忽略細(xì)節(jié)。 粗糙會(huì)使細(xì)節(jié)頁(yè)面的正面和背面之間的視覺(jué)感知差異太大且不合時(shí)宜。
所謂的細(xì)節(jié)決定成敗,特別是對(duì)于這樣的整體設(shè)計(jì)作品,應(yīng)該更多地關(guān)注視覺(jué)和細(xì)節(jié)的連續(xù)性。
因此,今天我將重點(diǎn)介紹在詳細(xì)信息頁(yè)面中最容易忽略的產(chǎn)品參數(shù)模塊。 如何使其更豐富多彩?
顧名思義,產(chǎn)品參數(shù)是詳細(xì)的產(chǎn)品信息,例如:尺寸,材料,顏色等,主要是文字信息。 下面我們根據(jù)不同的顯示形式對(duì)它們進(jìn)行分類(lèi)。
1.純文本
這也是最常見(jiàn)的表達(dá)形式。 產(chǎn)品的特定參數(shù)直接以文本形式顯示,但是即使是簡(jiǎn)單的文本信息也并不意味著每個(gè)人都能做好:
如何設(shè)計(jì)在產(chǎn)品詳細(xì)信息頁(yè)面中最容易被忽略的產(chǎn)品參數(shù)模塊?
這是讀者要求我查看的詳細(xì)信息頁(yè)面中的產(chǎn)品參數(shù)模塊。 盡管全部是文本信息,但很明顯,該模塊并不令人滿(mǎn)意,并且有點(diǎn)粗糙。
盡管主要和次要信息做得很好,但最直接的視覺(jué)混亂原因是:標(biāo)題和描述性文字在中心對(duì)齊,但描述性文字在內(nèi)部左對(duì)齊,因此總體空白和對(duì)齊方式有很大不同 這些規(guī)則使視覺(jué)感知變得混亂。
實(shí)際上,只要主要和次要關(guān)系,對(duì)齊方式和空白都做得很好,純文本的產(chǎn)品參數(shù)就不會(huì)感到不好。 與上述情況的表達(dá)形式一樣,它在日常工作中也經(jīng)常使用。
您可以繼續(xù)優(yōu)化和改進(jìn),但是純文本形式的產(chǎn)品參數(shù)是繼續(xù)優(yōu)化的前提。 如果在上述圖片的基礎(chǔ)上添加一些光影效果,則將使該模塊的視覺(jué)體驗(yàn)更加豐富:
如何設(shè)計(jì)在產(chǎn)品詳細(xì)信息頁(yè)面中最容易被忽略的產(chǎn)品參數(shù)模塊?
正如我在上一篇有關(guān)詳細(xì)頁(yè)面制作的文章中所說(shuō)的那樣,這種光效果在早期的詳細(xì)頁(yè)面設(shè)計(jì)中非常有用。 甚至簡(jiǎn)單的文本布局,再加上光影效果,都會(huì)給人留下深刻的印象。 明亮的感覺(jué)。
設(shè)計(jì)中最重要的事情是發(fā)散思維,多思考,大膽思考,然后再考慮細(xì)節(jié)。
即使是所有文本信息,視覺(jué)呈現(xiàn)效果也大不相同,優(yōu)秀的設(shè)計(jì)人員也不會(huì)錯(cuò)過(guò)任何模塊的細(xì)節(jié)。
2.合并產(chǎn)品圖片
制作產(chǎn)品詳細(xì)信息頁(yè)面的目的是雙重的:允許用戶(hù)對(duì)產(chǎn)品有更深入的了解并促進(jìn)購(gòu)買(mǎi)。 因此,為了使產(chǎn)品參數(shù)信息更直觀(guān),文本和產(chǎn)品經(jīng)常相互組合,也可以在一定程度上增加。 關(guān)聯(lián)。
為了更直觀(guān),這種數(shù)據(jù)和產(chǎn)品集成形式將一些常用數(shù)據(jù)(例如產(chǎn)品的長(zhǎng)度,寬度和高度)以線(xiàn)條標(biāo)記的形式反映在產(chǎn)品圖上。
網(wǎng)站欄目:網(wǎng)站建設(shè)中的布局規(guī)劃如何做
網(wǎng)站路徑:http://jinyejixie.com/news34/296284.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)站改版、響應(yīng)式網(wǎng)站、做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容