Illustrator平面设计立体化教程（Illustrator 2021）（微课版）课件 项目10 商业设计案例

Illustrator平面设计立体化教程（微课版）新形态立体化精品系列教材项目10商业设计案例目录Contents任务10.1

“暖意杯具”网店美工设计任务10.2

“谷香米饼”食品包装设计任务10.3“生鲜配送”App界面升级任务10.4“云尚电器”宣传物料设计任务10.5“天府地产”手机海报设计案例背景及要求案例分析及制作1．案例构思（1）主图图像设计：在客户提供的图像素材中，选择正面、美观的图像作为主图的主体图像。再光影处理对图像素材，设计渐变立体场景，来增强商品的展示效果。文字设计：由于主图画面有限，因此只需添加“暖暖冬日温意流淌”宣传语，以及“不锈钢长效保温”商品卖点文字。色彩设计：由于商品素材的色彩以橙色为主，因此在制作主图时，主色仍以橙色渐。布局设计：将图像置于主图右侧，主图左侧放置文字信息，布局成左文右图的形式。案例分析及制作1．案例构思（2）详情页图像设计：详情页图像可分为焦点图、卖点图、特征图和参数图。文字设计：详情页文字的字体可与主图保持一致，焦点图文字放置在左上角。色彩设计：由于详情页的设计风格需要与主图风格保持一致，因此色彩搭配上可以橙色不同为主，以白色、不同灰色为辅助色，以蓝色为点缀色，既丰富了画面的色彩，又与保温杯本身的色彩相呼应。布局设计：焦点图、特征图布局以图片展示为主，在空白处添加文字标注与说明。案例分析及制作本案例的参考效果如图所示【案例分析及制作】2．制作思路制作主图时，可使用形状工具组绘制图形，使用渐变、投影来美化图形，打造立体场景，置入保温杯素材，添加投影，利用“钢笔工具”和“羽化”效果制作保温杯图像阴影和高光，使用文字工具组输入文字信息，结合文字属性和渐变圆角矩形美化文字，制作过程参考如图所示。1绘制渐变矩形和圆角矩形2复制与编辑圆柱图形3添加与美化保温杯4输入文字添加Logo5制作其他图标【案例分析及制作】2．制作思路6制作光滑杯身展示图7制作304不锈钢材质展示图8添加保温参数文字9制作保冷参数板块【案例分析及制作】2．制作思路10添加细节说明11输入文字说明12输入商品参数文字目录Contents任务10.1“暖意杯具”网店美工设计任务10.2“谷香米饼”食品包装设计任务10.3“生鲜配送”App界面升级任务10.4“云尚电器”宣传物料设计任务10.5“天府地产”手机海报设计案例背景及要求案例分析及制作1．案例构思图标设计：根据提供的品牌名称“谷香米饼”，设计符合名称内涵的品牌图标。色彩设计：采用与米饼接近的淡黄色作为包装主题色，给人温暖舒适的视觉感受，突出米饼特征，使消费者联想到米饼，从视觉上吸引消费者的注意力。包装规格设计：折叠后成品尺寸为140mm×68mm×215mm，展开尺寸为436mm×358mm。案例分析及制作本案例的参考效果如图所示【案例分析及制作】2．制作思路制作包装设计时，可使用钢笔工具组绘制包装盒的大致模型，然后绘制包装盒模型的外轮廓，设置折叠线和出血线添加尺寸标注，设计平面图中的图标、图案添加产品信息，最后绘制立体包装，按照平面图效果为立体包装添加元素，制作过程参考如图所示。1会在包装盒的大致模型2设置折叠线和出血线3制作图标4制作正面包装背景图【案例分析及制作】2．制作思路5制作侧面包装效果6制作包装平面效果图7添加投影效果8添加包装侧面内容目录Contents任务10.1“暖意杯具”网店美工设计任务10.2

“谷香米饼”食品包装设计任务10.3“生鲜配送”App界面升级任务10.4“云尚电器”宣传物料设计任务10.5“天府地产”手机海报设计案例背景及要求案例分析及制作1．案例构思字体设计：文字字体选用易识别的“思源黑体”为界面的基本字体，根据字体大小和文字颜色来突出相关重点信息，即简约美观，又庄重。色彩设计：首先考虑以白色作为App界面的主色，然后考虑在界面中采用饱和度较高的绿色作为界面的辅助色，给消费者绿色健康、新鲜、清新的视觉感受。布局设计：布局设计是对界面的文字、图形、图像等元素进行合理地排列与设计。案例分析及制作本案例的参考效果如图所示【案例分析及制作】2．制作思路制作首页界面时，除了优化文字、图标显示，还可以考虑使用圆、圆角矩形、矩形作为蒙版，来规范图片的显示范围，使图片更加整齐有序，首页中增加了大面积的、不同深浅的绿色块，起到分割内容、突出信息、增加视觉冲击力、装饰的作用，制作过程参考如图所示。1制作首页页头模块2制作首页分类模块3制作热卖榜单、今日特惠、限时秒杀模块【案例分析及制作】2．制作思路4制作底部Tab栏5优化按钮设计6优化文字7制作页头【案例分析及制作】2．制作思路8制作“我的订单”模块9制作“猜你喜欢”模块目录Contents任务10.1“暖意杯具”网店美工设计任务10.2

“谷香米饼”食品包装设计任务10.3“生鲜配送”App界面升级任务10.4“云尚电器”宣传物料设计任务10.5“天府地产”手机海报设计案例背景及要求案例分析及制作1．案例构思（1）开业横幅广告布局设计：横幅广告通常以文字为主，直接将“新店开业低至6折”开业优惠信息放大显示在广告中，顶部边缘放置品牌Logo，文字两侧放置店铺图像中装饰图形。文字设计：采用较粗的“方正汉真广标简体”字体，通过旋转、倾斜、字体大小对比、渐变轮廓，来增强文字美感。色彩设计：黄色给人温暖、快活的感觉，使消费者感到温暖、亲切，很适合作为开业宣传的主色，辅助色调采用不同深浅的蓝色、白色、深灰色，蓝色具有收缩内敛、清冷低调的特点，符合电器行业特征案例分析及制作1．案例构思（2）开业宣传海报布局设计：海报中间放置优惠信息文字，四周分布品牌Logo、产品图图形进行装饰。文字设计：直接沿用开业横幅广告中的文字设计，修改文字组合方式，将一排显示两排，修改偏移参数，添加投影，更改文字颜色等，使视觉上与其他物料具有统一感。案例分析及制作1．案例构思（3）开业宣传单布局设计：顶部放置优惠信息文字和品牌Logo，中间绘制圆角矩形，用于放置促销产品图像与信息，呈2行3列等距展示，利用矩形修饰产品信息和促销价格，宣传单底部放置地址和咨询热线。文字设计：直接沿用开业宣传海报中的文字设计，再进行扩展，避免调整大小时，艺术字效果产生变化。色彩设计：与开业宣传海报相比，增加了产品与产品信息的展示该区域可以粉红色、红色作为点缀色案例分析及制作本案例的参考效果如图所示【案例分析及制作】2．制作思路作开业横幅广告时，填充背景色后，结合图形中混合功能来设计背景的图案，使用文字工具组输入文字，注意文字分开输入，便于单独调整文字大小、角度，利用偏移路径和渐变填充设置渐变轮廓效果，调整部分文字的颜色，再添加其他元素，制作过程图参考如图所示。1制作横幅广告背景2输入并调整文字倾斜和旋转角度3添加图形、产品图像、品牌Logo【案例分析及制作】2．制作思路4添加图形、产品、Logo5制作产品模块度6制作产品其他模块与底部模块目录Contents任务10.1“暖意杯具”网店美工设计任务10.2

“谷香米饼”食品包装设计任务10.3“生鲜配送”App界面升级任务10.4“云尚电器”宣传物料设计任务10.5“天府地产”手机海报设计案例背景及要求案例分析及制作1．案例构思文字排版设计：文字排列组合的视觉效果，直接影响海报信息的传达。通过对话框、字体大小对比、色块修饰来排列组合文字，凸出文字层次。如将“买房”文字加大，采用较粗字体“方正兰亭粗黑简体”，将“低负担”文字变小，用白色色块凸出，与“买房”形成对比。色彩设计：由于手机海报的主题为“买房低负担”，因此可选用代表促销的红色作为主色，以白色作为辅助色，以黄色为点缀色。为增加海报质感，采用径向渐变红色制作背景，利用线性渐变黄色修饰“买房”文字。案例分析及制作本案例的参考效果如图所示【案例分析及制作】2．制作思路制作“天府地产”手机海报时