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

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

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

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

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

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

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

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

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

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

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

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

登陸表單、注冊(cè)表單、核對(duì)表單、計(jì)算表單、搜索表單、多步驟表單、長(zhǎng)表單。

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

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

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

只顯示最重要的信息。

4、搜索、分類和過(guò)濾：

讓這些功能易于使用。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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