产品介绍一页练习0125

练习提示：改稿源文件点击上方按钮下载，本周打卡福利资源：斑驳纹理矢量素材合集

额外备注：感谢@离ㅤ逍 提供的原稿材料

游戏的玩法是：

根据图文内容，排版制作一页产品介绍页面，需要包含标题和主要介绍，配图可以自行选择一张或多张，也可以另外找图合成，页面比例16：9，风格不限，遇到难点或盲区可以随时群里问

本周练习要点：

产品介绍页面的排版、变化，图片的处理与拼合，文案的基本处理与提炼

已提交的练习：

改稿接力第一天

124·边角·人

思路总结

第一天做这个：俺来简单说说。

之前白天看到大大的要求，我当时就想到两种呈现，一种是以产品为主，阐述其特点，放一两张图；一种是放多图，以形态为主。我最开始的思维是想做成那种可以提现期防水性的。打算在产品上和防水的元素搭配。可惜能力不够→_→。最后选择了这种中规中矩的。

本来想实现天奇大佬的那种效果的。但是总感觉有抄袭感。我就变换了一下：我把注意事项的文案单独弄出来，页面内容主要说好话为了，因为产品名称有8。而我实在是找不到八项。我就变化了一下在标题上加了一个“（一）”，意思是下面还有，不知单独这页，为了更好的表达我这个意思，我就在左下角加了一个下面还有页面的图标。而为了平衡我就把注意事项放在了右下角（看网上的都是把不好的缩小放）。

加英文是因为离逍说过这是要要到外国去买的。为了形成那种压四角的效果，把那个英文放在右上角了。用线框的原因是感觉有逼格。背景用了大大的光影素材。因为我也不知道怎么更好的丰富页面。

改稿接力第二天

古源

思路总结

1. 124.边角人已经把文案图片提炼好，确定左右排版风格，再此基础上，我再丰富以下细节。

2.确定主题色和排版布局。因为源文件图片有个绿色电池，所以PPT主色我选了绿色。产品介绍肯定要图文结合，所以选择左，中，右三个版面。具体：左边用一个绿色纹理填充，用一个打开的电池盒，上面冒出产品名字，下面简单用图标及文字概括产品优点。中间文字介绍产品（通用适配，外电保护）。右边再放一个产品图片，感觉有点空，想到要出口，所以用了电池盒英文，做了一个竖排英文边框字装饰。

3.美化方面
3.1左右两边已经有色块及图片，显得中间尤其是中间偏下有点空，所以找来电路的线条，降低饱和度装饰。排版分布比较均匀。
3.2标题“电”，原本想用布尔运算，做个创新，技术有限，最后只是添加一个橙色闪电覆盖️ 装饰。
3.3两个产品图片均有想做穿插效果，超出色块边缘线，效果很牵强。阴影不够精致。

改稿接力第三天

渔夫帽坦荡荡

思路总结

我添加了应用场景改了一下，保留了上两棒的主要元素，结合防水的特点，把水下彩灯带的应用场景表达了出来，所以更改了一下主题色。

改稿接力第四天

无糖

思路总结

经过昨天和大家的讨论，和之前的思路还是基本没变
主要分为下面几步
1、内容分析
2、文案梳理
3、排版布局
4、页面修饰
1、内容分析。首先，这应该是一页产品功能或者卖点的介绍，所以在文案的内容中提炼出了安全自保护和便携式供电两个特点。
其次是页面内包含哪些主要内容，原稿文本的内容肯定是要尽可能保留的，在配图方面我选择了素材库里相关的电池盒、数据线以及密封圈的特写作为配图。
2、文案梳理。既然是产品介绍，那就要突出我们的特色，所以文案中只留下主要介绍，把注意事项的字体缩小。
其次在上一版中有一句话是：小身材多场景… …，作为便携式的卖点，把这部分突出出来，并且用实例图作为了配图。
3、排版布局。排版其实也是借鉴了上一版左中右的方式，只不过把之前的六个功能和图标，改成了两个用实物图解释的功能。右侧的文字排版方式也基本没动。
4、页面修饰。主要有1、修饰就是把之前的图标换成了实物图；2、添加色块增加层次感；3、添加了页码压脚和汇报方便。

改稿接力第五天

杰海

杰海

思路总结

这页PPT其实搞了挺久的，经过前面四个版本的迭代已经很好了

我在做的时候其实是想先简单改下第四版，然后再加点自己的思路进去

改着改着觉得调性不太符合，可能是因为这种风格太常见产生了视觉疲劳，于是我上花瓣找了些灵感。

然后找到了一张将产品上下放置，即突出局部，也能展示全部内容的版式，风格挺简洁的，然后就借鉴了一下；

看着这个简洁的风格，我想到了我认为两个做产品介绍比较好的两个公司：苹果和小米。这两家公司的官网对产品的介绍都挺简洁的，

特别是苹果，我每次逛的时候，都在想：为什么它界面只有黑白色，却又显得很高级，

这时候我注意到它字体的运用了，
加黑加粗、颜色变浅、字号缩小……非常有高级感，然后我就拿过来用了嘿嘿，

但是大标题的字体是借鉴了小米的设计，注意到它对于家居产品的介绍，字体比较细，结合纯色的背景看着很舒服，又拿过来用了

然后这页的背景，我是想到了乔布斯在苹果4发布会演讲的画面，也是这样灰白的渐变，看着特别舒服。

我对于产品介绍的看法就是，想要做出高级感，那么字体不要太跳脱，纤细体能显得产品高级，比较正和粗的黑体容易塑造安全感，

背景不要使用花色，产品图还要修的精致（其实这次的图不是很精致甚至还有些模糊），

以及，画面的留白要把控好，适当的增加留白的面积，就比较有高级感。

综上，做成了这样的效果。

改稿接力第六天

基咯咯

基咯咯

基咯咯

思路总结

我的思路其实很简单，都是在杰海的基础上做迭代优化的，刚好和杰海都是喜欢苹果小米风格的产品介绍，这种类型一般都是偏简约风，然后页面要求干净整洁。杰海的页面渐变是从上至下，我个人觉得没有聚焦点，所以我就使用射线类型的渐变来代替。

还有在产品布局上，我将盒子拖到了右边部分排放，其实感觉更能让观众看清整个产品的效果。还有图标也做了一点优化，使用六边形的边框也更具有一种科技感的效果。同时在标题部分直接没有断句了，在两边加上心跳线元素，营造一种有电的氛围。

01.

pillar

02.

凛

03.

壹月

壹月

04.

HONG

05.

LivingCC

06.

海贝

07.

PPT练习生水共

08.

Lee

09.

江凡

10.

我是不断同学～

11.

壹月

壹月

12.

账号已注销

13.

der福

der福

14.

瓦力

15.

维客-Z

16.

沉香屑

17.

Charon

18.

橘婷

橘婷

19.

冷雨夜

20.

ZTao

21.

无糖

无糖

22.

基咯咯

基咯咯

基咯咯

23.

秋天里的枫叶

24.

元素

25.

吴吴吴小天

吴吴吴小天

26.

じ听你的了

27.

124·边角·人

28.

三个太阳

29.

Sugar

Sugar

30.

克劳德

克劳德

克劳德

31.

NK_hottest

NK_hottest

32.

Mk.坤

33.

刘先生

34.

Nancy

35.

晶晶

36.

刘大大PPTer

37.

老王

老王

38.

聆风Raymond

聆风Raymond

39.

镜子

40.

简嘉

41.

张木鱼

42.

时光

时光

43.

Eric

Eric