如今样机已经成为每位设计师必不可少的工具。
无论是作品发布,还是宣传交流,或多或少都会使用到样机。
所以今天我们聊聊样机。
- 1 -
样机,也可称为 mockup ,是各类设备或材质效果的模型,主要用于展示设计作品在实际运用中的效果。
我们可能见过下面这类的作品展示,其实就是采用了样机的效果。
当然,我们也可以将自己的图片当做设计作品,用样机展示出来。
(点击查看完整作品)
样机分很多种类,有用于展示LOGO设计的,展示海报设计的,展示APP界面设计的等等,有的样机是用带有真实场景的实物制作,有的则只是渲染图。
因为我们的目的是展示图片,所以我们常用的都是渲染图,而且只是其中很小一类 —— 电子设备样机。
具体来说,就是各种台式电脑、笔记本、手机甚至是智能手表等等的模型。
大家可以去关注公众号,然后在对话框里回复“ 样机 ”,就能获取我给大家准备的样机模板了。
不过先别急,先看完文章,后面内容更精彩。
- 2 -
本次提供给大家的样机模板里,图片均采用了占位符替换,直接点击“添加图片”,即可将图片应用到样机里。
(关于占位符的使用及相关知识,以后会介绍到)
如果对图片展示的区域不满意,可以点击“图片工具 - 格式” → “裁剪”,移动或缩放图片,调整到合适的位置。
★ 注意:黑色矩形框内为最终样机展示区域,不要调整它。
这种直接套用已有模板的方法,固然简单,但是如果我们拿到一个新样机,没有现成的模板,那应该怎么使用呢?
下面给大家介绍下参考使用步骤。
①、根据图片尺寸选择样机类型
● 横版图片:一般选择台式电脑、笔记本,或将平板横置作样机
● 竖版图片:一般选择手机,或平板作样机
● 方形图片:可考虑选择智能手表作样机,或绘制一个色块作底板,按横版图片选择
★ 注:若图片不需要传达具体信息,仅作为装饰,则可跳过这一步。
②、将样机复制到PPT文档里,调整至合适大小
★ 切记:调整大小时务必按住shift,等比例缩放。
③、插入图片,调整图片至样机屏幕大小;若图片尺寸与样机不匹配,可使用图片裁剪工具,调整黑色矩形框的大小与样机重合
(参考上图,图片裁剪区域说明)
④、为了使图片显示更逼真,给图片加入一点内阴影(阴影参数可根据图片亮暗微调)
怎么样,比起直接放图片,是不是感觉画面逼格瞬间高了很多?
但是,给图片配上样机,还只是样机应用的第一步。
接下来将面临一个棘手的问题:样机如何排版?
- 3 -
样机的排版方式有很多,我给大家总结了一些常见的样机排版套路,供大家参考使用。
第一类场景:单图片,图文排版
此类场景中,文字内容与图片拥有同等的重要性,文字是图片的解释说明,或者图片是文字所表达的意境场景。
◆ 样机居中,上下排版型
样机放置中间位置,上面或者下面或者上下同时排布文字。
样机一般选用笔记本、平板或者手机,单个使用。
(点击查看完整作品)
这个排版套路一般用于文字内容为一句话/一段话,内容不需要分项列出。
◆ 样机居中,左右排版型
样机放置中间位置,左右同时排布文字。
样机可自由选取,单个使用。
(点击查看完整作品)
这个排版套路一般用于文字内容有明显的分项,以偶数项为宜,左右均分。可胜任内容分项较多的排版,如六项、八项等;常搭配图标使用。
◆ 样机与文字左右排版型
样机放置在左边或者右边,与文字内容左右对称。
(点击查看完整作品)
样机可完全显示,也采用部分显示。
(点击查看完整作品)
★ 注:采用部分显示时,隐藏部分不能过多,不要影响图片的信息传递,要让观众能脑补出“缺失”部分大致内容为最佳。
这个排版套路应用场景较广,可用于单段/多段文字,也可于文字内容分项展示,但分项一般不超过四项,否则易使画面拥挤混乱。
以上三种套路可应对绝大多数单图图文排版情景,操作简单,效果上乘,大家可根据实际情况自由选取。
第二类场景:多图片,图文排版
此类场景中,文字重要性略大于图片,或者图片仅作为文字的补充,甚至只是充当装饰。
◆ 单样机重复使用
将单个样机重复使用,以展示不同的图片,常采用错位重叠的手法,简单营造立体感。
此套路适用于分项表述,但不宜超过四项,与图标搭配食用。
◆ 样机组合重叠使用
将多个样机组合使用,图片相互间有对比。
此时图片传递信息量相对较少,或者仅作为装饰存在。
此套路运用场景灵活,可将其视为单个样机,运用第一类场景里的套路。
◆ 样机环绕,文字居中排版
此时图片传递信息量极少,主要起装饰作用。
此套路适用于文字内容较少,重点明显的场景。
以上所提,为个人总结的样机常见使用套路,希望对你有所帮助。
当然,套路总是讲不完的。
虽然设备样式有限,但样机与内容的排版方式却可以是无限的。
对于见到的其他创意使用套路,我们应收集起来,放入自己的资源库,拓展自己的“招数”。
- 4 -
说完样机的排版,我想再提一点,建议大家前期尽量使用左右轴对称式的排版。
整齐和对称,是最容易产生美的方式。
而实现它们最简单的一个方法,就是拉好参考线,比如左右留出同样宽度的空白。
(关于如何用好参考线,会在以后的文章中谈到)
最后,强烈建议大家拿到样机后,参考样例模板,自行模仿制作一遍,体验下整体排版的感觉~
本文前面所讲内容均以平面样机为例,而我们经常还能见到经过三维旋转后的样机,那这类样机应该怎么使用呢?
这个问题,我们下篇文章来解决。
对了,记得去公众号里回复“样机”,领取我为你准备的样机模板。
回见。
如果你觉得文章对你有所帮助,就点个喜欢吧~