大家好,欢迎来到Slidecent,
见字如面,我是林利蒙。
相信很多人常会被别人说作品太平淡,缺少设计感,什么是设计感?
设计感简单来说是设计作品使用打破常规、新颖创意的表现,具有独特的美感等
举个简单的例子:
表现力弱
表现力强
明明文案、版式、素材都一致,但最终效果却差了这么多,问题究竟出在哪里呢?
今天我们就来聊聊页面设计中的表现力
终稿的理念是我最想传达给大家的
建议顺序阅读,一定要看到最后呦
下面,我通过一个具体的案例来演示
案例选自向天歌近期举办的PPT训练营中的一期作业,感谢好友沛文邀请参加,训练营非常良心,在此安利一波(公众号:向天歌)
言归正传,案例原稿是这样的:
主题是致敬科比(也是我最喜欢的球星之一)
作业要求很简单却也很新奇,在原始文案和素材基础上进行设计
但有一个要求:不可使用其他图片素材,假装在断网的情况下展开设计
哈哈是不是很有趣,如果是你的话会如何设计?大家可以简单思考几秒钟
。。。
。。。
。。。
好,时间到,我想大家都有了自己的想法
下面我来演示下我的设计思路,即三步法打造有表现力(设计感)的页面
即增强对比,添加质感,营造氛围
首先分析原稿:
目前的图文排版简洁规整,很多新手朋友都能做到。然而这样的页面会给人一种平淡的感觉,也就是缺少表现力
增强对比
— 增强元素间的对比来提升视觉冲击力 —
最基础的方式是增强文案的大小对比:
优化后层次更鲜明,视觉冲击力更强
然而图片还是原来的样子(人物半身照),这样的照片展示有两个问题:
相比于左侧较大的文字会稍显单薄
半身照属于常见的呈现方式,每个人都会这样排版就会显得平庸,缺乏新奇感
于是,可以放大图片凸显局部细节:
局部特写带来了更为新颖的视觉体验,画面也更富意境,有了点致敬的感觉
关于图片局部放大的技法,我之前写过一篇图片裁剪的专栏《技艺》:
点击图片跳转链接
此时页面仍有些空,不妨添加点色块修饰:
色块的添加填补了页面的空白(配色取自湖人队服),与人物照和谐统一
排版阶段到此就完成了,相信有很多人都可以做到这一步。然而此时页面仍有些单薄,有种似曾相识的感觉,且不够吸引人
添加质感
— 添加纹理细节修饰,以增强页面表现力 —
比如像这样:
这版做了如下优化:
1.添加了杂色背景
2.改变了文字描边颜色及肌理
3.加入了一些点状修饰
页面是不是更有质感了呢?再换个深色版本试试:
不同的质感传递出不同的情绪,这就是质感的作用
然而此时的调整还比较保守,都是一些常规操作,我们不妨再大胆一点,给人物照片添加发光边缘的艺术效果,于是就有了下面这页:
此时的人物照与背景风格相匹配,最关键的是由于引入了一种新颖的图片呈现形式,给人一种耳目一新的感觉
添加质感前后效果对比:
修改前:页面平淡,似曾相识
修改后:形式新颖,设计感强
可见,质感对页面表现力的影响巨大。这也是小白与高手的差异所在
到此,一页赋予表现力的页面就设计完毕了,然而细心的你可能会有一个疑问,这页设计与“致敬”这个主题真的契合么?
其实,接下来才是我写这篇文章的初衷以及究竟什么是设计的思考
营造氛围
— 不玩套路,用心去感受与设计 —
上面的终稿你看到的是 “致敬”,还仅仅是表面的版式设计呢,我想每个人都有自己的看法
我们常会陷入一种思维误区,为了彰显自己技法纯熟,常常会在页面中刻意添加很多高端的软件技巧,而忽略设计本身是否契合主题
或许在技巧和版式库的堆叠下,页面可以很好看。然而设计是否契合主题以及是否有新意等,都需要打上一个问号
有时候,在脱离技法包袱之后,越是简洁的东西或许越纯粹自然
于是,我完成了以下两页极简设计:
这页破碎效果看似复杂,其实是使用涡流的切换效果,然后截屏得到的
以上两页设计都是简约型的,没有复杂的设计技巧,却足以传递出一种敬畏感
这时,我们关注点不再是技法、版式、修饰等外在的东西,而可以静下心来感受屏幕中简短却深刻的文案“谢谢你,曼巴”
最后回归提升页面表现力的三点:增强对比、添加质感、营造氛围
如果说前两点是理论技法层面的知识,那第三点就是思维情感方便的表达。这也是设计之中最难能可贵的部分
究竟什么是好的设计?
我想此刻的你或许已经有了答案
作品PDF版本获取方式:
1.点击右下角在看
2.在公众号后台回复“科比”即可
原创分享不易,期待你的“在看”与“转发”支持
我是林利蒙
原文链接:什么是好的设计?(附案例改稿)