首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

一学就会,超简单有趣的动态日历翻页教程,附赠源文件哦

更新时间:2023-12-10

无私向斑马

ui

3544

今天和大家分享一个超级简单且有趣的AE动画小教程,一个【动态日历翻页】,最终的效果呈现如下:

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

2021年到来,让我们一起掀开新的日程!本次使用软件:

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

在动画制作的前期,我们先使用Adobe illustrator软件,将需要用到的素材设计出来,贴心的我图片已经为大家提供好了设计稿源文件↓↓↓

(公众号视觉半径后台回复【20210122】获取!!!)

大家只要动动小手指就能做动画了。不过还是要在这里要给大家展示一下设计过程和动画思路:

图层拆分:

在设计稿源文件里,一共有5个图层,这里边分别设计了3个日历页,以及日历背面和日历支架。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

设计思路拆解:

在AE里边,通过日历翻转切换页面。当然,小伙伴们想要效果更好,可以多设计几个日历页,动画的效果会更棒!

同时,还需要日历背面部分的图层,避免动画播放时穿帮。当然还需要有日历的支架作为底托,这样才有日历翻页的氛围感。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

设计图解

一切都准备完毕,开始动画吧↓↓↓ 

1,打开AE,把AI源文件拖入到我们AE项目面板里,紧接着,会弹出提示框,这时候我要要选择对应的选项如下:

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

导入种类:合成 ; 素材尺寸:图层大小

2,双击项目窗口的合成文件:

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

这时候你就会看到AE图层窗口里,有5个图层,但是缺少背景图层,所以我们要AE里边制作一个背景层。

3,在顶部菜单栏,找到 图层 -新建 -纯色

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

4,在纯色设置面板 选择白色,并将图层拖拽到最底下,做背景。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

5,接下来就是实现效果的重要环节:到图层面板里的选中激活图层 1,在效果和预设面板里 输入:CC page turn。

接着按住 下拉栏弹出的 【16 CC Page Turn 】拖拽到图层 1 身上。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

这样你就能看到翻页效果了

不过,还没完,我们需要在效果控件面板设置一些参数,小伙伴们只需要关注我标黄划线部分即可。

6,根据黄线部分的参数进行设置,如下:

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

Controls: Bottom Right Corner(底部右下角,也是默认设置)

Fold Position(控制点):暂时不设置,等下只需要做动画调整位置即可。

Light Direction:(背部阴影的方向):0x+160

Back Page(背部的页面显示): 日历背面

Back Opacity(背部透明度):100

7,剩下的步骤非常简单,只需要在时间线上设置Fold Position两个关键帧,调整Fold Position控制点的位置即可,如下:

将时间线放在第 1 帧的位置,单击Fold Position前边的码表,创建关键帧,将Fold Position  控制点的位置拖动至 (439.8; 252.5);

精心设计的图却被运营否掉,一问原因,设计师默默留下了眼泪 前不久微信新出表情包火了 从某些层面讲,这和关注设计的吃瓜群众推波助澜有着很大关系(还不清楚瓜怎么吃的请百度),于是乎运营(甲方)VS 美工(设计师)的事情再一次发酵,一幕幕又呈现在眼前: 两张图(广告图),图A很low, 是拿手机拍的,随手P上去了个下单立减50元,图B很好很棒,是可爱的美工(设计师)小姐姐花了 1 天时间冥思苦想,用专业相机搭建了场景拍摄,后又经过8小时的修整磨合出图的。 但是图A点击率12%;图B点击率6%。 这代表着图A从有限的流量中吸引的访客是图B的 2倍。 然后当运营(甲方)和美工(设计师)小姐姐说: “你这张图要改”的时候 小姐姐就很冤: “我那么努力做出来的图为什么要改啊?我哪里做的不好啊?这图多棒啊?” “是的,我知道这图很好,这图很棒,这图放在比赛中甚至有可能拿奖。但是他不能赚钱,不能有效的利用我们花钱买来的流量和曝光。所以你要改…” 这种现象一直都还存在,特别是刚入设计行业的新手会很茫然。 其实,归根结底还是版面信息的不对等问题造成的,设计师无法很好的领会和执行运营(甲方)的意图。今天我们就视觉流(视觉动线)这个层面分享下关于版式这个老生常谈的问题。 首先,我们来认识下视觉流的影响。在版面里我们的视觉一般是从无到有,从左往右,从上到下的。 (从无到有,从左往右,从上到下) 一张白纸有了一行文字,人们就自然会去阅读它,而画面中如果出现两段文字,人们便有了选择,就需要有重点强调,在设计上就要强化,做出主次。 其次,对于设计在版面来讲,无非就是由2类设计元素组成,即图像与文字。我们在版面中增加了一个视觉元素,这时就要试着控制读者的视觉动线,强制让他看到你想让看到的东西。 第一步就是选择好“视觉落点”。比如选择视觉落点在图像元素上,再去看文字元素,或者也可以让读者选择文字元素,再去看图像元素,总之无论如何,读者的“视觉动线”必须在你的掌握之中。很多觉得排版杂乱无章的设计师其实都是因为一开始便放弃了掌握视觉动线的权利。 (视觉落点不明)(视觉落点在图像)(视觉落点在文字) 接下来,我们再看看画面中元素与要表达的内容过多时,你就要先整理信息,梳理主次,确定版面中的真正视觉落点在哪里,并将剩余元素划分段落,然后精心设计阅读顺序,由视觉落点开始,从一个段落到下一个段落。 (设计前)(排版后1)(排版后2) 段落要设计的清晰分明,否则读者的视觉动线就会失踪,段落内部的元素可以设置有规律的间距,也可以进行元素适当的重叠,但前提是不能影响信息的阅读体验。比如一段文字大面积压盖另一段文字,这样的版式就不太适合,除非像这样: 当然每个段落的排版应该首先满足构图逻辑和辨识度,而如果排版自由度很高,有一个重要技巧就是要先找到每个段落内的最小元素尺寸,因为设计师经常会根据屏幕的观感去决定字号的大小,错误预估元素的最小尺寸,导致读者无法确定视觉落点与动线,而往往越善于用最小尺寸越容易创造美观的排版,也越能够突出重要信息。 总而言之,我们要认真设计读者的“视觉动线”,然后才有权利去设计他们的阅读感受。 当然,平面排版设计的技巧很多,排列好各种元素,选好文字,做好配色,确保对比度和留白,这些都是技巧。 但是技巧不是唯一重要的事情,你还要勇于创新,适时地打破规则,提出创新的思路。 (图源网络) 本篇文章旨在通过以读者的视角去改变固有的感性设计思维,抓住版面中的视觉动线,更为理性的去创造更多的商业化设计,应用到更多的设计物料中,而不仅仅是平面设计。

然后将时间拖动至 24 帧的位置,将控制点移出画布外,至日历页拖出舞台。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • 剪映和PR的短视频剪辑技巧

    剪映和PR的短视频剪辑技巧

    3小时22分钟26秒

  • AE软件入门基础课

    AE软件入门基础课

    3小时48分钟27秒

  • 3dsMax游戏模型制作基础

    3dsMax游戏模型制作基础

    8小时56分钟3秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 游戏道具造型表现课

    游戏道具造型表现课

    3小时51分钟28秒

  • 高分动画电影《落凡尘》主创分享

    高分动画电影《落凡尘》主创分享

    29分钟2秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答