淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

2022-12-26 10:57:08 來源/作者: / 己有:9人學(xué)習(xí)過

今天我們來為一款電磁爐做一張詳情圖,這個屬于淘寶詳情頁中的一部分,大家可以嘗試去做一個完整的詳情頁

先來看看效果:

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

詳細(xì)圖文教程:

步驟一

首先創(chuàng)建一個750*1000像素分辨率72的文檔

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟二

因?yàn)楫a(chǎn)品的配色主要是黑色和藍(lán)青色,看起來科技感十足也很高端,配色上我就選擇了產(chǎn)品本身的配色,將背景填充為黑色,調(diào)入產(chǎn)品。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟三

像這種實(shí)用類的電器產(chǎn)品產(chǎn)品詳情圖更多的是對產(chǎn)品的功能介紹,因此我將產(chǎn)品擺放到最下方,上方重點(diǎn)突出其功能性。

因?yàn)楫a(chǎn)品是黑色的,在黑色背景上看起來并不突出,我使用柔角畫筆工具,畫筆顏色就采用產(chǎn)品上的藍(lán)青色,在產(chǎn)品下方點(diǎn)擊繪制一個光效,產(chǎn)品是長條形狀,所以光效略微壓扁了些。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟四

在最上方輸入主標(biāo)題文案,標(biāo)題文案較少,我添加了裝飾性英文,這也是常用手法,看起來也很高端有逼格,配上外框的裝飾看起來更加整體。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟五

中間位置主要表現(xiàn)其功能性,在中間位置輸入副標(biāo)題,并且跟主標(biāo)題采用了相同的風(fēng)格設(shè)計,都是添加英文以及外框。然后在外圍配以功能性的配圖。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟六

在相應(yīng)的配圖下方輸入文字,讓功能性更加突出,更易識別。

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

步驟七

最后利用多邊形工具為詳情圖添加裝飾完成制作

淘寶美工,電磁爐主題淘寶詳情頁設(shè)計教程

這個是按照淘寶詳情頁750像素寬度來做的,大家可以發(fā)揮下做出完整詳情頁