这是为你推送的
第003期设计周刊
设计灵感 X 风格解析 X 提升审美
见字如面,我是二木,
快到年底了,这一年你觉得怎样?
很多身边比较厉害的大神都推荐过,学习PPT可以参考网页设计。
但其实,网页设计还区分了非常多的具体类别,其中对学习PPT设计帮助最大的,个人觉得应该是「一屏式网页」
「 一屏式网页长什么样?」
一屏式网页每次滑动的时候只会显示一个屏幕的内容,
继续往下滑,就直接切换下一页。
从浏览体验上,就已经很像PPT了,更别说它的设计形式了,简直是在线版PPT!
里面很多版式,我们都可以直接借鉴参考到PPT设计当中,这对于PPT新手锻炼设计能力,是非常不错的选择。
「 你这PPT一看就是抄网页的」
在借鉴一屏式网页,哦不对,在借鉴网页设计的时候,非常多的同学出现同一个错误,以至于别人一眼就看的出来:
嗯?你这莫不是参考了网页设计?
在网页设计中,有个东西叫做「 控件 」,是网页交互设计的必要功能,具有实际的操作意义。
例如有哪些是属于控件类?
顶部的导航,是为了让用户第一眼知道网站提供的内容。
搜索框,让用户快速筛选站内内容,嗯…用在PPT上有什么意义?除了装饰。
点击热区这种突出的效果(加色块突出)用在PPT还好,
但离谱的是,很多人借鉴的时候里面内容直接写:
点击购买、点击查看、立即跳转等等…..
除此之外还有一些在网页中有意义的控件,真的不适合迁移到PPT当中,除非做的是一个带交互性的PPT,不然每次看这种带控件的,我总在想,
我该在搜索框输入什么
我点击购买会跳出tb页面吗
这就真的离谱…..
我们通过一个案例,一起来试一下延伸设计吧~
「 借鉴一屏式,做PPT设计」
我从网上找到了一屏式的其中一页:
这排版是不是特别像PPT的目录页?
如何借鉴设计成PPT?今天要用的方法,叫「 取骨法 」
取骨法的技巧就在于:
在一个复杂的设计中,去掉次要的信息,只取出需要的结构。
接着,我们还要简单调整,让页面适用于PPT展示,例如03,04的原排版,就不适合PPT。
所以需要进一步的调整一下版面,
接着,我们再用配图,替换掉矩形色块,
OK,现在画面的主体结构有了,开始丰富设计细节,
加个底图丰富背景,再突出一下标题,
画面似乎有些单薄,怎么办呢?
加个色块平衡一下就好了,
至此,页面就完成了。
这个延伸并没有加入太多的设计元素,
「 一味累加设计元素并不一定能出好的作品 」
除此之外不知道你发现了吗,我是从深色底延伸成了浅色底~
关于这一点悄咪咪的说一下,有很多同学太依赖于做深色底的设计,一旦换成浅色的,各种弊端就出来了,
你有没有躺枪呢
「 分享一些优秀的一屏式网页」
因为这类型网页一份作品就非常长,所以我仅截图局部,在文章底部有链接可跳转看原长图。
最后回到封面图说的,「 一屏式网页设计,对学习PPT风格统一非常有帮助 」
因为一屏式就像整套的PPT,这种成套的风格感怎么形成的呢?
可以跳转链接看长图版的一屏式学习一下👇
https://huaban.com/boards/65764117/
往后更新的图,也会尽量收藏在这个画板。
欢迎点赞分享支持
下一期你想了解些什么?
_ – END -_
欢迎在留言板说出你感兴趣的
设计风格 & 设计分析 & 技巧套路
感谢喜欢,请多多关注
编辑 | 二木
主审 | 一六视觉团队
内容部分来源于网络,仅作为灵感启发内容共享,