別說你來到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設計技巧。
掃碼二維碼 獲取免費視頻學習資料
- 本文固定鏈接: http://www.wangchenghua.com/post/5122/
- 轉載請注明:轉載必須在正文中標注并保留原文鏈接
- 掃碼: 掃上方二維碼獲取免費視頻資料
查 看2022高級編程視頻教程免費獲取