ps寶貝詳情頁(yè)怎么排版?
184****1374樓主|2022-06-13|18:19|發(fā)布在分類(lèi) / 拼多多瞎問(wèn)|閱讀:153
184****1374樓主|2022-06-13|18:19|發(fā)布在分類(lèi) / 拼多多瞎問(wèn)|閱讀:153
ps寶貝詳情頁(yè)怎么排版?
很多朋友不知道ps寶貝詳情頁(yè)怎么排版,要知道,ps寶貝詳情頁(yè)排版同樣十分重要,排版好寶貝詳情頁(yè)是可以將你的店鋪?zhàn)兊酶用烙^,那么ps寶貝詳情頁(yè)怎么排版?
小編為大家整理了以下有關(guān)ps寶貝詳情頁(yè)怎么排版的內(nèi)容。
ps寶貝詳情頁(yè)怎么排版?
可能大家開(kāi)始畫(huà)畫(huà)的時(shí)候就接觸和學(xué)習(xí)構(gòu)圖了,而構(gòu)圖就是版式設(shè)計(jì)的基礎(chǔ)。
但我們往往忽略了對(duì)于構(gòu)圖和版式的極致追求。
下面是ps寶貝詳情頁(yè)怎么排版:1、對(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è)畫(huà)面中間對(duì)齊更能最大限度的突出主體——手機(jī)。
再看一個(gè)中間對(duì)齊的例子:小米2015年的新品發(fā)布會(huì)海報(bào)也采用了中間對(duì)齊的形式,讓關(guān)看者很容易的就視線聚焦到中間“新年禮物”的重要信息上。
2、對(duì)比——無(wú)對(duì)比不設(shè)計(jì)作為簡(jiǎn)潔乃至極簡(jiǎn)的設(shè)計(jì)來(lái)說(shuō),對(duì)比非常重要,對(duì)比可以讓人非常快速的閱讀到重要信息,讓信息主次層級(jí)富有條理性。
也可以讓版面的設(shè)計(jì)有節(jié)奏感,讓畫(huà)面看起來(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)買(mǎi)按鈕)。
這個(gè)設(shè)計(jì)則與一加和小牛相反,文案面積很大,但是我們的視覺(jué)中心依然是手表,因?yàn)槭直淼漠a(chǎn)品圖對(duì)比于白色文案在畫(huà)面中更突出更加吸引目光。
文案里也有對(duì)比,標(biāo)題選用大而粗的字體,其他信息則放的很小,大能又快有準(zhǔn)的看清標(biāo)題的內(nèi)容,另外因?yàn)樽煮w大小和粗細(xì)的變化讓人感覺(jué)有節(jié)奏感。
3、有“氣質(zhì)”的留白極簡(jiǎn)設(shè)計(jì)里的留白非常重要,最典型的是無(wú)印良品的設(shè)計(jì),它是把留白應(yīng)用到現(xiàn)在設(shè)計(jì)里最好的典范,但是我覺(jué)得我們中國(guó)人才是留白的“老祖宗”,國(guó)畫(huà)就是非常典型的例子。
下面我們來(lái)做個(gè)對(duì)比,我們把圖上的一些不必要的復(fù)雜背景和文案給去除。
主要是讓產(chǎn)品主體和主要信息展示的更加清晰和明確。
再做更進(jìn)一步的精簡(jiǎn),增加留白的面積,使產(chǎn)品和產(chǎn)品信息更加清晰的傳達(dá)出來(lái)。
最后補(bǔ)充一些:所謂的突出不突出是相對(duì)的,有對(duì)比才有突出一說(shuō),假如畫(huà)面中只有一個(gè)字,你說(shuō)消費(fèi)者眼睛會(huì)往哪兒看?
即使字再小也會(huì)去看那個(gè)字,因?yàn)楫?huà)面根本沒(méi)有其他信息干擾。
所以一定要砍掉沒(méi)價(jià)值的信息。
對(duì)比突出要看畫(huà)面周邊的元素,好比2個(gè)高個(gè)子站一起看不出什么,一高一矮站一塊,就會(huì)高的顯高,矮得顯矮了。
最后這里就是ps寶貝詳情頁(yè)怎么排版的介紹了,看了小編我的介紹內(nèi)容你了解了ps寶貝詳情頁(yè)怎么排版了嗎,更多有趣好玩的資訊請(qǐng)持續(xù)關(guān)注裝修宅。
相關(guān)推薦:ps如何美化淘寶圖片?
美化教程詳解教你使用PS快速、簡(jiǎn)便的制作寶貝詳情頁(yè)ps淘寶圖片處理技巧步驟介紹
這個(gè)問(wèn)題還有疑問(wèn)的話,可以加幕.思.城火星老師免費(fèi)咨詢(xún),微V.信X號(hào)是為: msc496。
微信掃碼回復(fù)「666」