卡片設計

具有「新擬物風格」的設計。

在左上角打光 (用較亮的顏色下 .shadow() 指令)、在右下角做陰影 (用較暗的顏色),可以讓卡片產生立體感,如果在「整張卡片」後面再加上距離較大的陰影,可讓卡片有「浮出表面」的感覺。

邊緣再用漸層顏色描邊 (.stroke()),讓立體感更佳。

這個設計的程式碼:

  • NeuCard 📦 看起來會浮現在平面上的圓角卡片設計,卡片上有一個圖示,下方有一個靠左的文字標題,卡片邊緣還用漸層的方式描繪,非常特別。

Last updated