別說(shuō)你來(lái)到25學(xué)堂，沒(méi)有學(xué)到好的APP設(shè)計(jì)技巧和知識(shí)。其實(shí)你每天看看這些APP設(shè)計(jì)規(guī)范。看完之后，就要學(xué)著去分解和解剖一些優(yōu)秀的APP視覺(jué)界面設(shè)計(jì)作品。

今天學(xué)堂君，教大家如何快速上手的APP卡片化設(shè)計(jì)技巧。

眾所周知，APP卡片化設(shè)計(jì)是目前移動(dòng)端最火的設(shè)計(jì)趨勢(shì)。特別是android TV 和android 手機(jī)上，采用卡片化設(shè)計(jì)很普遍了。

下面我們先來(lái)看看一些優(yōu)秀的APP卡片化設(shè)計(jì)作品。

APP卡片化設(shè)計(jì)技巧1、善用卡片 區(qū)分重點(diǎn)信息

第一步：我們先分析和分解界面元素

第1張是圖文卡片化設(shè)計(jì)列表。一個(gè)背景和多個(gè)圖文信息的圓角卡片組合而成。

第2張?jiān)u論內(nèi)容列表 ? 上面是 近期的評(píng)論內(nèi)容 ?下面是過(guò)去的評(píng)論內(nèi)容 ?這個(gè)界面是按照內(nèi)容使用卡片區(qū)分的

第3張中間橫向滑動(dòng)區(qū)域是卡片來(lái)區(qū)分的

第4張是排行榜的第一名 或者是當(dāng)前用戶的信息卡片布局展示。

這四張的共同特點(diǎn)是背景是統(tǒng)一的，色彩顏色是一致的。符合APP交互設(shè)計(jì)的一致性原則，所以整套看起來(lái)非常的舒服。

很多APP包裝視覺(jué)設(shè)計(jì)也是采用卡片化設(shè)計(jì)的。看下圖：

上面的效果圖是 把每一張APP界面設(shè)計(jì)效果圖 等比排列好，然后整體向右傾斜55度 即可完成。

APP卡片化設(shè)計(jì)技巧2、卡片疊層突出立體感

這是一個(gè)聯(lián)系人的界面，這個(gè)界面不是采用常用的列表形式，還是采用卡片疊層的立體視覺(jué)效果。讓整個(gè)界面更具逼格。

APP卡片化設(shè)計(jì)技巧3、創(chuàng)意變形的卡片設(shè)計(jì)

這個(gè)界面是卡片 + 有一定弧度的橢圓形狀組合的卡片布局列表。

非常有創(chuàng)意和設(shè)計(jì)師想法的 APP設(shè)計(jì)技巧。