對於移動端的APP設計人員來說,了解平台的各種設計模式是必修的一門課程。很早之前,25學堂跟大家推薦了一本關於移動APP設計的書籍《移動應用UI設計模式》。
今天25學堂跟大家分享的移動APP UI界面設計當中的10種最經典的設計模式就是來自該書當中的最精華的部分。比如下面這一張APP登錄界面的布局很清爽。來自追波網設計師的作品:Dingxiafei
要想設計出優秀的移動APP應用,就要先了解目前不同操作系統下優秀的設計案例。
廢話少說,下面就直接來學習一下移動端上的APP UI界面設計當中的10種最經典的設計模式。
1、導航模式:
主要導航模式和次要導航模式。
關於APP導航設計模式,25學堂已經分享了很多導航設計的乾貨:
1、APP底部導航設計,是最好的手機APP導航設計方式
2、看完《方寸之間》之後,對APP導航設計的讀後感
3、8種移動APP導航設計模式大對比
4、APP設計專題:6個超實用的APP導航設計方案
2、表單設計模式:
登陸表單、註冊表單、核對錶單、計算表單、搜索表單、多步驟表單、長表單。
關於表單設計的一些APP界面設計欣賞:
1、APP表單設計技巧分享以及移動表單設計界面賞析
3、表格和列表設計模式:
只顯示最重要的信息。
4、搜索、分類和過濾:
讓這些功能易於使用。
在移動端搜索方面,還是有很多比較創意的設計案例。
如:APP新創意:APP搜索界面功能當中的交互設計
5、APP上的常見工具模塊設計模式:
採用直接、輕量化的設計。
6、APP上的圖表化設計:
借鑒基本圖表的經典設計理念。
7、視覺模態設計:
吸引用戶並促使其發現產品功能。
8、反饋與功能可見性功能設計:
向用戶提供適當、清晰且及時的反饋。
9、APP上的幫助與引導類界面設計:
應該易於用戶學習,讓用戶快速掌握應用使用方法。
10、反模式設計:
標新立異、隱喻錯位、愚蠢的對話框、圖表垃圾、按鈕海。
以上就是從《移動應用UI設計模式》一書當中介紹的10種最經典的設計模式。希望大家可以好好的閱讀和吸收一下。
內容轉載自:http://www.boxui.com/ued/design-idea/2387.html 誤刪。
擴展閱讀:阿里筆試題:移動APP端有哪些獨特的交互設計模式