SCENE #01 审美提升
torph.lochie.me
Torph 让界面文字连续变形
无依赖的文字变形组件，把状态切换做成字形过渡，而不是闪一下换成另一句。
💡 穿透： 无依赖的文字变形组件，把状态切换做成字形过渡，而不是闪一下换成另一句。
点击展开精读
原文 ↗
审美提升
共聚合收录 97 条条目
视觉品味、字体排版、动效细节与当代数字美学
SCENE #02 审美提升
hololive.hololivepro.com
Hololive 换上九周年新标志
保留三角形和蓝色，重画字标，并从当天起在 X 头像等位置陆续替换，作为十周年倒数的视觉起点。
💡 穿透： 保留三角形和蓝色，重画字标，并从当天起在 X 头像等位置陆续替换，作为十周年倒数的视觉起点。
点击展开精读
原文 ↗
SCENE #03 审美提升
x.com
用 JavaScript 生成木炭素描
周末小实验把笔触和纸面颗粒写成程序，画面保留手绘炭笔的深浅，而不是平滑的矢量线。
💡 穿透： 周末小实验把笔触和纸面颗粒写成程序，画面保留手绘炭笔的深浅，而不是平滑的矢量线。
点击展开精读
原文 ↗
SCENE #04 审美提升
stylized.cortiz.dev
Cortiz 给风格化组件站加光标效果
新场景 Amegakure 之外，首页补上光标互动和着色器过渡，开源组件仍按水、草、雨雾分组演示。
💡 穿透： 新场景 Amegakure 之外，首页补上光标互动和着色器过渡，开源组件仍按水、草、雨雾分组演示。
点击展开精读
原文 ↗
SCENE #05 审美提升
x.com
Ale Paul 发布新字体 Cuica
Sudtipos 这套新字有鲜明的曲线和对比，适合标题和包装，而不是作为正文的中性无衬线。
💡 穿透： Sudtipos 这套新字有鲜明的曲线和对比，适合标题和包装，而不是作为正文的中性无衬线。
点击展开精读
原文 ↗
SCENE #06 审美提升
designboom.com
宜家把 Xbox 手柄做成家具
YXSTABY 九件家具从手柄三维文件长出来，10 月 1 日进店，把按键和握把比例搬到桌椅上。
💡 穿透： YXSTABY 九件家具从手柄三维文件长出来，10 月 1 日进店，把按键和握把比例搬到桌椅上。
点击展开精读
原文 ↗
SCENE #07 审美提升
x.com
在 Godot 里重做 N64 三点过滤
作者把三点纹理过滤写成着色器，并并排对比线性过滤，让近景像素块更接近主机画面。
💡 穿透： 作者把三点纹理过滤写成着色器，并并排对比线性过滤，让近景像素块更接近主机画面。
点击展开精读
原文 ↗
SCENE #08 审美提升
x.com
三份旧字体材料拼出新的排版练习
字书、乙烯基字贴与旧字体目录成为素材；立体块字与细小衬线字在同张版面形成反差。
💡 穿透： 字书、乙烯基字贴与旧字体目录成为素材；立体块字与细小衬线字在同张版面形成反差。
点击展开精读
原文 ↗
SCENE #09 审美提升
x.com
一块带着个性的产品对比区
在制页面用左右两块区域对比代理工具，把参数表拆成更轻的图标、短句与留白。
💡 穿透： 在制页面用左右两块区域对比代理工具，把参数表拆成更轻的图标、短句与留白。
点击展开精读
原文 ↗
SCENE #10 审美提升
kamath.io
把自己的手写字做成网站字体
作者将笔迹制成字体，把个人网站排成笔记本；格线、涂鸦和照片延续随手书写的感觉。
💡 穿透： 作者将笔迹制成字体，把个人网站排成笔记本；格线、涂鸦和照片延续随手书写的感觉。
点击展开精读
原文 ↗
SCENE #11 审美提升
x.com
用三维场景再现 Rickroll 舞步
画面并排展示参考视频与三维结果，从手部姿态到服装动作，都能直接看出再现程度。
💡 穿透： 画面并排展示参考视频与三维结果，从手部姿态到服装动作，都能直接看出再现程度。
点击展开精读
原文 ↗
SCENE #12 审美提升
x.com
让永井博画里的街景变成可漫游世界
创作者以画作为参考搭出可探索场景，保留泳池、棕榈与蓝天，展示平面图像的空间延伸。
💡 穿透： 创作者以画作为参考搭出可探索场景，保留泳池、棕榈与蓝天，展示平面图像的空间延伸。
点击展开精读
原文 ↗
SCENE #13 审美提升
x.com
七千片竹条在展厅里长成森林
新发布的首尔现场照片中，竹条的密度与弯曲把光影编进空间，让展厅出现多层观看路径。
💡 穿透： 新发布的首尔现场照片中，竹条的密度与弯曲把光影编进空间，让展厅出现多层观看路径。
点击展开精读
原文 ↗
SCENE #14 审美提升
x.com
Alma 用发光水母组织品牌视觉
柔光与透明材质贯穿标志、网页和周边，抽象的计算能力有了轻盈而连贯的形象。
💡 穿透： 柔光与透明材质贯穿标志、网页和周边，抽象的计算能力有了轻盈而连贯的形象。
点击展开精读
原文 ↗
SCENE #15 审美提升
jhey.dev
长按表情按钮，展开一段选择动作
Jhey 的交互实验把按住、滑动与反馈连起来，让一个小按钮承载更丰富的表达。
💡 穿透： Jhey 的交互实验把按住、滑动与反馈连起来，让一个小按钮承载更丰富的表达。
点击展开精读
原文 ↗
SCENE #16 审美提升
x.com
Segol 的小写字母变成立体曲面
黑白条纹与紫色反光沿着笔画流动，纤细轮廓包住饱满曲面，静止的字形也有了体积。
💡 穿透： 黑白条纹与紫色反光沿着笔画流动，纤细轮廓包住饱满曲面，静止的字形也有了体积。
点击展开精读
原文 ↗
SCENE #17 审美提升
x.com
让细线字形在几何边界里运动
用 TouchDesigner 试验笔画字体，网格、轮廓与文字在运动中相互牵动。
💡 穿透： 用 TouchDesigner 试验笔画字体，网格、轮廓与文字在运动中相互牵动。
点击展开精读
原文 ↗
SCENE #18 审美提升
gionatannese.com
Gionatan Nese 作品集获 FWA 日奖
项目环绕成可探索的入口，字体、三维与动效共同介绍设计师；九月五日获选每日作品。
💡 穿透： 项目环绕成可探索的入口，字体、三维与动效共同介绍设计师；九月五日获选每日作品。
点击展开精读
原文 ↗
SCENE #19 审美提升
x.com
Studiyo 展示立体吉祥物实验
圆润体块、明确表情与大面积留白，让立体角色在小尺寸下也能辨认，原帖附动态演示。
💡 穿透： 圆润体块、明确表情与大面积留白，让立体角色在小尺寸下也能辨认，原帖附动态演示。
点击展开精读
原文 ↗
SCENE #20 审美提升
x.com
糖粒落下，甜甜圈成为一段短动画
归藏的 Blender 成片长六秒，糖粒洒落、镜头拉远，糖霜与陶瓷的材质逐渐显露。
💡 穿透： 归藏的 Blender 成片长六秒，糖粒洒落、镜头拉远，糖霜与陶瓷的材质逐渐显露。
点击展开精读
原文 ↗
SCENE #21 审美提升
designboom.com
SPOK：网球线被弯成能打的错觉
直线被拧成圈，球场还在，几何第一次肯让人打进错觉里。
💡 穿透： 直线被拧成圈，球场还在，几何第一次肯让人打进错觉里。
点击展开精读
原文 ↗
SCENE #22 审美提升
houbihome.com
VITA：花谢了，瓶子还在向前接
口沿向前弯，凋谢被收成姿态，花瓶第一次把枯写成承接。
💡 穿透： 口沿向前弯，凋谢被收成姿态，花瓶第一次把枯写成承接。
点击展开精读
原文 ↗
SCENE #23 审美提升
designboom.com
首尔住宅：一九六八的房子，被院子和木构切开
旧壳留下，院子从中间穿过，家第一次被重新切开才透气。
💡 穿透： 旧壳留下，院子从中间穿过，家第一次被重新切开才透气。
点击展开精读
原文 ↗
SCENE #24 审美提升
designboom.com
mur mur：袖珍生态自己发环境声
盒子里的小世界在变，声音跟着长，音箱第一次有了天气。
💡 穿透： 盒子里的小世界在变，声音跟着长，音箱第一次有了天气。
点击展开精读
原文 ↗
SCENE #25 审美提升
designboom.com
精灵球：巨型的那只，做成能睡的舱
玩具被放大到能躺进去，图标第一次肯当一张床。
💡 穿透： 玩具被放大到能躺进去，图标第一次肯当一张床。
点击展开精读
原文 ↗
SCENE #26 审美提升
designboom.com
断裂埃菲尔：塔摔进沙漠
标志被折断放下，纪念碑第一次肯以失败的姿势站着。
💡 穿透： 标志被折断放下，纪念碑第一次肯以失败的姿势站着。
点击展开精读
原文 ↗
SCENE #27 审美提升
designboom.com
Arsham：麦粒被收成会动的雕塑
谷物自己走起来，威士忌的年被写成能看的一场。
💡 穿透： 谷物自己走起来，威士忌的年被写成能看的一场。
点击展开精读
原文 ↗
SCENE #28 审美提升
designboom.com
Fraser：树皮热塑成灯
枝和皮被收成能亮的那一层，自然第一次肯当灯罩。
💡 穿透： 枝和皮被收成能亮的那一层，自然第一次肯当灯罩。
点击展开精读
原文 ↗
SCENE #29 审美提升
designboom.com
Los Cabos：画廊挖进地下四米，屋顶是天空
墙在地下，顶是开口，看画第一次要先走下一层光。
💡 穿透： 墙在地下，顶是开口，看画第一次要先走下一层光。
点击展开精读
原文 ↗
SCENE #30 审美提升
fontsinuse.com
Fonts in Use 深度复盘：经典名刊《The New Yorker》百年不变的字体优雅密码
从 Irvin 专属字体到标题大小写韵律，解构手绘质感与文学格调如何在岁月流转中沉淀为不朽的视觉图腾。
💡 穿透： 追逐潮流者终被潮流抛弃，建立独特文字审美者方能经久不衰；你的排版就是你的思想面貌。
点击展开精读
原文 ↗
SCENE #31 审美提升
film-grab.com
电影色调的色彩心理学：冷调青蓝与暖调琥珀在光影叙事中的情绪对冲
解析《银翼杀手2049》与《奥本海默》的影调建立法则，如何通过色彩温度引导观众潜在的潜意识情绪。
💡 穿透： 色彩是直接对话潜意识的钥匙，在设计中使用精妙的冷暖对冲，能让用户在无形中感受到界面的情绪张力。
点击展开精读
原文 ↗
SCENE #32 审美提升
siteinspire.com
Siteinspire 2026 年度入选佳作巡礼：当代极简白底排版的留白与呼吸感
精选 10 款获得国际顶尖设计大奖的独立作品，解析大字号纯文字排版如何依靠精致比例营造奢侈品级格调。
💡 穿透： 最高级的设计往往是做减法，敢于在画面中大面积留白，源于对自身内容品质与排版节奏的绝对自信。
点击展开精读
原文 ↗
SCENE #33 审美提升
archdaily.com
ArchDaily 建筑美学借镜：空间流动性与视线通透感对现代 UI 布局的启示
包豪斯与密斯·凡德罗的「少即是多」如何在数字屏幕上具象化，用建筑层叠思维重塑组件的层级纵深。
💡 穿透： 界面就是数字世界的建筑，掌握虚实相生、层叠有致的空间感，你的软件就能散发出建筑般的庄严与从容。
点击展开精读
原文 ↗
SCENE #34 审美提升
brutalistwebsites.com
Brutalist Web 粗野主义设计赏析：打破规矩的叛逆美学与纯粹机能表达
未经粉饰的原始代码边框、刺目的单色荧光高亮与非对称排版，如何成为新一代先锋独立站点的酷感标签。
💡 穿透： 当所有产品都在追求千篇一律的圆角和渐变时，适度的锋芒与粗粝反而能瞬间撕开审美疲劳，留下难忘印记。
点击展开精读
原文 ↗
SCENE #35 审美提升
minimalissimo.com
Minimalissimo 设计哲学：物质极简与精神丰盈在数字产品中的投射
探讨如何剔除一切装饰性的无谓干扰，让用户的全部注意力自然沉浸在文字的穿透力与纯粹价值中。
💡 穿透： 极简不是简陋，而是对本质的极致苛求；把杂质过滤干净，留下的每一句话才能掷地有声。
点击展开精读
原文 ↗
SCENE #36 审美提升
x.com
Apple Event 广告：发布会还没开始，广告先把自己写成片
调子先在 YouTube 上打出去，发布会还没开，片已经在传。
💡 穿透： 调子先在 YouTube 上打出去，发布会还没开，片已经在传。
点击展开精读
原文 ↗
SCENE #37 审美提升
designboom.com
OMA 台北：住户先改标准塔，住宅不再只是复制层
更新被写成住户能改的形状，塔不再只有一种标准答案。
💡 穿透： 更新被写成住户能改的形状，塔不再只有一种标准答案。
点击展开精读
原文 ↗
SCENE #38 审美提升
x.com
Superlogical：内存优化被拍成能看完的几招
压缩、快照、线程被收成一段演示，手艺第一次肯给别人看。
💡 穿透： 压缩、快照、线程被收成一段演示，手艺第一次肯给别人看。
点击展开精读
原文 ↗
SCENE #39 审美提升
designboom.com
Carlo Ratti：每户都能看见大西洋，锯齿是为了视线
折线不是造型，是让每一户都够到海，平面先为视线服务。
💡 穿透： 折线不是造型，是让每一户都够到海，平面先为视线服务。
点击展开精读
原文 ↗
SCENE #40 审美提升
designboom.com
Lucas 博物馆：叙事艺术馆漂在洛杉矶的花园上
馆被托离地面，花园从底下穿过去，开幕前先把漂着这一下做完。
💡 穿透： 馆被托离地面，花园从底下穿过去，开幕前先把漂着这一下做完。
点击展开精读
原文 ↗
SCENE #41 审美提升
x.com
StyleX：Shopify 算完了，换引擎的汁不够补那口
确定性换不来自适应，设计系统那层私有约定还在。
💡 穿透： 确定性换不来自适应，设计系统那层私有约定还在。
点击展开精读
原文 ↗
SCENE #42 审美提升
youtube.com
Evil Rabbit：从阿根廷讲到现在，设计师的路被收成一集
记忆被摊开，个人站和产品背后那条路第一次被说完。
💡 穿透： 记忆被摊开，个人站和产品背后那条路第一次被说完。
点击展开精读
原文 ↗
SCENE #43 审美提升
x.com
jh3yy：无限网格其实是你站在一只桶里
滚动被收成站在桶壁上，错觉成立，是因为空间先被说破。
💡 穿透： 滚动被收成站在桶壁上，错觉成立，是因为空间先被说破。
点击展开精读
原文 ↗
SCENE #44 审美提升
store.elevenlabs.io
ElevenLabs Store：声音公司第一次开了周边铺
声音被做成能买走的物件，品牌从模型页走进了货架。
💡 穿透： 声音被做成能买走的物件，品牌从模型页走进了货架。
点击展开精读
原文 ↗
SCENE #45 审美提升
machine-vision-seven.vercel.app
Machine Vision：视频分析被收成能玩的仪
实时画面变成可控图形，分析第一次长成能上手的仪器。
💡 穿透： 实时画面变成可控图形，分析第一次长成能上手的仪器。
点击展开精读
原文 ↗
SCENE #46 审美提升
fastpotify.rocks
Fastpotify：Winamp 皮接到现在的播放器上
第三方客户端故意变小变快，老皮肤第一次能贴回现在。
💡 穿透： 第三方客户端故意变小变快，老皮肤第一次能贴回现在。
点击展开精读
原文 ↗
SCENE #47 审美提升
kickstarter.com
April 手磨：口味被写成能拧的机械
风味清晰度被收进研磨结构里，手感第一次为味道服务。
💡 穿透： 风味清晰度被收进研磨结构里，手感第一次为味道服务。
点击展开精读
原文 ↗
SCENE #48 审美提升
rsquare.work
Rsquare：品牌怎么动，被写成站点
静态和动态被收成同一套手，工作室先让人看见它如何移动。
💡 穿透： 静态和动态被收成同一套手，工作室先让人看见它如何移动。
点击展开精读
原文 ↗
SCENE #49 审美提升
threejs-journey.com
WebGPU TSL：课被写成能跟完的 23 小时
新接口被收成能拿证的课，第一课免费，后面按自己的速度走。
💡 穿透： 新接口被收成能拿证的课，第一课免费，后面按自己的速度走。
点击展开精读
原文 ↗
SCENE #50 审美提升
x.com
Raycast 书：快捷键被印成能翻的本
工具第一次出了实体书，东京见面会把封面递到手上。
💡 穿透： 工具第一次出了实体书，东京见面会把封面递到手上。
点击展开精读
原文 ↗
SCENE #51 审美提升
threestarbooks.com
Three Star：艺术家的书自己当封面
限量书被摊在首页，出版社把自己收成能翻的陈列。
💡 穿透： 限量书被摊在首页，出版社把自己收成能翻的陈列。
点击展开精读
原文 ↗
SCENE #52 审美提升
b2tf.app
B2TF：复古手机界面被收成目录
过时的屏被当成审美对象，目录让人重新看见那些按钮。
💡 穿透： 过时的屏被当成审美对象，目录让人重新看见那些按钮。
点击展开精读
原文 ↗
SCENE #53 审美提升
dezeen.com
八月五座房子：空间自己当封面
一个月的房子被并排摊开，封面不再先写事务所的名字。
💡 穿透： 一个月的房子被并排摊开，封面不再先写事务所的名字。
点击展开精读
原文 ↗
SCENE #54 审美提升
dezeen.com
Split Mass：斜坡绿屋顶把家人连在一起
屋顶跟着坡走，家里的人不必下楼，才能在同一层碰面。
💡 穿透： 屋顶跟着坡走，家里的人不必下楼，才能在同一层碰面。
点击展开精读
原文 ↗
SCENE #55 审美提升
craft.wild.as
Wild Craft：最后百分之十仍靠人判断
工艺被写成常量，工程和模型只负责把它做多。
💡 穿透： 工艺被写成常量，工程和模型只负责把它做多。
点击展开精读
原文 ↗
SCENE #56 审美提升
laurent.fyi
laurent.fyi：周末做完的站，自己当作品
个人站不再当名片，做成一件周末就能看完的作品。
💡 穿透： 个人站不再当名片，做成一件周末就能看完的作品。
点击展开精读
原文 ↗
SCENE #57 审美提升
x.com
WorldGen：一张图生成能拆开的布景
前景能拆、背景能逛，训练场从一张图里长出来。
💡 穿透： 前景能拆、背景能逛，训练场从一张图里长出来。
点击展开精读
原文 ↗
SCENE #58 审美提升
phaidon.com
MSCHF：恶作剧第一次被收成能翻的画册
那些会过期的作品，被压进一本还能翻的书里。
💡 穿透： 那些会过期的作品，被压进一本还能翻的书里。
点击展开精读
原文 ↗
SCENE #59 审美提升
x.com
DialKit：英雄区被一遍遍拧出来
上线前那一屏被一遍遍拧过，过程本身被留下来给人看。
💡 穿透： 上线前那一屏被一遍遍拧过，过程本身被留下来给人看。
点击展开精读
原文 ↗
SCENE #60 审美提升
matthewvernon.co
Matthew Vernon：履历直接铺成站点
纽约产品设计师把作品摊在首页，不再另做一层包装。
💡 穿透： 纽约产品设计师把作品摊在首页，不再另做一层包装。
点击展开精读
原文 ↗
SCENE #61 审美提升
utopiatokyo.com
Utopia Tokyo：面具和监视做成能逛的城
被看、被标记、被戴上面具，这些事被做成能走进去的站。
💡 穿透： 被看、被标记、被戴上面具，这些事被做成能走进去的站。
点击展开精读
原文 ↗
SCENE #62 审美提升
mikes.cv
Mike's CV：产品设计师个人站
履历本身就是界面。今天进，是因为个人站把 CV 当成产品来排。
💡 穿透： 履历本身就是界面。今天进，是因为个人站把 CV 当成产品来排。
点击展开精读
原文 ↗
SCENE #63 审美提升
ryotakemasa.com
武政谅：插画站
报纸和杂志封面排成一列。今天进，是因为插画站把委托作品直接铺开，不另做包装。
💡 穿透： 报纸和杂志封面排成一列。今天进，是因为插画站把委托作品直接铺开，不另做包装。
点击展开精读
原文 ↗
SCENE #64 审美提升
r3f.maximeheckel.com
LCD isometric：等距液晶着色器
像素格子被做成能转的房间。今天进，是因为着色器终于找到合适的场景，不是再丢一张噪声。
💡 穿透： 像素格子被做成能转的房间。今天进，是因为着色器终于找到合适的场景，不是再丢一张噪声。
点击展开精读
原文 ↗
SCENE #65 审美提升
anordain.com
Anordain：英国制表站
表盘和工艺摊在第一屏。今天进，是因为物的站点把制作过程当成能逛的页。
💡 穿透： 表盘和工艺摊在第一屏。今天进，是因为物的站点把制作过程当成能逛的页。
点击展开精读
原文 ↗
SCENE #66 审美提升
dezeen.com
六座农舍：改造专辑
旧房子被收成一组。今天进，是因为改造案例被并排放，空间本身就是封面。
💡 穿透： 旧房子被收成一组。今天进，是因为改造案例被并排放，空间本身就是封面。
点击展开精读
原文 ↗
SCENE #67 审美提升
hallee.me
Hal Lee：设计工程师个人站
项目被收进一本能翻的书。今天进，是因为个人站把作品集做成物件，不是又一份简历。
💡 穿透： 项目被收进一本能翻的书。今天进，是因为个人站把作品集做成物件，不是又一份简历。
点击展开精读
原文 ↗
SCENE #68 审美提升
designboom.com
塞内加尔社区中心：夯土和竹顶
当地材料和结构写在一起。今天进，是因为建筑照片把公共空间做成能看懂的对象。
💡 穿透： 当地材料和结构写在一起。今天进，是因为建筑照片把公共空间做成能看懂的对象。
点击展开精读
原文 ↗
SCENE #69 审美提升
x.com
Ramp 插画：Offgrid 做的品牌动效
纹理在动。今天进，是因为财务产品的插画被做成能看几秒的物件。
💡 穿透： 纹理在动。今天进，是因为财务产品的插画被做成能看几秒的物件。
点击展开精读
原文 ↗
SCENE #70 审美提升
bureautonalli.com
Bureau Tonalli：巴黎 CGI 工作室站
图像先把人按住。今天进，是因为工作室站把 CGI 当封面，不是先放一段关于我们。
💡 穿透： 图像先把人按住。今天进，是因为工作室站把 CGI 当封面，不是先放一段关于我们。
点击展开精读
原文 ↗
SCENE #71 审美提升
haz.ee
Aetheryte Radio：电台先有外形
接收器被做成能被看见的物。声音产品先靠外形才像台。
💡 穿透： 接收器被做成能被看见的物。声音产品先靠外形才像台。
点击展开精读
原文 ↗
SCENE #72 审美提升
ekunazanu.foo
Quantifying Colour：颜色被重新量一遍
色度本身就是对象。视觉工具写在能核对的坐标上。
💡 穿透： 色度本身就是对象。视觉工具写在能核对的坐标上。
点击展开精读
原文 ↗
SCENE #73 审美提升
laser.consti.de
Laser Graffiti：墙上的字是光写的
涂鸦有物理。交互先让手留下能消失的痕迹。
💡 穿透： 涂鸦有物理。交互先让手留下能消失的痕迹。
点击展开精读
原文 ↗
SCENE #74 审美提升
aigc.cn
关停五年后，虾米被阿里用 AI「复活」：HappyShrimp 音乐模型实战
阿里发布 HappyShrimp 1.0 AI 音乐模型并与太合音乐达成战略合作，通过自然语言生成高完成度多音轨乐曲与人声伴奏。
💡 穿透： AI 音乐走向工业化配乐生产，极大降低了漫剧 BGM 与播客音频制作的版权成本。
点击展开精读
原文 ↗
SCENE #75 审美提升
defrag98.com
Defrag98：碎片整理被做成能看的棋盘
色块在走，磁盘声还在。怀旧先让人停下来看，文件却不被真的动。
💡 穿透： 色块在走，磁盘声还在。怀旧先让人停下来看，文件却不被真的动。
点击展开精读
原文 ↗
SCENE #76 审美提升
itsnicethat.com
Moriz Oberberger：弯掉的小人还是日常
橱窗和杂志页上的那种歪。普通场面被画成能停一下的东西。
💡 穿透： 橱窗和杂志页上的那种歪。普通场面被画成能停一下的东西。
点击展开精读
原文 ↗
SCENE #77 审美提升
ckardaris.com
键盘优先的图形界面：指针不该是默认
快捷键写成结构，而不是彩蛋。界面先为手留路。
💡 穿透： 快捷键写成结构，而不是彩蛋。界面先为手留路。
点击展开精读
原文 ↗
SCENE #78 审美提升
acko.net
曲率贝塞尔：老配方被重算一遍
曲线本身就是对象。工具改进写在能看见的轨迹上。
💡 穿透： 曲线本身就是对象。工具改进写在能看见的轨迹上。
点击展开精读
原文 ↗
SCENE #79 审美提升
decathlonyestalgia.com
Decathlon Yestalgia：九十年代被做成能逛的站
胶囊系列靠插画和动效上场。电商先让人想翻，而不只是下单。
💡 穿透： 胶囊系列靠插画和动效上场。电商先让人想翻，而不只是下单。
点击展开精读
原文 ↗
SCENE #80 审美提升
sometimes.digital
绘图仪实验：线是机器走出来的
一笔一画有物理。生成图像开始有能听见的摩擦。
💡 穿透： 一笔一画有物理。生成图像开始有能听见的摩擦。
点击展开精读
原文 ↗
SCENE #81 审美提升
huggingface.co
Microduck 模拟器：先在浏览器里摔跤
训练场公开。实物还没到，动作已经能被看见。
💡 穿透： 训练场公开。实物还没到，动作已经能被看见。
点击展开精读
原文 ↗
SCENE #82 审美提升
magicpatterns.com
Magic Patterns 主题乐园：生成器盖一座能逛的园
生成界面被做成能玩的场。设计工具开始卖现场，不卖组件包。
💡 穿透： 生成界面被做成能玩的场。设计工具开始卖现场，不卖组件包。
点击展开精读
原文 ↗
SCENE #83 审美提升
itsnicethat.com
Guzzle 第三期：食物被画成能翻的杂志
插画先让人想摸封面。食物杂志靠这一层才像刊物，而不是菜单。
💡 穿透： 插画先让人想摸封面。食物杂志靠这一层才像刊物，而不是菜单。
点击展开精读
原文 ↗
SCENE #84 审美提升
github.com
1 万条生图提示词 Skill
审美被收成可搜的库，不是灵感板。
💡 穿透： 审美被收成可搜的库，不是灵感板。
点击展开精读
原文 ↗
SCENE #85 审美提升
css-tricks.com
CSS animation-trigger：滚动触发写成属性
滚动触发动画被写成属性。审美开始有新语法。
💡 穿透： 滚动触发动画被写成属性。审美开始有新语法。
点击展开精读
原文 ↗
SCENE #86 审美提升
x.com
落地页英雄图：设计和实拍同一构图
同一构图两套图。AI 味往往出在「太干净」，实拍脏一点才像真的。
💡 穿透： 同一构图两套图。AI 味往往出在「太干净」，实拍脏一点才像真的。
点击展开精读
原文 ↗
SCENE #87 审美提升
daringfireball.net
Mac mini / Studio：配置表就是信息设计
配置表本身就是信息设计。Gruber 把价格差摊开给你看。
💡 穿透： 配置表本身就是信息设计。Gruber 把价格差摊开给你看。
点击展开精读
原文 ↗
SCENE #88 审美提升
x.com
Recraft 发布页：两天 Figma，其余直接在代码里设计
设计交付从切图变成和模型一起写前端。精致不再需要一个部门。
💡 穿透： 设计交付从切图变成和模型一起写前端。精致不再需要一个部门。
点击展开精读
原文 ↗
SCENE #89 审美提升
github.com
garden-skills：开源的网页设计 Skill 集
审美开始被打包成可安装的技能，不是灵感板。
💡 穿透： 审美开始被打包成可安装的技能，不是灵感板。
点击展开精读
原文 ↗
SCENE #90 审美提升
supermetal.io
supermetal.io 的品牌和首页
金属感、大留白、少字。工业品网站现在都在学这套硬。
💡 穿透： 金属感、大留白、少字。工业品网站现在都在学这套硬。
点击展开精读
原文 ↗
SCENE #91 审美提升
css-tricks.com
MicroLighter：语法高亮被做成极小工具
代码长什么样，也是界面。
💡 穿透： 代码长什么样，也是界面。
点击展开精读
原文 ↗
SCENE #92 审美提升
x.com
H3 做的冰淇淋站：字、悬停、弹跳全是生成的
动效不再是时间轴，是模型一次出完整交互空气。
💡 穿透： 动效不再是时间轴，是模型一次出完整交互空气。
点击展开精读
原文 ↗
SCENE #93 审美提升
huskyfox.com
KATSEYE 品牌识别
女团识别做成系统，而不是一张漂亮海报。
💡 穿透： 女团识别做成系统，而不是一张漂亮海报。
点击展开精读
原文 ↗
SCENE #94 审美提升
x.com
API Key 落地页：密钥页不该长得像后台
开发者产品也可以有电影感。密钥页不该长得像后台。
💡 穿透： 开发者产品也可以有电影感。密钥页不该长得像后台。
点击展开精读
原文 ↗
SCENE #95 审美提升
css-tricks.com
WordPress 只用 PHP 注册区块
编辑器的语法变了，页面长相会跟着变。
💡 穿透： 编辑器的语法变了，页面长相会跟着变。
点击展开精读
原文 ↗
SCENE #96 审美提升
learn.matchstic.com
品牌规范：第二受众是 AI 机器
规范以前写给人看，现在还得让模型读得懂。
💡 穿透： 规范以前写给人看，现在还得让模型读得懂。
点击展开精读
原文 ↗
SCENE #97 审美提升
x.com
Figma Make 和 Claude：能出两版，判断才决定上哪版
AI 能出两版。产品判断才决定哪一版上线。
💡 穿透： AI 能出两版。产品判断才决定哪一版上线。
点击展开精读
原文 ↗