界面設計中的卡片式是什么？
隨著手機APP的快速發展，越來越多的風格開始應用在設計中，卡片式就是其中的一種，這種風格能夠讓界面排版更簡潔，看起來更舒服，下面以設計為實例來介紹下卡片式風格。
卡片式風格
-
01
要想設計卡片式風格的話，我們需要將背景和卡片的顏色進行區分，選擇“矩形”創建同等大小的背景，一般顏色為#f9f9f9.
-
02
卡片式風格也是有導航欄和狀態欄的，找個預設的格式來復制粘貼就行了。
-
03
接著開始繪制卡片，選擇“矩形”工具欄繪制卡片，一排的數量根據個人的想法來設計。
-
04
一般來說我們的卡片都是白色的，點選矩形，在右側“填充”中更改顏色。
-
05
做卡片式的設計需要讓形狀看起來更立體點，我們需要添加1px的描邊效果。
-
06
最重要的是投影效果，添加投影效果之后能讓卡片看起來更立體，點擊“陰影”進行調整。
-
07
卡片式設計的重點就是凸出圖片的效果，我們可以置入兩張圖片來查看下效果，如下圖，在界面中，如果設計文字的話，就是輔助作用，重點是凸出圖片內容。
-
08
如下圖我們可以看到，如果有卡片式來排版的話，整個界面看起來就會干凈很多，但是如果圖片質量不好的話，不建議使用這種風格。
-
09
當然設計的時候需要靈活變通，如下圖，如果頁面只想擺放一張圖片的話，就需要對卡片的大小進行調整，這就看設計師對格局的把控了，反正一定要選好素材圖。
- End
- 發表于 2017-12-02 00:00
- 閱讀 ( 716 )
- 分類：電子數碼
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章