<fieldset id="gy0wc"></fieldset>
<fieldset id="gy0wc"></fieldset>
  • <ul id="gy0wc"><sup id="gy0wc"></sup></ul>
  • 當(dāng)前位置:首頁(yè) > 開店經(jīng)驗(yàn) > 淘寶開店

    淘寶詳情頁(yè)怎么排版

    關(guān)注:78 發(fā)布時(shí)間:2022-05-30 09:24:01

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

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

    淘寶詳情頁(yè)怎么排版

    下面是幾個(gè)淘寶詳情頁(yè)排版技巧:

    一、對(duì)齊——比較基礎(chǔ)但也比較重要

    上面圖a、b、c是對(duì)頁(yè)面重新排版,圖d是原有的設(shè)計(jì)。

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

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

    再看一個(gè)中間對(duì)齊的例子:

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

    二、對(duì)比——無(wú)對(duì)比不設(shè)計(jì)

    作為簡(jiǎn)潔乃至極簡(jiǎn)的設(shè)計(jì)來(lái)說(shuō),對(duì)比非常重要,對(duì)比可以讓人非常快速的閱讀到重要信息,讓信息主次層級(jí)富有條理性。也可以讓版面的設(shè)計(jì)有節(jié)奏感,讓畫面看起來(lái)不乏味。

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

    上圖是文案與商品的面積對(duì)比。

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

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

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

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

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

    比較后本補(bǔ)充一些:

    所謂的突出不突出是相對(duì)的,有對(duì)比才有突出一說(shuō),假如畫面中只有一個(gè)字,你說(shuō)消費(fèi)者眼睛會(huì)往哪兒看?即使字再小也會(huì)去看那個(gè)字,因?yàn)楫嬅娓緵](méi)有其他信息干擾。所以一定要砍掉沒(méi)價(jià)值的信息。對(duì)比突出要看畫面周邊的元素,好比2個(gè)高個(gè)子站一起看不出什么,一高一矮站一塊,就會(huì)高的顯高,矮得顯矮了。

    淘寶詳情頁(yè)排版技巧小編就講到這里了,大家可以去多參考同行店鋪是怎么做的,然后做出有自己風(fēng)格的寶貝詳情頁(yè)。更多關(guān)于淘寶店鋪裝修的內(nèi)容可以在裝修宅學(xué)習(xí)!

    淘寶詳情頁(yè)怎么排版

    猜你喜歡

    • 胡瑋煒摩拜ceo:失敗了

      胡瑋煒摩拜ceo:失敗了5人支持

      雖然做了近 10 年媒體,但胡瑋煒不是一個(gè)口齒伶俐特別能說(shuō)的創(chuàng)業(yè)者,偶爾緊張的磕磕巴巴,但真實(shí)令人動(dòng)容,關(guān)于她是如何一步一步開啟單車夢(mèng)想的,她分享了很多很多細(xì)節(jié)和零碎的想法。 美金公司創(chuàng)始人的耍大牌,相反正是因?yàn)樗牡驼{(diào):“摩拜單車還是一個(gè)新生兒,…

    • 新手開店要知道這些淘寶網(wǎng)店的運(yùn)營(yíng)方案

      新手開店要知道這些淘寶網(wǎng)店的運(yùn)營(yíng)方案74人支持

      關(guān)于淘寶運(yùn)營(yíng),有太多的話要說(shuō),也有太多的知識(shí)要學(xué),淘寶運(yùn)營(yíng)是淘寶整個(gè)體系當(dāng)中非常重要的一個(gè)職位,運(yùn)營(yíng)屬于決策者和執(zhí)行者,當(dāng)你做任何的決策的時(shí)候,必須了解淘寶所有的東西,例如,客服,美工,推廣,物流,售后等。一、網(wǎng)店策劃1、選擇商品2、網(wǎng)店的開設(shè)宣傳3、網(wǎng)店…

    • 菜鳥裹裹周六可免費(fèi)寄快遞啦

      菜鳥裹裹周六可免費(fèi)寄快遞啦78人支持

      免費(fèi)寄快遞參與方式:打開菜鳥裹裹 app,從6月起至9月30日,每周六0點(diǎn)-18點(diǎn),選擇用菜鳥裹裹寄快遞,即可首單首重免費(fèi),每個(gè)用戶限參加1次。免費(fèi)寄快遞參加的城市名單如下:北京、上海、廣州、深圳、杭州、南京、蘇州、寧波、無(wú)錫、成都、重慶。下圖是菜鳥裹裹…

    • 淘寶新手開店的五大誤區(qū)

      淘寶新手開店的五大誤區(qū)8人支持

      咱們大多數(shù)都是從零心開端在電商中摸爬打滾,總會(huì)遇上一些不如愿的工作,特別是一些退貨膠葛,可是作業(yè)完成后,咱們能否把一碗水端平對(duì)待每一位顧客嗎?看多了帖子,也曉得騙子特別多,關(guān)于一心兩心的買家,膠葛率也多,也怕是敲詐的。許多商家就遇到過(guò)這樣的買家,啥…

    • 淘寶店鋪關(guān)閉直通車錢怎么退

      淘寶店鋪關(guān)閉直通車錢怎么退94人支持

      1、打?qū)氋u家中心,點(diǎn)擊我要推廣,進(jìn)入直通車2、進(jìn)入直通車后臺(tái)之后,點(diǎn)擊賬戶,再點(diǎn)擊財(cái)務(wù)記錄,然后我們就可以看到右側(cè)有個(gè)申請(qǐng)退款3、點(diǎn)擊申請(qǐng)退款,需要注意看條款,看一下里面的注意事項(xiàng)4、需要注意的是退款的時(shí)間,每個(gè)月的27日到次月的8日,沒(méi)辦法申請(qǐng)退款,在申…

    • 淘寶主圖設(shè)計(jì)技巧:如何一分鐘做出高于行業(yè)

      淘寶主圖設(shè)計(jì)技巧:如何一分鐘做出高于行業(yè)51人支持

      不管是搜索,直通車,還是手淘首頁(yè),所有的玩法都離不開高點(diǎn)擊率的主圖。高點(diǎn)擊率一直是所有商家都在追求的。d2我們?cè)谙胫缊D片點(diǎn)擊率高不高的時(shí)候,一般都會(huì)才去用直通車測(cè)圖的方式,來(lái)對(duì)比圖片的點(diǎn)擊率高不高,需要我們花費(fèi)資金和時(shí)間,那么我們今天的方法則是…

    • 淘寶酷動(dòng)城入口在哪

      淘寶酷動(dòng)城入口在哪68人支持

      淘寶酷動(dòng)城在電腦端和手機(jī)淘寶都有入口,下面小編為大家一一介紹。一、電腦端淘寶酷動(dòng)城入口在電腦上打?qū)毦W(wǎng)官網(wǎng),然后下拉,所示在中國(guó)質(zhì)造的下方,淘寶教育的上方可以看到淘寶酷動(dòng)城入口。二、無(wú)線端淘寶酷動(dòng)城入口在手機(jī)淘寶首頁(yè)下拉可以找到淘寶酷動(dòng)城入…

    • 雙11allin活動(dòng)中獎(jiǎng)?lì)I(lǐng)取通知

      雙11allin活動(dòng)中獎(jiǎng)?lì)I(lǐng)取通知72人支持

      小編收到用戶的反饋,說(shuō)“雙11allin”活動(dòng)的獎(jiǎng)品可以補(bǔ)領(lǐng)。因?yàn)殡p11期間,系統(tǒng)不穩(wěn)定,導(dǎo)致消費(fèi)者兌獎(jiǎng)失敗。 獲獎(jiǎng)用戶直接使用中獎(jiǎng)的賬戶和小米官方旗艦店聯(lián)系兌獎(jiǎng),商家會(huì)核對(duì)中獎(jiǎng)名單和獎(jiǎng)品,給到對(duì)應(yīng)鏈接。若仍無(wú)法兌獎(jiǎng),請(qǐng)消費(fèi)者在11月15日-11月22日再和…

    • 釘釘企業(yè)辦公支付是什么

      釘釘企業(yè)辦公支付是什么83人支持

      首先最重要的是,有了企業(yè)支付以后,企業(yè)付款就能實(shí)現(xiàn)員工報(bào)銷提現(xiàn)0手續(xù)費(fèi)了。可以給您的老板省錢更能給財(cái)務(wù)節(jié)省時(shí)間。只要綁定到了支付寶的賬號(hào)后,不用登陸到銀行的網(wǎng)銀,審批之后就能直接的打款,速度非常快還不用輸入收款賬號(hào)和打款金額。這樣就能減少出…

    • 618計(jì)入主搜賣家有何應(yīng)對(duì)措施

      618計(jì)入主搜賣家有何應(yīng)對(duì)措施19人支持

      第一步、布局選款期:選好產(chǎn)品,并分析它的屬性。如果你產(chǎn)品價(jià)格低就看銷量,如果你產(chǎn)品價(jià)格高就看轉(zhuǎn)化,如果你是高頻產(chǎn)品那就看復(fù)購(gòu)如何。挖掘你的賣點(diǎn),了解價(jià)格分布。找到行業(yè)爆款對(duì)標(biāo),進(jìn)行產(chǎn)品準(zhǔn)備。第二步、啟動(dòng)爬升期:測(cè)試產(chǎn)品痛點(diǎn)并優(yōu)化。啟動(dòng)爬升階段就…

    • 淘寶店鋪層級(jí)有什么用

      淘寶店鋪層級(jí)有什么用23人支持

      一、淘寶店鋪層級(jí)有什么用?1、淘寶店鋪層級(jí)和流量有直接必然的聯(lián)系,它們之間的關(guān)系是店內(nèi)產(chǎn)品本身經(jīng)營(yíng)狀況好才有高流量和高銷量,進(jìn)而影響店鋪的層級(jí)提升。也就是說(shuō),產(chǎn)品經(jīng)營(yíng)狀況好,店鋪層級(jí)提高后,店鋪流量會(huì)逐步提升,產(chǎn)品經(jīng)營(yíng)就會(huì)越來(lái)越好,從而形成良性循…

    • 淘寶集市店怎么設(shè)置花唄分期

      淘寶集市店怎么設(shè)置花唄分期91人支持

      一、免息設(shè)置全選升級(jí),調(diào)整到商家營(yíng)銷中心1、取消全年筆單價(jià)必須大于等于400的限制2、店鋪免息設(shè)置遷移到商家營(yíng)銷中心,今后商戶在商家營(yíng)銷中心設(shè)置;3、新增支持單品免息,可以設(shè)置任一商品任一期數(shù)的免息二、商品成交價(jià)大于等于600元,消費(fèi)者可以使用分期…

    主站蜘蛛池模板: 日本精品久久久久影院日本| 精品无码人妻一区二区三区品| 亚洲综合精品网站在线观看| 亚洲第一精品福利| 亚洲国产另类久久久精品黑人| 国产区精品高清在线观看 | 久久这里只有精品视频99| 99在线精品一区二区三区| 亚洲精品国产字幕久久不卡| 欧美久久亚洲精品| 国产三级精品久久| 91精品福利在线观看| 成人午夜视频精品一区| 亚洲国产一二三精品无码| 四虎精品亚洲一区二区三区| 国产乱人伦精品一区二区在线观看| 久久这里只精品国产99热| 国产99视频精品免视看7| 久久久久无码精品国产| 亚洲日韩精品一区二区三区无码| 久久九九久精品国产| 国产精品午夜福利在线无码| 8050免费午夜一级国产精品| 国产精品久久久久久影院| 久久国产精品99国产精| 亚洲国产精品18久久久久久| 午夜国产精品无套| 欧美日韩精品久久久久| 久久久亚洲精品蜜桃臀| 精品午夜国产人人福利| 精品国产91久久久久久久a | 在线精品国产一区二区三区| 国内精品99亚洲免费高清| 国产精品无码不卡一区二区三区| 亚洲色图国产精品| 99久久婷婷国产综合精品草原| 杨幂国产精品福利在线观看| 久久久国产精品网站| 88国产精品无码一区二区三区 | 在线涩涩免费观看国产精品| 亚洲精品专区|