快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶詳情頁怎么排版?

淘寶詳情頁怎么排版?

放大字體  縮小字體 發(fā)布日期:2024-11-03 10:12:35  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):27

淘寶詳情頁怎么排版?很多賣家制作詳情頁的素材準(zhǔn)備得很好但是卻不知道怎么排版布局。小編今天給大家分享一些淘寶詳情頁排版技巧,希望對大家有所幫助。

近些年來,淘寶詳情頁都在向簡潔干凈讓用戶體驗達(dá)到最佳的方向發(fā)展,因此淘寶詳情頁排版都在以極簡設(shè)計打造美觀舒適的感覺。下面先看一下極簡設(shè)計的案例:

淘寶詳情頁怎么排版

這是錘子T1的頁面設(shè)計,雖然好多人都不喜歡老羅,但是我覺得他有對設(shè)計特有的一種完美主義的偏執(zhí),我覺得作為設(shè)計師還應(yīng)該多向他學(xué)習(xí)一下。

下面是幾個淘寶詳情頁排版技巧:

一、對齊——最基礎(chǔ)但也最重要

淘寶詳情頁排版技巧

上面圖A、B、C是對頁面重新排版,圖D是原有的設(shè)計。

圖A的構(gòu)圖有些頭重腳輕,讓人感覺中心偏下;圖B的手機(jī)主體物有種對文案的擠壓感,讓人覺得壓抑;圖C的手機(jī)和文案成為90°的夾角,讓人覺得有種阻礙感,不順滑;圖D的設(shè)計很好的協(xié)調(diào)了主體圖與文案的關(guān)系,并且給人一種從遠(yuǎn)及近的中距離縱深感。整個畫面中間對齊更能最大限度的突出主體——手機(jī)。

從錘子的網(wǎng)頁設(shè)計中我們可以觀察到,這種排版方式是中間對齊。

再看一個中間對齊的例子:

淘寶詳情頁排版技巧

小米2015年的新品發(fā)布會海報也采用了中間對齊的形式,讓關(guān)看者很容易的就視線聚焦到中間“新年禮物”的重要信息上。

二、對比——無對比不設(shè)計

作為簡潔乃至極簡的設(shè)計來說,對比非常重要,對比可以讓人非??焖俚拈喿x到重要信息,讓信息主次層級富有條理性。也可以讓版面的設(shè)計有節(jié)奏感,讓畫面看起來不乏味。

淘寶詳情頁排版技巧

上面的設(shè)計是小牛N1和一加3的設(shè)計,這兩個設(shè)計是典型的左右排版。右側(cè)放商品圖片,左側(cè)排列簡單而有用的基本文案信息。而左右兩邊的圖片和文案信息的大小對比要要根據(jù)商品的屬性來決定的。例如,一加手機(jī)主要體現(xiàn)手機(jī)的外型和質(zhì)感,所以放置2個占比面積較大的手機(jī),搭配最基本的文案信息(只有手機(jī)名字、價格和購買按鈕)。

淘寶詳情頁排版技巧

上圖是文案與商品的面積對比。

淘寶詳情頁排版技巧

這個設(shè)計則與一加和小牛相反,文案面積很大,但是我們的視覺中心依然是手表,因為手表的產(chǎn)品圖對比于白色文案在畫面中更突出更加吸引目光。文案里也有對比,標(biāo)題選用大而粗的字體,其他信息則放的很小,大能又快有準(zhǔn)的看清標(biāo)題的內(nèi)容,另外因為字體大小和粗細(xì)的變化讓人感覺有節(jié)奏感。

三、有“氣質(zhì)”的留白

極簡設(shè)計里的留白非常重要,最典型的是無印良品的設(shè)計,它是把留白應(yīng)用到現(xiàn)在設(shè)計里最好的典范,但是我覺得我們中國人才是留白的“老祖宗”,國畫就是非常典型的例子。

下面我們來做個對比,我們把圖上的一些不必要的復(fù)雜背景和文案給去除。主要是讓產(chǎn)品主體和主要信息展示的更加清晰和明確。

淘寶詳情頁排版技巧

再做更進(jìn)一步的精簡,增加留白的面積,使產(chǎn)品和產(chǎn)品信息更加清晰的傳達(dá)出來。

淘寶詳情頁排版技巧

最后本補充一些:

所謂的突出不突出是相對的,有對比才有突出一說,假如畫面中只有一個字,你說消費者眼睛會往哪兒看?即使字再小也會去看那個字,因為畫面根本沒有其他信息干擾。所以一定要砍掉沒價值的信息。對比突出要看畫面周邊的元素,好比2個高個子站一起看不出什么,一高一矮站一塊,就會高的顯高,矮得顯矮了。

淘寶詳情頁排版技巧小編就講到這里了,大家可以去多參考同行店鋪是怎么做的,然后做出有自己風(fēng)格的寶貝詳情頁。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科、知乎淘寶平臺規(guī)則

本文來源: 淘寶詳情頁怎么排版?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
去空白間隙全屏裝修代碼分享 備戰(zhàn)雙十一:教你設(shè)計一個高轉(zhuǎn)化的詳情頁
淘寶神筆子賬號設(shè)置方法 【官方】旺鋪新功能多端同步頁使用教程
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點擊排行
 
手機(jī)版 手機(jī)掃描訪問
主站蜘蛛池模板: 国产小视频精品| 在线天堂bt种子| 久久精品噜噜噜成人av| 欧美日韩在线视频一区| 免费人成在线观看视频高潮| 老子影院午夜伦手机电影| 国产免费小视频| 国产性夜夜夜春夜夜爽| 国产精品亚洲精品日韩已满| 999久久久免费精品播放| 奶大灬舒服灬太大了一进一出| 中文字幕人成乱码熟女| 日本a∨在线播放高清| 久久国产精品成人片免费| 最新国产精品自拍| 亚洲啪啪av无码片| 欧美日韩国产码高清综合人成| 亚洲精品无码乱码成人| 男女男精品网站| 六度国产福利午夜视频黄瓜视频 | 妞干网在线观看| 三级日本高清完整版热播| 成人韩免费网站| 中文字幕无码不卡免费视频| 无翼日本全彩漫画大全全彩| 久久亚洲国产精品五月天婷| 日韩精品一区二区三区视频| 五月丁六月停停| 最近中文字幕完整视频高清10| 亚洲六月丁香婷婷综合| 欧美成人精品第一区二区三区| 亚洲欧洲自拍拍偷午夜色无码| 波多野结衣中文字幕电影| 亚洲香蕉免费有线视频| 狠狠色综合网站久久久久久久| 伊人久久精品亚洲午夜| 番茄视频在线观看免费完整| 免费播放在线日本感人片| 福利视频一区二区| 免费一看一级毛片人| 男女污污在线观看|