跳转到主要内容

[ 文章 ]

思考

关于设计、技术、品牌与商业的观察与复盘。假作真时真亦假,无为有处有还无。

#啊我的娃w1#动效4#Framer Motion3#性能2#SVG1#滤镜1#设计3#侘寂1#色彩2#设计系统1#工程1#叙事1#Next.js1#MDX1#技术栈1#落地页1#流程1#品牌1#Omakase1
大王01
1 分钟

大王

大王

#啊我的娃w
asd02
1 分钟

asd

啊我是

#动效#Framer Motion#性能
数字滚动动画的实现与性能优化55603
1 分钟

数字滚动动画的实现与性能优化556

从 AnimatePresence 到逐位滚动,拆解一个克制而精致的数字动画,并让它保持 60fps。

#动效#Framer Motion#性能
用 SVG 滤镜做「沙子溶解」转场:feTurbulence + feDisplacementMap 实战04
1 分钟

用 SVG 滤镜做「沙子溶解」转场:feTurbulence + feDisplacementMap 实战

不依赖图片素材,只用 SVG 滤镜链,就能实现图片像沙粒一样消散的转场效果。

#SVG#动效#滤镜
暗色界面的侘寂:留白、克制,与朱红的一点红05
1 分钟

暗色界面的侘寂:留白、克制,与朱红的一点红

为什么高级的暗色界面从不堆砌,而是懂得在深渊般的黑色里,留出呼吸与一点朱红。

#设计#侘寂#色彩
品牌色彩系统如何落地为代码 Token06
1 分钟

品牌色彩系统如何落地为代码 Token

从设计师的色板到工程师的变量,一套可维护的色彩 Token 是怎么建立起来的。

#设计系统#色彩#工程
逐字揭示与滚动叙事:动效的节奏感07
1 分钟

逐字揭示与滚动叙事:动效的节奏感

让一段文字随着滚动逐字点亮,关键不在技术,而在节奏——以及避开一个经典的 React 陷阱。

#动效#Framer Motion#叙事
商业设计师的技术栈:为什么我选 Next.js + MDX08
1 分钟

商业设计师的技术栈:为什么我选 Next.js + MDX

一个需要同时兼顾商业表达与技术实现的人,为什么最终把博客建在 Next.js 上,并用 MDX 写作。

#Next.js#MDX#技术栈
一个落地页的诞生:从草图到上线09
1 分钟

一个落地页的诞生:从草图到上线

复盘一个落地页从想法到上线的完整过程,以及那些只在落地时才会暴露的问题。

#设计#落地页#流程
从 Omakase 到像素:一个跨学科创作者的设计观10
1 分钟

从 Omakase 到像素:一个跨学科创作者的设计观

高端日料里「把决定交给主厨」的哲学,如何反向塑造了我做设计与产品的方式。

#设计#品牌#Omakase

假作真时真亦假,无为有处有还无。

凯 · KAI000%
泪蛋蛋掉在酒杯杯里
DJ版 · 镐天
0:000:00