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