BY MEGDIEL LOPEZ
全文共 2582字 69图
— — — — — —
–– 正文 —
我觉得这么多风格里面，就游戏界面是又酷又难搞得好看的，不信你看这花里胡哨的样子：
我觉得我要是做个PPT能搞出这么流批的样子，别说了，以后在P圈我都是横着走的！但问题是，我眼睛看爽了，我手和脑子却跟不上啊！
这图！一看就不好搞啊，莫得慌！从小就是幼儿园扛把子的我，用非常牛皮的“倍镜分析法”**，**教你轻轻松松做游戏风爆棚的PPT页面（要突出轻松，我真是个棒棒棒的人啊~）
倍镜分析法是啥玩意？
玩过吃gai（鸡）战场吧，枪的倍镜对应有2，4，8倍镜，如果没玩过，你可以理解为放大镜的不同倍数。
倍镜分析法的意义在于在一个优秀作品中，找到不同层级的设计灵感供我们在ppt中借鉴学习。
来看看我的参考对象和模仿作品吧：
原作
俺的模仿（软件：PS）
你别看到我是用PS模仿的就怂了啊，局限不是软件，是作图思维嘛~
莫得慌，为了帮你更好的从游戏界面找设计灵感，我重新找了张图，我们来手摸手教学，教你做出游戏风爆棚的PPT页面（用PPT做）
找什么样的练习作品？
我找到了两个套图：
是你的话选择哪一页来模仿呢？我的话选择第1张，为啥？
按照倍镜分析法的歪理，如果我们用8倍镜，就能看到更多的细节，那画面可学习的地方就多了，那这前提是不是得画面本身就够丰富？（你品一下）
所以来吧，我们挑个丰富一些的画面做刻意练习，首先用2倍镜分析法我们可以快速把游戏风衣服脱掉，看它光秃秃的身体。
想啥呢，我说的是，不看华丽的美化效果，看画面的框架！
一瞬间用2倍镜一看是不是，立马这个画面就简单多了~然后往里面填内容就好了，这不是挺简单的嘛，还以为多难呢。
来，咱做个小测试，你用2倍镜能看到我的模仿跟原作框架是一样的了吗？
如果你看不到，PA！你闯关失败不能进入下一关！
提示：人物都在左侧，闯关卡片在右侧，2倍镜下的基本框架是一致的。
2倍镜怎么拆解框架？
我们接着继续要模仿的页面，用2倍镜得出了这个大概的页面框架：
现在想一下，刚开始我们是用2倍镜分析法，拆解了画面的大框架对吧，好哦，现在用4倍镜分析法，往下设计更细节一些的内容.
4倍镜怎么添加内容？
我们先来做最底部的背景层：
可以看到背景层是一个带点紫到蓝渐变的蒙版盖着，底下有个场景若隐若现，于是我们可以去找个图，稍微叠加个渐变蒙版：
这时候，不要去太留意细节的刻画，把该有的东西先拼起来最好~用做合成的方法来说，先做个粗糙的40分，然后再慢慢完善，干巴爹！我们就当背景层初步搞定啦！
我们先找个人物图加进来，在花瓣网搜”游戏人物png“你能找到挺多的png图：
在选择人物图上就很考验你够不够细心啦，像这里原图你留意到了他的特点了吗？非卡通，正面上半身局部照，偏静态站立。
加完人物图之后不用考虑太多，是时候完善其他的框架了，看我DUANG一下变成这样：
这样的ppt总做的出来吧~，其实也就是参考原图的框架依次填东西（上下对比一下 ↑↓）
现在4倍镜用完啦，基本框架也有了，是时候用8倍镜刻画细节了~那我们先做左边的，还是做标题呢？来石头剪刀布吧~
8倍镜怎么刻画细节？
我们来刻画右边信息栏的细节，添加头像图，修改文字：
这样一步步来操作也不难吧？慢慢刻画细节内容：
OK，左侧的细节刻画差不多就这样啦~我们该优化右侧的内容啦~
大标题我选了科技感强的「优设标题黑」
加一些线性图标（看着线条感强的图标）
之后再把副标题和正文改一下颜色
最重要的是，大标题被挡住容易看不懂什么意思，所以在标题左上再重复一遍标题。
这时候我们先回过头看看，是不是跟原作有些相似了~
最后优化
但是对比之下发现，哎还是缺了点精致感，缺了什么呢？
原人物右侧有黑色阴影，但我们没有，
原背景没那么亮，但我们的亮。
好~那我们就优化一下人物图和背景：
有没有觉得酷了很多啦~跟自己生个娃一样看着他越来越帅~好欣慰~
接着我们把原图的这些控件元素添加进去：
提醒：原作是个游戏界面，控件元素是有实用性的，但是到我们PPT上更多是偏装饰性。
好了，到这一步，其实就差不多啦~但是如果细看，哎！还有两个问题！
原图标题有发光特效
背景图有聚焦效果
这个就简单了，稍微处理一下就OK~
如果觉得大标题不够直男，我们再加点氪金效果：
DUANG~DUANG~DUANG~这就是我们的成品啦~
跟原图做个对比：
是不是很酷~你也可以做的到~那我们回过头总结一下，该怎么做好一份游戏风PPT页面呢？
1.
2倍镜分析法得出大体框架：
2.
4倍镜分析法往页面填内容
在第2步中，不用急着刻画细节，先把需要的内容拼凑到一起~
3.
8倍镜刻画细节，先搞定左边:
接着刻画右边的内容：
在这时候，整个画面就有60分左右啦~但还有那些很小的细节需要刻画，于是针对不同的元素再分别调整~
于是DUANG的一下~我们的PPT就做好啦~是不是非常简单呢？
好啦~
最好送给屏幕前的你一句话，拿ppt来做游戏界面，虽然他并不使用，就像谁会在PPT放”继续游戏“？这怕是想职位不保！
但是练习的时候，多练习一些新鲜不同的玩意儿，能让你的设计能力和设计思维得到很大的锻炼哦！
这里有源文件，只说不练假把式，如果你也想试一下这种高阶练习，那就动手吧~
公众号后台回复「游戏」获取17P案例源文件
END
未经允许，禁止转载
原创不易
喜欢分享评论请一条龙
相关文章
赣公网安备36100202000190号