淘宝美工,电磁炉主题淘宝详情页设计教程

分类:文章教程 日期: 点击:0

今天我们来为一款电磁炉做一张详情图,这个属于淘宝详情页中的一部分,大家可以尝试去做一个完整的详情页

先来看看效果:

淘宝美工,电磁炉主题淘宝详情页设计教程

详细图文教程:

步骤一

首先创建一个750*1000像素分辨率72的文档

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤二

因为产品的配色主要是黑色和蓝青色,看起来科技感十足也很高端,配色上我就选择了产品本身的配色,将背景填充为黑色,调入产品。

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤三

像这种实用类的电器产品产品详情图更多的是对产品的功能介绍,因此我将产品摆放到最下方,上方重点突出其功能性。

因为产品是黑色的,在黑色背景上看起来并不突出,我使用柔角画笔工具,画笔颜色就采用产品上的蓝青色,在产品下方点击绘制一个光效,产品是长条形状,所以光效略微压扁了些。

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤四

在最上方输入主标题文案,标题文案较少,我添加了装饰性英文,这也是常用手法,看起来也很高端有逼格,配上外框的装饰看起来更加整体。

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤五

中间位置主要表现其功能性,在中间位置输入副标题,并且跟主标题采用了相同的风格设计,都是添加英文以及外框。然后在外围配以功能性的配图。

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤六

在相应的配图下方输入文字,让功能性更加突出,更易识别。

淘宝美工,电磁炉主题淘宝详情页设计教程

步骤七

最后利用多边形工具为详情图添加装饰完成制作

淘宝美工,电磁炉主题淘宝详情页设计教程

这个是按照淘宝详情页750像素宽度来做的,大家可以发挥下做出完整详情页

标签:

网站声明

1、本站所有软件和资料来源互联网,仅供个人学习和研究使用,不得用于任何商业用途。
2、如有侵犯您商标权、著作权或其他合法权利的,请联系我们,本站将在第一时间对此进行核实并处理。
3、本站所有可下载资源,都是按照“原样”提供,本站并未对其做过任何改动。本站不保证本站提供的下载资源的准确性、安全性和完整性。同时,本站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。
4、继续浏览本站,即代表您遵守此声明。