竖屏时代：如何打造优质移动页面提高用户体验

智能手机的快速普及，鞭策着中国互联网由PC向移动的高速转变，据《第 40 次中国互联网络发展状况统计陈诉》显示，截止到2017 年6 月，我国网民使用手机上网的比例达到96.3%，中国已经跨入移动互联网的时代。

移动互联网时代，网民的上网设备和网络行为、互联网信息内容的展现方式，都发生了新的变革，这不成制止的促使用户的行为习惯发生了改变。在这变革中，既能为用户提供高效阅读，又能满足移动互联网特点的信息内容，已成为信息内容生产者不得不研究的一个课题。

今天，就带大家一起来探索，移动互联网时代，信息内容（移动页面）的设计之道。

移动设备特点

相对PC设备而言，移动设备（手机），屏幕尺寸更小，但手机使用的都是高清屏幕材料，像素密度比电脑屏幕要高（像素密度，即每英寸屏幕所拥有的像素数，像素密度越大，显示画面细节就越丰富。），所以手机上看东西更清晰，也意味着，同等尺寸的图片，在电脑上看合适时，放到手机上看必然会变小了。

手机屏幕是纵向展现，内容的展现方式，也酿成了从上往下。，手机屏幕小，无法像电脑屏幕，展现密集、大量的信息内容；也不擅长表达远景、广角、大场面，但手机屏幕非常擅长表达近焦、微距、高清特写、局部细节；，在有限的屏幕空间，手机屏展现的内容，要足够少，足够聚焦，从而营造更有视觉力展现效果。

用户行为习惯

在海量的信息、匆促的时间下，用户阅读方式、习惯发生了变革；跳读、挑读、瞄读、瞟读，浅度和碎片化的阅读方式，已经成为移动互联网用户的阅读常态；所以，移动端的内容，必需要精简、易懂。

从移动设备的特点和用户的行为习惯分析，移动端内容设计，应该做到竖屏构图、大图大字、浅显易懂、少放内容，以打造一个让用户看得见、看得完、看得懂、看得爽，既符合移动设备展现特点，又能满足用户阅读习惯的优质移动页面。

纵向构思，满足移动设备展现要求

•  构图思维

图片设计，从策划、摄影到PS设计实施，一开始就应有纵向构图的竖屏思维。

•  构图比例

当前绝大多数手机的满屏比例是916，事实上，，因为有页面标题栏和底部按钮，会占用必然空间，如果用9 16 构图，会导致一屏展示不完一张图的情况，在差别尺寸、差别分辨率的手机屏幕下，展示窗口的竖屏比例不尽相同。所以，保举图片设计的构图比例为9:12，确保能在一屏内完整显示内容。

•  构图尺寸

绝大多数手机的满屏尺寸是720 1280 像素，按9: 12 摆布的构图比例，构图的尺寸建议为宽度720px，高度1000px。

▼  横向构图，阅读体验欠安