編程學習網 > 產品設計 > 教你快速上手的APP卡片化設計技巧
2016
07-05

教你快速上手的APP卡片化設計技巧

別說你來到25學堂,沒有學到好的APP設計技巧和知識。其實你每天看看這些APP設計規范。看完之后,就要學著去分解和解剖一些優秀的APP視覺界面設計作品。

今天學堂君,教大家如何快速上手的APP卡片化設計技巧。

眾所周知,APP卡片化設計是目前移動端最火的設計趨勢。特別是android TV 和android 手機上,采用卡片化設計很普遍了。

下面我們先來看看一些優秀的APP卡片化設計作品。

APP卡片化設計技巧1、善用卡片 區分重點信息

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

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

第2張評論內容列表   上面是 近期的評論內容  下面是過去的評論內容  這個界面是按照內容使用卡片區分的

第3張中間橫向滑動區域是卡片來區分的

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

這四張的共同特點是背景是統一的,色彩顏色是一致的。符合APP交互設計的一致性原則,所以整套看起來非常的舒服。

很多APP包裝視覺設計也是采用卡片化設計的。看下圖:

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

APP卡片化設計技巧2、卡片疊層突出立體感

這是一個聯系人的界面,這個界面不是采用常用的列表形式,還是采用卡片疊層的立體視覺效果。讓整個界面更具逼格。

APP卡片化設計技巧3、創意變形的卡片設計

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

非常有創意和設計師想法的 APP設計技巧。

掃碼二維碼 獲取免費視頻學習資料

Python編程學習

查 看2022高級編程視頻教程免費獲取