作者:研究院欣赏天团 三文鱼
口号:每天坚持欣赏,PPT水平会在一月内迅速提高
这一期欣赏的东西比较简单,而且可能是旧事重提,那就温故知新一下,主题叫做“给你一张图,在封面上都能怎么用”,主要讲一下图片型封面的类型和版式,希望能抛砖引玉给大家一些启发。
首先从简单的讲起吧
第一部分
1.1
最简单最直接的莫过于直接拿高清大图作为背景,在图片上面添加标题文字了
上面这一张还增加了点线网状装饰,非常有艺术感时尚感,这种效果的制作也并不难,之前幻想家前辈有分享过制作这个效果的教程,在欣赏的最后附有教程的链接。
另外大家可以注意看一下标题的位置,不一定非要在屏幕中间,而是在右上方,这里有一个黄金分割交点(视觉焦点),非常吸引视线和注意力哦。
然后我们来看一下 简单 前辈(简单工作室)的一个作品封面
http://jiandan.yanj.cn/goods-57586.html,
标题看起来很清楚,使用两种颜色,既有与背景的联系度,又不会完全融到背景里看不到。
上面这个是小野风的作品http://www.yanj.cn/goods-71355.html
在文字下方增加纯色、渐变形状衬底,也是常用的封面之一,形状可以是圆形、三角形、矩形等等,也可以稍微加点透明。
但是很多时候原图的颜色并不适合作文字的衬底,而且新手经常会选错标题颜色影响可读性,接下来讲的就是应用最广泛的几种封面啦
1.2
首先可以添加半透明蒙版,深色蒙版调暗背景,浅色蒙版增亮背景,来看一下我找到的一些示例
很多人可能只意识到使用黑色或者白色的半透明蒙版,其实其他颜色的蒙版也是可以尝试的。而且在这个封面中与读者有交互,交互尤其在网页风格中应用较多,交互这一点这个大家在设计作品时也可以多留意一下。
后两张大家可以看到,背景的颜色和透明度也可以设置成渐变的
尤其图片把需要突出的部分透明度设高一些,个人觉得效果会更好一些
接下来是红茶的作品http://www.yanj.cn/goods-73423.html
黑底黄字,是不是非常舒服省眼呐~ 透明渐变是从左上到左下的,好像窗户透过的光线一样。
青锋大大的封面http://illusion.yanj.cn/goods-74678.html 也使用了深色透明蒙版
冥儿的作品逆光http://www.yanj.cn/goods-66742.html,
多条蓝色透明线条叠加的层次感非常好,这是一部动态作品,线条交错飞入的时候深深浅浅,我非常喜欢,大家欣赏结束后可以去看一下~
1.3
还有一种方法是图片效果增加虚化效果,这种在iOS风格中经常使用,尤其内页中的虚化程度会比较高,基本上只剩下一片片的色块。
青锋大大的iOS风格封面http://illusion.yanj.cn/goods-72448.html,很简约,很轻盈,标题页的圆环向外一起变得更加透明。
小结:大图衬底作背景也是非常经典、正式的样式,在我准备这次欣赏寻找样例时,发现国内外大部分作品都回归了这种简单直观的演示,简单的往往越是深刻的,也是推荐大家使用的。
第二部分
2.1
另一种图片封面的思路是,图片不完全填满或者不完全显示在整个幻灯片中,而是与纯色色块辅助,语言较苍白,无图无真相,上图说话~
这四个封面都对图片采用了色块遮挡或是裁剪,在纯色色块上添加标题,这样的特点是看起来比较清晰,而图片保留出来的部分需要特别注意是否能够强调模板的主题,以及美感。
再看一下卓启前辈的作品
http://www.yanj.cn/goods-69575.html
画面右侧很多人在讨论,蓝色的线条位于图片较轻的一侧分割图片,很有平衡感,然后大家注意一下report,我想换成是我的话,可能想不到伸出两个字母并更换颜色的这种设计方法吧~
2.2
上面这个将图片截取或者上方增加一个镂空的白色遮罩,效果是不是也不错呢,镂空的效果使用布尔运算可以比较容易的做到。
然后相似的例子我想到了太荧的画眉,http://yeying.yanj.cn/goods-57862.html
大家仔细看是能发现这个白色遮罩是略微有一点点透明度的
第三部分
简单过一下一些相对非主流的封面风格,大家也可以从中找找灵感和思路,来自于竖锯先生的案例~
最后再引用一下幻想家前辈教程中的一张封面,我觉得这种设计风格也很值得借鉴
图片有虚化的部分,也有清晰的部分。制作方法幻想家前辈介绍也很详细哦,链接奉上,Duang~
联系客服