零基础做淘宝详情页设计，看电磁炉广告页面的制作教程
教程作者：米你教育今天我们来为一款电磁炉做一张详情图，这个属于淘宝详情页中的一部分，大家可以尝试去做一个完整的详情页
先来看看效果：
http://pic1.16xx8.com/allimg/180508/16xx8-78755-6.jpg
详细图文教程：
步骤一
首先创建一个750*1000像素分辨率72的文档
http://pic1.16xx8.com/allimg/180508/16xx8-78755-0.jpg
步骤二
因为产品的配色主要是黑色和蓝青色，看起来科技感十足也很高端，配色上我就选择了产品本身的配色，将背景填充为黑色，调入产品。
http://pic1.16xx8.com/allimg/180508/16xx8-78755-1.jpg
步骤三
像这种实用类的电器产品产品详情图更多的是对产品的功能介绍，因此我将产品摆放到最下方，上方重点突出其功能性。
因为产品是黑色的，在黑色背景上看起来并不突出，我使用柔角画笔工具，画笔颜色就采用产品上的蓝青色，在产品下方点击绘制一个光效，产品是长条形状，所以光效略微压扁了些。
http://pic1.16xx8.com/allimg/180508/16xx8-78755-2.jpg
步骤四
在最上方输入主标题文案，标题文案较少，我添加了装饰性英文，这也是常用手法，看起来也很高端有逼格，配上外框的装饰看起来更加整体。
http://pic1.16xx8.com/allimg/180508/16xx8-78755-3.jpg
步骤五
中间位置主要表现其功能性，在中间位置输入副标题，并且跟主标题采用了相同的风格设计，都是添加英文以及外框。然后在外围配以功能性的配图。
http://pic1.16xx8.com/allimg/180508/16xx8-78755-4.jpg
步骤六
在相应的配图下方输入文字，让功能性更加突出，更易识别。
http://pic1.16xx8.com/allimg/180508/16xx8-78755-5.jpg
步骤七
最后利用多边形工具为详情图添加装饰完成制作
http://pic1.16xx8.com/allimg/180508/16xx8-78755-6.jpg
这个是按照淘宝详情页750像素宽度来做的，大家可以发挥下做出完整详情页
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg
页:
[1]