Video yükleniyor...
Video Yüklenemedi
怎么避免把 AI 产品设计出清明节的感觉 #迷你设计课 1/n 小宇宙上线了“问问小宇宙”,你可以用 AI、自然语言来搜索喜欢的节目 奇怪的是小宇宙把这个页面设计得阴郁、幽暗、晦涩、执拗…跟他们文艺、年轻、自我肯定的用户群完全不搭 体验地址:
22,035 görüntüleme • 2 yıl önce •via X (Twitter)
10 Yorum

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

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

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,来衬托黑色文字 + 只有灰度、没有颜色的照片(图四) 退一万步说,就算你一定要模仿“问问小宇宙”这种晦涩的配色,选一点明快的绿色啊!别用那么阴郁、幽暗的绿色,晚上看了吓人

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

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

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

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

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

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

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