無意之間在站酷網(wǎng)上看到一份不錯(cuò)的移動UI設(shè)計(jì)常用的知識點(diǎn)的思維導(dǎo)圖。25學(xué)堂于是收藏了，并且分享出來給大家。在此，25學(xué)堂感謝整理者的辛勤勞作。

算是一份不錯(cuò)的APP設(shè)計(jì)新手入門學(xué)習(xí)的好目錄。

APP設(shè)計(jì)是不需要需要臨摹，而是有目的去臨摹，學(xué)會拆解其中的知識點(diǎn)，然后對每個(gè)知識點(diǎn)加以練習(xí)才行。

完整版的APP設(shè)計(jì)學(xué)習(xí)目錄信息圖如下：

值得大家好好對照看下和練習(xí)APP UI設(shè)計(jì)。同時(shí)也告訴了我們目前一些主流APP相關(guān)界面的作用和設(shè)計(jì)的含義。

下面我們就來實(shí)踐一下：如何應(yīng)用上圖當(dāng)中的信息圖來臨摹優(yōu)秀的APP作品。

APP案例名稱：美麗說APP

這是美麗說APP的 好物的界面：非常的清爽，設(shè)計(jì)感十足。

這個(gè)好物APP的界面就是推薦優(yōu)秀商品的導(dǎo)購類的界面。

整個(gè)APP界面的布局，也是banner廣告+圖標(biāo)導(dǎo)航+產(chǎn)品推薦。

同理，美麗說APP首頁是一樣，也是常見的APP布局方式，標(biāo)準(zhǔn)化的電商APP的首頁。

色彩搭配很簡單很舒服。唯獨(dú)界面右上角的照相機(jī)圖標(biāo)有點(diǎn)不合適。其他的圖標(biāo)都是線性圖標(biāo)。而照相機(jī)圖標(biāo)采用面型圖標(biāo)設(shè)計(jì)。有點(diǎn)粗重。也許是起到強(qiáng)調(diào)的作用。如果各位還有發(fā)現(xiàn)那些地方不足之處，可以與我們一起分享。