• 常見布局:簡單的移動UI排列布局形式

      伴隨著科技的不斷更新發展,手機功能越來越強大,相關的軟件也應運而生。人性化的手機設計現在已經不單單局限于手機的外觀,用戶界面設計的規范性對于如今的移動UI設計顯得非常重要。合理的布局可以使界面變得井然有序,讓用戶可以很容易地找到自己想要的信息。下面就介紹5種常見的移動UI排列布局。
    一.豎排列表布局
      由于手機屏幕大小有限,因此大部分的手機屏幕都是采用豎屏列表顯示,這樣可以在有限的屏幕上顯示更多的內容。
    在豎排列表布局中,常用來展示功能目錄、產品類別等并列元素,列表長度可以向下無限延伸,用戶通過上下滑動屏幕可以查看更多內容。
      優點:層次展示清晰明了;視線流從上到下,瀏覽體驗快捷;可展示內容較長的菜單或擁有次級文字內容的標題。例如,支付寶App的大多數界面就采取了豎排列表布局的方式,如圖2-1所示。
    圖2-1 豎排列表布局
    二.橫排方塊布局
      由于智能手機的屏幕分辨率有限,無法完全顯示計算機中的各種軟件的工具欄,因此很多移動應用在工具欄區域采用橫排方塊的布局方式。
      橫排方塊布局主要是橫向展示各種并列元素,用戶可以左右滑動手機屏幕或點擊左右箭頭按鈕來查看更多內容。例如,大部分的手機桌面以及相冊App等就是采用橫排方塊布局,如圖2-2所示。
    圖2-2 橫排方塊布局
      在元素數量較少的移動UI中,特別適合采用橫排方塊來進行布局。但這種方式需要用戶進行主動探索,體驗性一般,因此如果要展示更多的內容,最好采用豎排列表。
    三.九宮格布局
      九宮格最基本的表現其實就像是一個3行3列的表格。目前,很多界面采用了九宮格的變體布局方式,如圖2-3所示。
    圖2-3 九宮格的變體布局
    四.六宮格布局
      六宮格最基本的表現其實就像是一個2行3列的表格。六宮格這種布局一般都會在首頁或者個人中心出現,大部分是起到導航的作用,如圖2-4所示。
    圖2-4 六宮格布局
    五.大圖展示布局

      大圖展示布局多見于引導頁設計和一些圖片分享App,或者文藝范和攝影類的App,如圖2-5所示。

    圖2-5 大圖展示布局
    十八禁动漫露内裤扒开腿图片