练习改稿-产品介绍页

1,426 0 0

第40篇原创文章

对，没有看错今天又更新了，不是说了吗，以后就在公众号里面说话了。当然了，也是希望用这种方式让我能坚持下去，愿你我皆能如愿~

练习改稿是一个专栏，很多大佬都有，我是为了做完有输出，可以有结果。

案例选取是我的每日打卡的练习，会在原基础上进行修改和发散。

拿到一页PPT之后，我们需要对原稿进行分析一下：

第一眼看上去，字很少，也没有实际的产品图，有点懊恼，这咋做嘛。

我们来仔细分析一下：

1/类型：产品介绍页；

2/难点：无实物、字太少；

3/方向：找一些相关的灵感；

4/版式：左右、上下等；

分析完原稿后，就可以做一下基础的版式和排版了。

跟着天奇大佬学了用色块做基础排版，真的很好用。

色块拟出的大概版式就是以上两种，但是考虑到后面会加上实际产品图，所以我将这两种版式进行融合。

不过在此之前，我加上了比较常见的产品介绍的线条：

既然是自行车的组成部分，那么用线条指引更符合我们要的效果。

也就是这样的效果，到这基础版式排版结束。

基础版式确定后，就需要增加场景了，比如所需的实物和场景的布置。

根据版式，下载了一张自行车的PNG图片，关于PNG图片可以https://pngss.com/下载（俊吉大佬的推荐）

下载了一张充满活力的PNG，我们开始造作：

加上实物过后，更加真实一点，产品介绍没有产品真实不像话。

再加点场景感，再自行车底部加上一个椭圆色块，素材已经有了阴影效果，所以就不用加了（也太好用了趴）

到这里，初稿就已经完成，下面要做的就是完善一下细节，现在依旧缺点东西。

细节部分是非常重要的，要么没有，要么细节过多，反而增加了观看压力。

所以，在细节上对结构名称和四角进行了一些优化和修饰。

完善细节:

1/加上左上角和右上角的空缺；

2/对结构名称，加上圆角矩形色块，还可以加上渐变色；

至于为什么在一个页面里面，只有两个色块加了渐变，因为我自己出的文案，想让人先看到那两个结构。

最后不妨再加点动画上去，更有感觉一点。

到这里就完成了所有的制作，动画比较粗糙，逻辑上有点问题，不过我只是为了让它更有感觉出来，所以弱化动画效果吧。

以上是今天的所有内容，获取方式如下：

1、点击右下角在看；

2、后台回复“练习改稿01”，即可；

文章版权归作者所有，未经允许请勿转载。