豎屏時代已來，你的內容，用戶能看見嗎?移動互聯網時代，網民的上網設備和網絡行為、互聯網信息內容的展現方式，都發生了新的變化，這不可避免的促使用戶的行為習慣發生了改變。在這變化中，既能為用戶提供高效閱讀，又能滿足移動互聯網特點的信息內容，已成為信息內容生產者不得不研究的一個課題。 移動設備與PC設備最大的不同是豎屏與橫屏的區別，相對PC設備而言，移動設備，屏幕尺寸更小，但手機使用的都是高清屏幕材料，像素密度比電腦屏幕要高(像素密度，即每英寸屏幕所擁有的像素數，像素密度越大，顯示畫面細節就越豐富)。斑驢互聯在大力發展網站建設服務的同時，也不忘手機網站的建設，還有各類小程序開發、APP開發，既方便了用戶，又為企業進一步留住了用戶。
今天，小編就帶大家一起來探索，移動頁面的設計之道。
手機屏幕是縱向展現，因此內容的展現方式，也變成了從上往下。再者，手機屏幕小，無法像電腦屏幕，展現密集、大量的信息內容。因此，在有限的屏幕空間，手機屏展現的內容，要足夠少，足夠聚焦，從而營造更有視覺力展現效果。
在海量的信息、匆促的時間下，用戶閱讀方式、習慣發生了變化，淺度和碎片化的閱讀方式，已經成為移動互聯網用戶的閱讀常態。所以，移動端的內容，必須要精簡、易懂。
一、構圖
圖片設計，從策劃、攝影到PS設計實施，一開始就應有縱向構圖的豎屏思維。
構圖比例：當前絕大多數手機的滿屏比例是9：16，事實上，因為有頁面標題欄和底部按鈕，會占用一定空間，如果用9：16構圖，會導致一屏展示不完一張圖的情況，因此在不同尺寸、不同分辨率的手機屏幕下，展示窗口的豎屏比例不盡相同。所以，推薦圖片設計的構圖比例為9:12，確保能在一屏內完整顯示內容。
構圖尺寸：絕大多數手機的滿屏尺寸是720*1280像素，按9:12左右的構圖比例，構圖的尺寸建議為：寬度720px，高度1000px。
橫向構圖，閱讀體驗不佳。一屏就是最小的信息單元是手機屏特點之一，因此把信息切碎到手機屏的一個信息單元大小，最適宜手機用戶閱讀。一屏一主題，內容一目了然，用戶只需瀏覽一遍，馬上能在腦海里留下印象。
二、分欄
左右分欄變上下分欄：手機用戶面對的是豎屏，閱讀的習慣是從上往下，設計師已經習慣的左右分欄，在手機上已經并不適用，既無法體現出設計的美感，也無法突出內容。因此，設計時改變分欄方式，從左右分欄變為上下分欄，已經很有必要。
三、留白
加大主題間留白：空白是手機詳情長圖的斷句符，控制著表達的節奏。一方面，加大主題間空白讓主題間隔明顯，使用戶能很輕松地分辨出每個主題，方便閱讀。另一方面，留白能使作品節奏明朗、表達從容不迫。當用戶處于舒服平靜的心境，自然延長了對整套圖片的閱讀時間，大幅提高了信息溝通效率。留出空白，反而更能讓用戶聚焦當前看到的內容。
四、文字
標題字高≥1/10屏高：提到字號，我們腦子里浮現的都是這個字號在PC屏上的大小，但實際上這個印象和手機屏上的大小差別很大，會誤導到我們做正確的設計，所以手機圖片設計，文字不以字號為單位來衡量。我們可以以手機的“屏高”(屏幕高度)來做參照，建議大膽使用≥1/10屏高的大字來做手機端標題。
一屏文案字數≤3行30字：手機詳情圖上，一屏之內文案用多少字為好？建議：文字閱讀量(包括標題和正文)要控制在兩三行、二三十個字以內，也就是普通用戶者看兩三眼就能看完的范圍。用戶停留在每一屏的時間只有幾秒鐘，文字的閱讀任務如果太繁重，就觸碰到了用戶的耐心極限，閱讀質量大大降低。
長文案整版只用文字：當一屏中的文字無法控制3行30字以內時，我們應把所有圖片去掉，整版只用文字，想讓用戶聚焦于文字，就盡量別讓用戶的眼睛看到任何圖片，這樣，用戶進入到文本閱讀模式。其次，把長文案切割成小段落(最多四行一段)，并且加上小標題，便于用戶輕松閱讀。如果某一段文案特別重要，就把除了這段文案以外的地方全部留空，用空白來襯托文字的重要。
五、背景
背景圖上勿蓋字：手機屏幕像素比較高，色彩絢麗，人眼比較容易疲勞。
第一，色彩不用太復雜，減少對眼睛的刺激，客觀上延長了用戶的耐心，也就是延長了對本屏信息的閱讀時間。第二，背景圖上不要蓋字，否則文字和圖像傳遞的信息都會受影響，傳遞效果會被削弱。
六、總結
商家都希望把自己的所有賣點全都講出來，期望買家對自己了解多一點。但實際上，大部分內容得不到用戶的認真對待，所以并沒有多少用戶真正看完你的這些表述，一點一劃、匆匆一瞥就已完結。
一個被忽視的邏輯：你和買家之間的有效溝通信息量，并不在于你表達了多少，而在于用戶看到多少、接收到多少、理解了多少。所以，手機上的內容，不僅要讓用戶一眼看得見，而且要馬上能看懂，在看見內容(包括文字、圖片)的瞬間，就能理解你想表達的意思。
標簽： 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發/—斑驢互聯
贛公網安備 36010902000435號
