界面設計中的卡片式是什麼？

隨着手機APP的快速發展，越來越多的風格開始應用在設計中，卡片式就是其中的一種，這種風格能夠讓界面排版更簡潔，看起來更舒服，下面以設計為實例來介紹下卡片式風格。

卡片式風格

（01）要想設計卡片式風格的話，我們需要將背景和卡片的顏色進行區分，選擇“矩形”創建同等大小的背景，一般顏色為#f9f9f9.

（02）卡片式風格也是有導航欄和狀態欄的，找個預設的格式來複制粘貼就行了。

（03）接着開始繪製卡片，選擇“矩形”工具欄繪製卡片，一排的數量根據個人的想法來設計。

（04）一般來説我們的卡片都是白色的，點選矩形，在右側“填充”中更改顏色。

（05）做卡片式的設計需要讓形狀看起來更立體點，我們需要添加1px的描邊效果。

（06）最重要的是投影效果，添加投影效果之後能讓卡片看起來更立體，點擊“陰影”進行調整。

（07）卡片式設計的重點就是凸出圖片的效果，我們可以置入兩張圖片來查看下效果，如下圖，在界面中，如果設計文字的話，就是輔助作用，重點是凸出圖片內容。

（08）如下圖我們可以看到，如果有卡片式來排版的話，整個界面看起來就會乾淨很多，但是如果圖片質量不好的話，不建議使用這種風格。

（09）當然設計的時候需要靈活變通，如下圖，如果頁面只想擺放一張圖片的話，就需要對卡片的大小進行調整，這就看設計師對格局的把控了，反正一定要選好素材圖。