對于移動端的APP設(shè)計人員來說，了解平臺的各種設(shè)計模式是必修的一門課程。很早之前，25學(xué)堂跟大家推薦了一本關(guān)于移動APP設(shè)計的書籍《移動應(yīng)用UI設(shè)計模式》。

今天25學(xué)堂跟大家分享的移動APP UI界面設(shè)計當(dāng)中的10種最經(jīng)典的設(shè)計模式就是來自該書當(dāng)中的最精華的部分。比如下面這一張APP登錄界面的布局很清爽。來自追波網(wǎng)中國設(shè)計師的作品：Dingxiafei

要想設(shè)計出優(yōu)秀的移動APP應(yīng)用，就要先了解目前不同操作系統(tǒng)下優(yōu)秀的設(shè)計案例。

廢話少說，下面就直接來學(xué)習(xí)一下移動端上的APP UI界面設(shè)計當(dāng)中的10種最經(jīng)典的設(shè)計模式。

1、導(dǎo)航模式：

主要導(dǎo)航模式和次要導(dǎo)航模式。

關(guān)于APP導(dǎo)航設(shè)計模式，25學(xué)堂已經(jīng)分享了很多導(dǎo)航設(shè)計的干貨：

1、APP底部導(dǎo)航設(shè)計，是最好的手機(jī)APP導(dǎo)航設(shè)計方式

2、看完《方寸之間》之后，對APP導(dǎo)航設(shè)計的讀后感

3、8種移動APP導(dǎo)航設(shè)計模式大對比

4、APP設(shè)計專題:6個超實用的APP導(dǎo)航設(shè)計方案

2、表單設(shè)計模式：

登陸表單、注冊表單、核對表單、計算表單、搜索表單、多步驟表單、長表單。

關(guān)于表單設(shè)計的一些APP界面設(shè)計欣賞：

1、APP表單設(shè)計技巧分享以及移動表單設(shè)計界面賞析

3、表格和列表設(shè)計模式：

只顯示最重要的信息。

4、搜索、分類和過濾：

讓這些功能易于使用。

在移動端搜索方面，還是有很多比較創(chuàng)意的設(shè)計案例。

如：APP新創(chuàng)意：APP搜索界面功能當(dāng)中的交互設(shè)計

5、APP上的常見工具模塊設(shè)計模式：

采用直接、輕量化的設(shè)計。

6、APP上的圖表化設(shè)計：

借鑒基本圖表的經(jīng)典設(shè)計理念。

7、視覺模態(tài)設(shè)計：

吸引用戶并促使其發(fā)現(xiàn)產(chǎn)品功能。

8、反饋與功能可見性功能設(shè)計：

向用戶提供適當(dāng)、清晰且及時的反饋。

9、APP上的幫助與引導(dǎo)類界面設(shè)計：

應(yīng)該易于用戶學(xué)習(xí)，讓用戶快速掌握應(yīng)用使用方法。

10、反模式設(shè)計：

標(biāo)新立異、隱喻錯位、愚蠢的對話框、圖表垃圾、按鈕海。

以上就是從《移動應(yīng)用UI設(shè)計模式》一書當(dāng)中介紹的10種最經(jīng)典的設(shè)計模式。希望大家可以好好的閱讀和吸收一下。

內(nèi)容轉(zhuǎn)載自：http://www.boxui.com/ued/design-idea/2387.html ? 誤刪。

擴(kuò)展閱讀：阿里筆試題：移動APP端有哪些獨特的交互設(shè)計模式