手把手教你画高级UI渐变背景

新建画板，面对一整块纯白画布，明明还没开始设计，就已经累了。界面不是不够精致，就是看起来很“平”；加点装饰吧，又立刻像网页弹窗。很多时候，问题不在组件，而在背景。
今天这篇文章，我会把一类非常耐看、也很好复用的 UI 渐变背景，拆成 3 个步骤讲清楚：
底色怎么选，才不会显得脏；
几何点缀怎么加，才不会抢戏；
留白怎么留，才有“高级感”。[……]

阅读全文 »

别再死磕Figma做UI设计了，用Stitch AI工作流太省事了

作为一个矩阵产品的团队主理人，我最近一直在研究如何用AI来提效设计，让团队的UI同学把精力放在长线精品的项目上去，用AI来完成矩阵产品的UI这类重复性工作

关于Google Stitch[……]

阅读全文 »

零基础学习谷歌图标设计标准

今天分享的是「谷歌图标设计准则」。图标是界面设计里的 “刚需元素”，一个小图标能快速传递很多信息。好的图标需要兼顾简洁、现代、友好。但图标的尺寸很小，设计时既要严格遵守设计规则，又得清晰表达信息，这样才能保证整套图标的风格统一、辨识度高的谷歌图标。
[……]

阅读全文 »

为什么你加了阴影反而更丑？如何有效添加阴影？

在辅导大家进行作品集排版或界面设计时，我注意到很多同学会为了“装饰”而添加阴影效果，但对何时使用、为何使用却概念模糊。

结果不仅没有提升美感，还让版面看起来土土的、没有质感。

今天，我们就[……]

阅读全文 »

苹果中文官网在用的“盘古之白”解析

中文字符与半角的英文、数字、符号之间存在的空格（或空白），因为它劈開了全角字符和半角字符之间的混沌，被称为「盘古之白」。[……]

阅读全文 »

Figma制作可爱自适应长度的按钮组件

今天我们先来做个「相对简单」的视觉按钮教程，使用Figma设计工具制作，让按钮可爱有质感的同时，也能成为按钮组件，按钮支持自适应长度和修改颜色。

Figma按钮组件教程/步骤：
1️⃣ 按[……]

阅读全文 »

这 5 款 Figma 插件直接让我设计效率翻 3 倍

设计总被这些事卡壳？找插图翻遍全网、记色号写满便签、改图颜色调半天… 直到挖到这5款Figma效率插件，每款都精准戳中痛点，亲测用了之后每天能多摸 1 小时鱼！

1️⃣ Storyset[……]

阅读全文 »

Figma 按钮设计秘籍：3 步做出会发光的清亮可爱按钮组件

用 Figma 做按钮总觉得差点意思？要么太呆板，要么甜腻到齁，直到我摸透了「清亮可爱风」的精髓 —— 现在做的按钮组件，甲方看了直夸 “会发光”！分享 3 个私藏小技巧，新手也能秒会！[……]

阅读全文 »