幕思城>電商問答>拼多多瞎問>ps寶貝詳情頁怎么排版?

    ps寶貝詳情頁怎么排版?

    184****1374樓主|2022-06-13|18:19|發(fā)布在分類 / 拼多多瞎問|閱讀:153

    ps寶貝詳情頁怎么排版?

    很多朋友不知道ps寶貝詳情頁怎么排版,要知道,ps寶貝詳情頁排版同樣十分重要,排版好寶貝詳情頁是可以將你的店鋪?zhàn)兊酶用烙^,那么ps寶貝詳情頁怎么排版?

    小編為大家整理了以下有關(guān)ps寶貝詳情頁怎么排版的內(nèi)容。

    ps寶貝詳情頁怎么排版?

    可能大家開始畫畫的時候就接觸和學(xué)習(xí)構(gòu)圖了,而構(gòu)圖就是版式設(shè)計的基礎(chǔ)。

    但我們往往忽略了對于構(gòu)圖和版式的極致追求。

    下面是ps寶貝詳情頁怎么排版:1、對齊——最基礎(chǔ)但也最重要上面圖A、B、C是對頁面重新排版,圖D是原有的設(shè)計。

    圖A的構(gòu)圖有些頭重腳輕,讓人感覺中心偏下;

    圖B的手機(jī)主體物有種對文案的擠壓感,讓人覺得壓抑;

    圖C的手機(jī)和文案成為90°的夾角,讓人覺得有種阻礙感,不順滑;

    圖D的設(shè)計很好的協(xié)調(diào)了主體圖與文案的關(guān)系,并且給人一種從遠(yuǎn)及近的中距離縱深感。

    整個畫面中間對齊更能最大限度的突出主體——手機(jī)。

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

    2、對比——無對比不設(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é)奏感。

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

    下面我們來做個對比,我們把圖上的一些不必要的復(fù)雜背景和文案給去除。

    主要是讓產(chǎn)品主體和主要信息展示的更加清晰和明確。

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

    最后補(bǔ)充一些:所謂的突出不突出是相對的,有對比才有突出一說,假如畫面中只有一個字,你說消費(fèi)者眼睛會往哪兒看?

    即使字再小也會去看那個字,因為畫面根本沒有其他信息干擾。

    所以一定要砍掉沒價值的信息。

    對比突出要看畫面周邊的元素,好比2個高個子站一起看不出什么,一高一矮站一塊,就會高的顯高,矮得顯矮了。

    最后這里就是ps寶貝詳情頁怎么排版的介紹了,看了小編我的介紹內(nèi)容你了解了ps寶貝詳情頁怎么排版了嗎,更多有趣好玩的資訊請持續(xù)關(guān)注裝修宅。

    相關(guān)推薦:ps如何美化淘寶圖片?

    美化教程詳解教你使用PS快速、簡便的制作寶貝詳情頁ps淘寶圖片處理技巧步驟介紹

    這個問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微V.信X號是為: msc496。

    淘寶店運(yùn)營問題沒解決?沒思路?想系統(tǒng)學(xué)習(xí)? 馬上點(diǎn)這里加火星老師微信【無償贈送5.5G運(yùn)營禮包、電商軟件VIP賬號、內(nèi)部課程等資源】
    >
    發(fā)表評論

      微信掃碼回復(fù)「666