眾所周知,APP卡片化設計是目前移動UI設計最火的設計趨勢。特別是android TV 和android 手機上,采用卡片化設計很普遍了。
下面我們先來看看一些優(yōu)秀的APP卡片化設計作品。
APP卡片化設計技巧1、善用卡片 區(qū)分重點信息
第一步:我們先分析和分解界面元素
第1張是圖文卡片化設計列表。一個背景和多個圖文信息的圓角卡片組合而成。
第2張評論內(nèi)容列表 上面是 近期的評論內(nèi)容 下面是過去的評論內(nèi)容 這個界面是按照內(nèi)容使用卡片區(qū)分的
第3張中間橫向滑動區(qū)域是卡片來區(qū)分的
第4張是排行榜的第一名 或者是當前用戶的信息卡片布局展示。
這四張的共同特點是背景是統(tǒng)一的,色彩顏色是一致的。符合APP交互設計的一致性原則,所以整套看起來非常的舒服。
很多APP包裝視覺設計也是采用卡片化設計的??聪聢D:
上面的效果圖是 把每一張APP界面設計效果圖 等比排列好,然后整體向右傾斜55度 即可完成。
APP卡片化設計技巧2、卡片疊層突出立體感
這是一個聯(lián)系人的界面,這個界面不是采用常用的列表形式,還是采用卡片疊層的立體視覺效果。讓整個界面更具逼格。
APP卡片化設計技巧3、創(chuàng)意變形的卡片設計
這個界面是卡片 + 有一定弧度的橢圓形狀組合的卡片布局列表。
非常有創(chuàng)意和設計師想法的 APP設計技巧。
原文來自:推酷