智能手機的快速普及，推動著中國互聯(lián)網(wǎng)由PC向移動的高速轉(zhuǎn)變，據(jù)《第 40 次中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》顯示，截止到2017 年6 月，我國網(wǎng)民使用手機上網(wǎng)的比例達到96.3%，中國已經(jīng)跨入移動互聯(lián)網(wǎng)的時代。
移動互聯(lián)網(wǎng)時代，網(wǎng)民的上網(wǎng)設備和網(wǎng)絡行為、互聯(lián)網(wǎng)信息內(nèi)容的展現(xiàn)方式，都發(fā)生了新的變化，這不可避免的促使用戶的行為習慣發(fā)生了改變。在這變化中，既能為用戶提供高效閱讀，又能滿足移動互聯(lián)網(wǎng)特點的信息內(nèi)容，已成為信息內(nèi)容生產(chǎn)者不得不研究的一個課題。
今天，就帶大家一起來探索，移動互聯(lián)網(wǎng)時代，信息內(nèi)容（移動頁面）的設計之道。
移動設備特點
相對PC設備而言，移動設備（手機），屏幕尺寸更小，但手機使用的都是高清屏幕材料，像素密度比電腦屏幕要高（像素密度，即每英寸屏幕所擁有的像素數(shù)，像素密度越大，顯示畫面細節(jié)就越豐富。），所以手機上看東西更清晰，同時也意味著，同等尺寸的圖片，在電腦上看合適時，放到手機上看一定會變小了。
手機屏幕是縱向展現(xiàn)，因此內(nèi)容的展現(xiàn)方式，也變成了從上往下。再者，手機屏幕小，無法像電腦屏幕，展現(xiàn)密集、大量的信息內(nèi)容；也不擅長表達遠景、廣角、大場面，但手機屏幕非常擅長表達近焦、微距、高清特寫、局部細節(jié)；因此，在有限的屏幕空間，手機屏展現(xiàn)的內(nèi)容，要足夠少，足夠聚焦，從而營造更有視覺力展現(xiàn)效果。
用戶行為習慣
在海量的信息、匆促的時間下，用戶閱讀方式、習慣發(fā)生了變化；跳讀、挑讀、瞄讀、瞟讀，淺度和碎片化的閱讀方式，已經(jīng)成為移動互聯(lián)網(wǎng)用戶的閱讀常態(tài)；所以，移動端的內(nèi)容，必須要精簡、易懂。
從移動設備的特點和用戶的行為習慣分析，移動端內(nèi)容設計，應該做到：豎屏構圖、大圖大字、淺顯易懂、少放內(nèi)容，以打造一個讓用戶：看得見、看得完、看得懂、看得爽，既符合移動設備展現(xiàn)特點，又能滿足用戶閱讀習慣的優(yōu)質(zhì)移動頁面。
縱向構思，滿足移動設備展現(xiàn)要求
• 構圖思維：
圖片設計，從策劃、攝影到PS設計實施，一開始就應有縱向構圖的豎屏思維。
• 構圖比例：
當前絕大多數(shù)手機的滿屏比例是9：16，事實上，因為有頁面標題欄和底部按鈕，會占用一定空間，如果用9： 16 構圖，會導致一屏展示不完一張圖的情況，因此在不同尺寸、不同分辨率的手機屏幕下，展示窗口的豎屏比例不盡相同。所以，推薦圖片設計的構圖比例為9:12，確保能在一屏內(nèi)完整顯示內(nèi)容。
• 構圖尺寸：
絕大多數(shù)手機的滿屏尺寸是720* 1280 像素，按9: 12 左右的構圖比例，構圖的尺寸建議為：寬度720px，高度1000px。
▼ 橫向構圖，閱讀體驗不佳
▼ 縱向構圖，閱讀更舒服
橫向構圖 VS 縱向構圖，閱讀感受的體驗效果分明。
