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