2023-09-11 分類: 網站建設
移動APP頁面布局(Layout)是我們設計app界面的時候,主要的設計義務。
一個app的好與不好,很大部分取決于移動APP頁面布局的合理性。下圖為APP原始的布局模型。
移動APP經典布局界面瀏覽網絡營銷,以首頁為例展示:
頁面布局顧名思義就是對頁面的文字、圖形或表格進行排布、設計。
優異的布局,需要對頁面信息進行完整的考慮。即要考慮用戶需求、用戶行為西安做網站,也要考慮信息發布者的目的、目標。
手機app設計干貨:常見的APP信息布局體例
3種iPad端常見的界面設計布局模式和交互解析
對用戶行為的迎合和指導,有一些既有原則和方法,比如下面的22條基本原則:
1、公司/組織的圖標(Logo)在所有頁面都處于統一位置。
2、用戶所需的所稀有據內容均按先后次序合理顯示。
3、所有的主要選項都要在主頁顯示。
4、主要條目要始終顯示。
5、主要條目要顯示在頁面的頂端中心位置。
6、需要的信息要一向顯示。
7、新聞、提醒、通知等信息均出現在屏幕上目光容易找到的地方。
8、確保主頁看起來像主頁(使主頁有別于其它二三級頁面)。
9、主頁的長度不宜過長。
10、APP的導航盡量采用底部導航的體例。菜單數目4-5個好。
小白自學APP界面設計:APP導航交互設計全解
11、每個APP頁面長度要適當。
12、在長網頁上使用可點擊的“內容列表”。
13、專門的導航頁面要短小(避免滾屏,以便用戶一眼能瀏覽到所有的導航信息,有全局觀)。
14、優先使用分頁(而非滾屏)。
15、滾屏不宜太多(長4個整屏)。
16、需要細心閱讀理解文字時,應使用滾屏(而非分頁)。
17、為框架提供題目。
18、注重主頁中面板塊的寬度。
19、將一級導航放置在左側面板。
20、避免水平滾屏。
21、文本區域的周圍是否有足夠的間隔。
22、各條目是否合理分類于各邏輯區,并運用題目將各區域進行清晰劃分。
這些APP界面布局原則可以保證頁面在布局方面基本的可用性。是特別很是適合app設計新手來掌握。
【APP布局案例的瀏覽與解讀】
以上22條頁面布局的原則是與用戶的眼動軌跡研究有關系的。可以說是依據來源。
眼動研究是隨著用戶體驗的興起與技術設備的提高,而興起的一種用戶研究方法。它是眼動技術與研究方法的二合一,通過眼動研究觀察被試者對移動應用頁面的諦視軌跡,輔助完成用戶體驗設計。
通過眼動研究,不但可以完整地還原被試者在各個頁面的諦視軌跡,還可以通過劃分愛好區分析被試者在各區域內容的關注度。
眼動研究提供的信息不只是人們是怎樣“看”東西的這么簡單,眼動反映了人腦的信息處理過程,眼動模式的特點與腦的信息處理都有密切的關系。
不銹鋼閥門
分享題目:APP界面設計之頁面布局的22條基本原則
本文來源:http://m.newbst.com/news47/282497.html
成都網站建設公司_創新互聯,為您提供電子商務、網站導航、微信公眾號、網站設計、定制網站、品牌網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容