如何设计商店截图

商店转化率是用户流量和产品的第一层漏斗，产品的商店截图有更好的可读性，更加快捷的让用户知道产品特性，是可以提升产品商店转化率的重点所在。用户不会花太多时间在仔细阅读截图内容上，所以如何将产品的商店截图做的更有吸引力就至关重要。关于如何做好产品的商店截图设计，大致总结出一下几个重点

• 尽量放大文案字号，中英文字体使用无衬线字体

• 商店截图设计中体现品牌塑造/价值主张

• 有必要的话可以合并前两张截图，使视觉区放大，更有吸引力

• 可以尝试一下横向构图

• 增加视频宣传，有助于提升商店安装转化率

1.放大字号 无衬线字体

商店截图的文案对吸引用户来说非常重要，一个是文案本身传达的内容，一个是文案的设计。从几个产品的商店截图迭代情况和App Store/Google play store内其他产品的商店截图情况来看，文案的布局占比和字体大致总结为，字号要 大，字体使用无衬线字体。

通过放大字号与使用无衬线字体可以增强文案的可读性。

• 文字和底图颜色的对比度越高，可读性就越强。同样，文字字号越大，可读性也会相应增加

2.宣传品牌与价值主张

商店浏览过程中不能确保每一个用户都是产品的受众用户，为了能让目标用户快速被截图所吸引，在设计上需要完整的表达品牌特性，宣传出产品的价值主张。设计的颜色选用上可以符合产品的主要色系作为截图的主调性，产品品牌logo可放置在主要视觉区域。多方面的传达出品牌的完整性提高吸引目标用户的可能性。

• 设计的颜色选用上可以符合产品的主要色系作为截图的主调性，产品品牌logo可放置在主要视觉区域

3.合并前两张截图 作为一张大图

将商店截图的前两张图在设计上合并为一张大图，可以最大化的向用户展示产品的特性和品牌价值。从商店的很多产品用例可以看出这样做可以提升品牌设计的现代感，在众多雷同的设计当中脱颖而出，更为吸引目光。

• 合并前两张截图，最大化展示产品特性和品牌价值

4.横向构图设计

AppStore和Google play store都支持截图的横向构图，相比常规的竖向设计，横向设计图在手机屏幕上单页的占比更大，视觉区域可展示的内容更多，从而可以更好的表达产品特性。当然也使产品在一列常规的竖向设计中更吸引眼球。

5.增加宣传视频

iOS10之后 App Store商店宣传视频的权重增加，在商店里放置宣传视频，用户浏览商店时可以自动播放。相较于静态页面设计，视频的吸引力大大提高，随着移动互联网的发展，移动端播放观看视频也是一大趋势。App Store在宣传视频的设计上有相关的规范指导，比如时长最佳在15-30s，宣传过程中不要过度的包装产品，简要地表达产品的功能特性即可。还可以为视频添加BGM，配合亮眼的视频设计。（默认自动播放时视频静音）