怎么打造优质的移动页面

       竖屏年代已来，你的内容，用户能看见吗?移动互联网年代，网民的上网设备和网络行为、互联网信息内容的展现方法，都发生了新的改动，这不可避免的促运用户的行为习气发生了改动。在这改动中，既能为用户供给高效阅览，又能满意移动互联网特点的信息内容，已成为信息内容生产者不得不研究的一个课题。 移动设备与PC设备最大的不同是竖屏与横屏的区别，相对PC设备而言，移动设备，屏幕尺度更小，但手机运用的都是高清屏幕资料，像素密度比电脑屏幕要高(像素密度，即每英寸屏幕所具有的像素数，像素密度越大，显现画面细节就越丰富)。

       今日，就带咱们一起来探究，移动页面的规划之道。

       手机屏幕是纵向展现，因而内容的展现方法，也变成了从上往下。再者，手机屏幕小，无法像电脑屏幕，展现密集、大量的信息内容。因而，在有限的屏幕空间，手机屏展现的内容，要满足少，满足聚集，从而营造更有视觉力展现作用。

       在海量的信息、匆促的时刻下，用户阅览方法、习气发生了改动，浅度和碎片化的阅览方法，现已成为移动互联网用户的阅览常态。所以，移动端的内容，必需要精简、易懂。

        一、构图

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

       构图份额：当时绝大多数手机的满屏份额是9：16，事实上，因为有页面标题栏和底部按钮，会占用一定空间，假如用9：16构图，会导致一屏展现不完一张图的状况，因而在不同尺度、不同分辨率的手机屏幕下，展现窗口的竖屏份额不尽相同。所以，引荐图片规划的构图份额为9:12，保证能在一屏内完整显现内容。

       构图尺度：绝大多数手机的满屏尺度是720*1280像素，按9:12左右的构图份额，构图的尺度主张为：宽度720px，高度1000px。

       横向构图，阅览体会不佳。一屏便是最小的信息单元是手机屏特点之一，因而把信息切碎到手机屏的一个信息单元巨细，最适合手机用户阅览。一屏一主题，内容一望而知，用户只需阅览一遍，立刻能在脑海里留下形象。

        二、分栏

       左右分栏变上下分栏：手机用户面临的是竖屏，阅览的习气是从上往下，规划师现已习气的左右分栏，在手机上现已并不适用，既无法体现出规划的美感，也无法突出内容。因而，规划时改动分栏方法，从左右分栏变为上下分栏，现已很有必要。

        三、留白

       加大主题间留白：空白是手机概况长图的断句符，操控着表达的节奏。一方面，加大主题间空白让主题距离显着，运用户能很轻松地分辨出每个主题，便利阅览。另一方面，留白能使作品节奏明朗、表达镇定自若。当用户处于舒服安静的心境，天然延长了对整套图片的阅览时刻，大幅提高了信息交流效率。留出空白，反而更能让用户聚集当时看到的内容。

        四、文字

       标题字高≥1/10屏高：说到字号，咱们脑子里显现的都是这个字号在PC屏上的巨细，但实际上这个形象和手机屏上的巨细差别很大，会误导到咱们做正确的规划，所以手机图片规划，文字不以字号为单位来衡量。咱们能够以手机的“屏高”(屏幕高度)来做参照，主张斗胆运用≥1/10屏高的大字来做手机端标题。

       一屏案牍字数≤3行30字：手机概况图上，一屏之内案牍用多少字为好？主张：文字阅览量(包含标题和正文)要操控在两三行、二三十个字以内，也便是普通用户者看两三眼就能看完的规模。用户停留在每一屏的时刻只要几秒钟，文字的阅览任务假如太繁重，就触碰到了用户的耐心极限，阅览质量大大下降。

       长案牍整版只用文字：当一屏中的文字无法操控3行30字以内时，咱们应把一切图片去掉，整版只用文字，想让用户聚集于文字，就尽量别让用户的眼睛看到任何图片，这样，用户进入到文本阅览模式。其次，把长案牍切割成小阶段(最多四行一段)，而且加上小标题，便于用户轻松阅览。假如某一段案牍特别重要，就把除了这段案牍以外的地方全部留空，用空白来衬托文字的重要。

        五、布景

       布景图上勿盖字：手机屏幕像素比较高，颜色艳丽，人眼比较简单疲劳。

       第一，颜色不用太杂乱，削减对眼睛的影响，客观上延长了用户的耐心，也便是延长了对本屏信息的阅览时刻。第二，布景图上不要盖字，否则文字和图像传递的信息都会受影响，传递作用会被削弱。

        六、总结

       商家都希望把自己的一切卖点全都讲出来，希望买家对自己了解多一点。但实际上，大部分内容得不到用户的认真对待，所以并没有多少用户真正看完你的这些表述，一点一划、仓促一瞥就已完结。

      一个被忽视的逻辑：你和买家之间的有用交流信息量，并不在于你表达了多少，而在于用户看到多少、接收到多少、了解了多少。所以，手机上的内容，不只要让用户一眼看得见，而且要立刻能看懂，在看见内容(包含文字、图片)的瞬间，就能了解你想表达的意思。