案例|产品介绍(喜力啤酒价格构成图)

今天要跟大家分享的是产品介绍的一般思路

产品介绍可能是我们日常做演示文稿需求最频繁的任务之一。

它见诸于课堂演示、新品发布会、业绩报告会以及融资路演的大屏幕上,可是我们日常见到的最多的仍然是仅仅数字或者产品各项参数的简单罗列。

当然从功能效果上来看,列出参数和数字足矣,但是实际效果却可能大打折扣。

因为我们(至少大多数人)常常希望看到的是图文并茂、排版精美的产品展示而非一堆枯燥无味、冷冰冰的数字!

今天要介绍的是在网上找到的一个喜力啤酒的价格构成:

原图如下:

像这种类型风格的产品价格介绍,我们通常会选择在ppt里面做,毕竟ppt是专业的演示设计软件。

可是今天想要让大家了解的是如何在excel中利用单元格操作,做出以上效果。

结合单元格排版的技巧,你会对基本的排版理念理解的更为深刻。

步骤:

1、素材准备与整理

这一步你需要找到喜力啤酒的网络素材,并将其裁剪,去除背景底色。

关于如何使用ppt裁图、抠图、去背景,本公众号很早以前就已经推送过相关内容。

裁图、抠图、换背景,PPT也可以(http://dwz.cn/7KSBdG)

2、规划单元格区域

结合你要制作的产品介绍图,合理规划单元格区域,以及行列宽度。

3、产品介绍信息

把产品介绍主要信息按照要求输入刚才规划好的单元格区域内(会涉及到单元格合并等技巧)。

需要的对齐操作的请设置批量对齐。

还在手动对齐吗,教你正确的对齐姿势(http://dwz.cn/7KSCHf)

4、将啤酒素材与单元格产品介绍信息对接

将啤酒素材图片放入提前预留的位置并对齐(调整时请按住shift键以防图片变形)。

5、完善字体格式、颜色、备注等信息

6、图片导出

通过excel的内置照相机功能导出产品介绍图。

图表搬家

最终的完成效果对比:

(原图与模仿效果图)

素材没有找到与原图一模一样的图片,价格百分比的字体有差异,右侧的价格说明排版上略有不同,除此之外,基本上保留了原图的主要信息!

当然,排版布局可以不拘一格,没有必要仅仅局限于一个形式,关于的排版的技巧之前的推送中已经有过较多介绍,这里不再赘述:

论一个图表的自我修养

打破常规的图表制作新思维!!!

可视化基础——排版篇

如果你能尝试着利用这些技巧和规则,或许很多时候能够避免犯很多无意识的小错误,让你的工作更加走心!

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-06-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Timhbw博客

iOS10.1.X 已经可以越狱!逆向的同学有福了

2016-12-2215:28:54 发表评论 1,316℃热度 1.支持系统 2.支持设备 3.越狱工具 4.小白鼠越狱测试 5.总结 目录 最近...

38670
来自专栏软件

重新带你了解React.js

走进 前端学习 React.js,你了解吗? 在进入react.js的讲解之前吗,我们现在了解下2018年react.js的发展趋势吧。 React Nativ...

20050
来自专栏Windows Community

UWP 手绘视频创作工具技术分享系列

开篇先来说一下写这篇文章的初衷。     初到来画,通读了来画 UWP App 的代码,发现里面确实有很多比较高深的技术点,同时也是有很多问题的,扩展性,耦合,...

365110
来自专栏我分享我快乐

滚动条位置控制元素透明度变化

<!doctype html> <html> <head> <script src="jquery.js"></script> <style> *{font-f...

36990
来自专栏星流全栈

React vs Angular 2: 冰与火之歌

19130
来自专栏令仔很忙

table合并单元格colspan和rowspan

最近要实现一个成绩分析的功能,最终是要呈现到Word中的,一开始想到的使用报表显示,但是得有单独的数据库表来存储这些数据,如果说项目是刚开始做的话,倒也好说,...

60210
来自专栏无原型不设计

快速完成网页设计,10个顶尖响应式HTML5网页模板助你一臂之力

为了寻找一个优质的网页模板,网页设计师和开发者往往可能会花上大半天的时间。不过幸运的是,现在的网页设计师和开发人员已经开始共享HTML5,Bootstrap和C...

1.5K40
来自专栏IMWeb前端团队

【同行说技术】致前端:react开发的5个资源合集

本文作者:IMWeb seagirl 原文出处:IMWeb社区 未经同意,禁止转载 ? 现在最热门的前端框架,毫无疑问是React。在基于React的...

22180
来自专栏ytkah

给微信图文消息添加修饰方框更简洁大方

  我们在编辑微信公众号的时候,如果篇幅比较长,或者要点比较多,可以用方框分几个小版块,用户浏览更明了,排版美观许多,也不会给人一种长篇大论的感觉,一眼瞄过去就...

34540
来自专栏腾讯社交用户体验设计

玩转HTML5移动页面(动效篇)- 腾讯ISUX

55930

扫码关注云+社区

领取腾讯云代金券