Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

怎么避免把 AI 产品设计出清明节的感觉 #迷你设计课 1/n 小宇宙上线了“问问小宇宙”,你可以用 AI、自然语言来搜索喜欢的节目 奇怪的是小宇宙把这个页面设计得阴郁、幽暗、晦涩、执拗…跟他们文艺、年轻、自我肯定的用户群完全不搭 体验地址:

22,035 görüntüleme • 2 yıl önce •via X (Twitter)

10 Yorum

倪爽 profil fotoğrafı
倪爽2 yıl önce

2/n 作为设计师,我能理解小宇宙设计师的初衷 他们用了“怀旧/Nostalgia”设计思路,这在全世界的 Gen-Z 人群里都非常受欢迎 这种奇怪的视觉风格,实际上是在模仿几十年前单色的、老式的显示器屏幕;那些动来动去的细线,其实是模拟老式 CRT 显示器的扫描线 想法挺好,但执行的效果完全没法看 对比一下以前介绍过的 Poolside FM,也是用怀旧设计思路、模仿 1990 年代的老式苹果电脑,他们的执行效果就非常好

倪爽 profil fotoğrafı
倪爽2 yıl önce

3/n 简单说一下“问问小宇宙”的页面为什么看起来那么不舒服 不是正式的设计评审、设计建议,只是分享一些设计有关的常识 A,整体风格不正常 设计师职业性地追求细节,但用户首先感受到的是设计的整体感觉 小宇宙的品牌形象年轻而明快,如果把它比拟成一个人,小宇宙应该是一位乐观、有智慧、充满爱心、性格还很可爱的小姑娘 在正常的联想里,小宇宙的 AI 助理也像这位小姑娘一样,智慧而富有同理心、聪明而不乏温暖,小宇宙的 AI 页面也和这位小姑娘一样干干净净、清清爽爽 但实际上我们看到的是一个看起来和小宇宙品牌、小宇宙用户、小宇宙文化都完全不沾边的页面,各种缺乏对比的绿色、灰色混杂在一起,糊里糊涂、脏兮兮的 可以对比一下 的设计,干净、清爽而不乏温暖,跟这样的 AI 助理面对面,心情是不是也会好得多?

倪爽 profil fotoğrafı
倪爽2 yıl önce

4/n B,黯淡的单色 UI “问问小宇宙”页面使用的是“单色”配色方案,基础色原本属于挺好看的一种绿色(介乎于日本传统颜色的“薄青”和“柳染”之间,很巧合,我今天就穿了类似颜色的 tee) 单色 UI 设计一般会从基础色延展出 tints 或者 shades (图一),再从中选出几个不同深浅的辅助色,分别用于背景、内容块、卡片、对话框等不同的 UI 控件… 这样子一个界面里的各种 UI 控件就有了层级关系,既提高了 UI 的可用性,审美和感官上也比较自然、比较美观 “问问小宇宙”的基础色和辅助色…几个绿色之间缺乏对比,因为 tint 得有点不自然、这几个绿色也谈不上好看,它们让整体的 UI 看起来黯淡、含糊 另外页面还故意添加了装饰性的“扫描线”、“暗角”,这又恶化了 UI 的效果 建议: 如果一定要设计单色 UI,可以像 Game Boy 那样用对比鲜明的 4 级颜色(图二),或者索性像 Instagram 一样,在 UI 里只用黑白 2 个主要颜色 再远一点,如果设计单色海报,我们甚至可以只用 1 个色(1 bit bitmap)、用抖动(dithering)来实现颜色的梯度 C,吓人的单色内容 用户一般不那么关注 UI 的配色,用户关心的是内容好看不好看 “问问小宇宙”的设计里,最奇怪的就是刻意把所有本来很好看、很有特色的彩色内容/图片,全都变成了难看的单色 对比一下洪晃老师的照片就明白了:图三左边是“问问小宇宙”里的效果,有没有一种清明节、国难日全网站变黑白的奇怪感觉? 图三右边是原始图片,洪晃老师凸显气质的黑白照片 + 干净的白色文字 + 明亮的黄色背景,简单、大方、好看! UI 设计的入门常识之一,就是尽可能地突出内容(而不是强调 UI),我是完全想不出来主打内容的小宇宙播客,为什么要在“问问小宇宙”理那么费劲地弱化内容、劣化内容 建议: 如果因为某种特殊原因,无法显示彩色的内容,建议参考 Kindle 的设计方法:用极其简单、干净、有对比的 UI,来衬托黑色文字 + 只有灰度、没有颜色的照片(图四) 退一万步说,就算你一定要模仿“问问小宇宙”这种晦涩的配色,选一点明快的绿色啊!别用那么阴郁、幽暗的绿色,晚上看了吓人

。 profil fotoğrafı
2 yıl önce

礼貌讨论,可以评价不喜欢、不匹配受众,甚至直接说个人觉得难看、丑,都比动不动给人扣一个莫名其妙的清明节的帽子要得体得多吧?尤其是您自己带上了设计课的tag。

门门 profil fotoğrafı
门门2 yıl önce

不懂,可以说细节做的不够,配色单一,或指出具体的问题,直接关联清明节还是抽象了,非要说的话清明节的底色也不是青色。当然了,或许是我错了。

22 profil fotoğrafı
222 yıl önce

seems like an amateur attempt at a nostalgic style. the colors look so creepy.

Shigeru profil fotoğrafı
Shigeru2 yıl önce

我昨天在即刻上看到时还以为这个功能是在内测,有人拿手机拍下后做(不成功的)风格化处理来预热的,没想到其实就长这样……感觉既不会让人觉得 Nostalgia,也降低了内容的可读性。

ZoomQuiet profil fotoğrafı
ZoomQuiet2 yıl önce

印象中, 这应该是 DeviantArt 网站早期配色, 好象就是为了避开各种艺术绘画中颜色, 专门选择了这个保护视力, 又没人在作品中使用的颜色?

fishactor profil fotoğrafı
fishactor2 yıl önce

一个中年人,去评价年轻人喜不喜欢,本身就有些搞笑。

囿野糸生@nihilistsensor.bsky.social profil fotoğrafı
囿野糸生@nihilistsensor.bsky.social2 yıl önce

这对比度是我显示器坏了?

Benzer Videolar

🚨Stitch 这次升级不得了,我觉得重点不是多了几个功能,而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch,官方给它的新定位很直接: AI-native software design canvas。 2/ 翻译成人话就是: 它不想只做一个 “你写一句 prompt,我给你几张 UI 图” 的工具了。 3/ 这次更新,核心就 5 个方向: 无限画布 更聪明的设计代理 语音交互 即时原型 设计系统 + DESIGN.md 4/ 最值得看的第一点,是 AI 原生画布。 现在的 Stitch 不只是吃 prompt。 还可以把 图片、文本、代码 一起作为上下文。 这说明它开始更像“设计工作台”,而不是一次性生成器。 5/ 第二点,是 agent 变强了。 Google 这次明确说,新 design agent 能理解整个项目演进过程,而且还有 Agent manager,支持你并行探索多个设计方向。 6/ 第三点,是 语音进入设计主流程。 你可以直接对着画布说话 让 Stitch 一边听一边改 还能给你实时设计反馈 7/ 第四点,是 即时原型。 现在 Stitch 可以把静态设计快速变成交互原型,点一下 Play 就能看 flow,甚至还能自动补出逻辑上的下一屏。 8/ 第五点,是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown,支持导入、导出、复用,还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”,走向“参与整个设计流程”。 10/ 一句话总结: 2025 年的 Stitch,更像 UI 生成器。 2026 年这次升级之后,它开始更像 AI 设计工作台。

比特币橙子Trader

16,604 görüntüleme • 5 ay önce