怎么打造優質的移動頁面

       豎屏年代已來，你的內容，用戶能看見嗎?移動互聯網年代，網民的上網設備和網絡行為、互聯網信息內容的展現方法，都發生了新的改動，這不可避免的促運用戶的行為習氣發生了改動。在這改動中，既能為用戶供給高效閱覽，又能滿意移動互聯網特點的信息內容，已成為信息內容生產者不得不研究的一個課題。 移動設備與PC設備最大的不同是豎屏與橫屏的區別，相對PC設備而言，移動設備，屏幕尺度更小，但手機運用的都是高清屏幕資料，像素密度比電腦屏幕要高(像素密度，即每英寸屏幕所具有的像素數，像素密度越大，顯現畫面細節就越豐富)。

       今日，就帶咱們一起來探究，移動頁面的規劃之道。

       手機屏幕是縱向展現，因而內容的展現方法，也變成了從上往下。再者，手機屏幕小，無法像電腦屏幕，展現密集、大量的信息內容。因而，在有限的屏幕空間，手機屏展現的內容，要滿足少，滿足聚集，從而營造更有視覺力展現作用。

       在海量的信息、匆促的時刻下，用戶閱覽方法、習氣發生了改動，淺度和碎片化的閱覽方法，現已成為移動互聯網用戶的閱覽常態。所以，移動端的內容，必需要精簡、易懂。

        一、構圖

       圖片規劃，從策劃、攝影到PS規劃實施，一開始就應有縱向構圖的豎屏思維。

       構圖份額：當時絕大多數手機的滿屏份額是9：16，事實上，因為有頁面標題欄和底部按鈕，會占用一定空間，假如用9：16構圖，會導致一屏展現不完一張圖的狀況，因而在不同尺度、不同分辨率的手機屏幕下，展現窗口的豎屏份額不盡相同。所以，引薦圖片規劃的構圖份額為9:12，保證能在一屏內完整顯現內容。

       構圖尺度：絕大多數手機的滿屏尺度是720*1280像素，按9:12左右的構圖份額，構圖的尺度主張為：寬度720px，高度1000px。

       橫向構圖，閱覽體會不佳。一屏便是最小的信息單元是手機屏特點之一，因而把信息切碎到手機屏的一個信息單元巨細，最適合手機用戶閱覽。一屏一主題，內容一望而知，用戶只需閱覽一遍，立刻能在腦海里留下形象。

        二、分欄

       左右分欄變上下分欄：手機用戶面臨的是豎屏，閱覽的習氣是從上往下，規劃師現已習氣的左右分欄，在手機上現已并不適用，既無法體現出規劃的美感，也無法突出內容。因而，規劃時改動分欄方法，從左右分欄變為上下分欄，現已很有必要。

        三、留白

       加大主題間留白：空白是手機概況長圖的斷句符，操控著表達的節奏。一方面，加大主題間空白讓主題距離顯著，運用戶能很輕松地分辨出每個主題，便利閱覽。另一方面，留白能使作品節奏明朗、表達鎮定自若。當用戶處于舒服安靜的心境，天然延長了對整套圖片的閱覽時刻，大幅提高了信息交流效率。留出空白，反而更能讓用戶聚集當時看到的內容。

        四、文字

       標題字高≥1/10屏高：說到字號，咱們腦子里顯現的都是這個字號在PC屏上的巨細，但實際上這個形象和手機屏上的巨細差別很大，會誤導到咱們做正確的規劃，所以手機圖片規劃，文字不以字號為單位來衡量。咱們能夠以手機的“屏高”(屏幕高度)來做參照，主張斗膽運用≥1/10屏高的大字來做手機端標題。

       一屏案牘字數≤3行30字：手機概況圖上，一屏之內案牘用多少字為好？主張：文字閱覽量(包含標題和正文)要操控在兩三行、二三十個字以內，也便是普通用戶者看兩三眼就能看完的規模。用戶停留在每一屏的時刻只要幾秒鐘，文字的閱覽任務假如太繁重，就觸碰到了用戶的耐心極限，閱覽質量大大下降。

       長案牘整版只用文字：當一屏中的文字無法操控3行30字以內時，咱們應把一切圖片去掉，整版只用文字，想讓用戶聚集于文字，就盡量別讓用戶的眼睛看到任何圖片，這樣，用戶進入到文本閱覽模式。其次，把長案牘切割成小階段(最多四行一段)，而且加上小標題，便于用戶輕松閱覽。假如某一段案牘特別重要，就把除了這段案牘以外的地方全部留空，用空白來襯托文字的重要。

        五、布景

       布景圖上勿蓋字：手機屏幕像素比較高，顏色艷麗，人眼比較簡單疲勞。

       第一，顏色不用太雜亂，削減對眼睛的影響，客觀上延長了用戶的耐心，也便是延長了對本屏信息的閱覽時刻。第二，布景圖上不要蓋字，否則文字和圖像傳遞的信息都會受影響，傳遞作用會被削弱。

        六、總結

       商家都希望把自己的一切賣點全都講出來，希望買家對自己了解多一點。但實際上，大部分內容得不到用戶的認真對待，所以并沒有多少用戶真正看完你的這些表述，一點一劃、倉促一瞥就已完結。

      一個被忽視的邏輯：你和買家之間的有用交流信息量，并不在于你表達了多少，而在于用戶看到多少、接收到多少、了解了多少。所以，手機上的內容，不只要讓用戶一眼看得見，而且要立刻能看懂，在看見內容(包含文字、圖片)的瞬間，就能了解你想表達的意思。