UI 卡片製作 (漸層設計) | Figma 教學
今天這集我們來製作另外一種卡片設計的方式. 我分享了一種我常用的設計方式, 就是結合漸層陰影, 來讓文字可更方便在圖片上閱讀. 其中我們也會大概介紹Boolean 的 Subtract設定.
支持這頻道: https://ko-fi.com/alandesign
設計檔: https://drive.google.com/drive/folders/1Oti7EdD3MEBaHhglXmA2Vm6Yqpjfn26X?usp=sharing
---------------------------------------------------------------------------------------------------------
0:00 設計介紹
0:30 設計開始: 字體建立
3:20 按鈕 Icon 擷取
4:58 按紐 Icon 設定
7:20 卡片多層 Auto Layout
8:18 底色圖片代替
10:35 漸層凸顯字體視覺設計
13:45 額外: Subtract 圖型設計
16:45 額外: 卡片陰影加入
17:58 設計結尾
---------------------------------------------------------------------------------------------------------
#卡片設計 #漸層figma #方便閱讀的設計 #figma教學 #figmaGradient #figmaBooleanSubtract
支持這頻道: https://ko-fi.com/alandesign
設計檔: https://drive.google.com/drive/folders/1Oti7EdD3MEBaHhglXmA2Vm6Yqpjfn26X?usp=sharing
---------------------------------------------------------------------------------------------------------
0:00 設計介紹
0:30 設計開始: 字體建立
3:20 按鈕 Icon 擷取
4:58 按紐 Icon 設定
7:20 卡片多層 Auto Layout
8:18 底色圖片代替
10:35 漸層凸顯字體視覺設計
13:45 額外: Subtract 圖型設計
16:45 額外: 卡片陰影加入
17:58 設計結尾
---------------------------------------------------------------------------------------------------------
#卡片設計 #漸層figma #方便閱讀的設計 #figma教學 #figmaGradient #figmaBooleanSubtract