UI 设计里，简单不等于容易使用#迷你设计课今天的新闻是 Google 将关闭 Google Podcasts，随便吧，反正我厌恶它🤷‍♂️Google Podcasts 的 UI 设计有个特别奇怪的特征：UI 尤其是列表 UI 的设计很简洁，但缺乏好用、有用的感觉- 打开 APP 之后经常眼睛不知道往哪儿看-…

发布时间: 2023-09-27 13:30:09

1分

数据加载中

UI 设计里，简单不等于容易使用

#迷你设计课

今天的新闻是 Google 将关闭 Google Podcasts，随便吧，反正我厌恶它🤷‍♂️

Google Podcasts 的 UI 设计有个特别奇怪的特征：UI 尤其是列表 UI 的设计很简洁，但缺乏好用、有用的感觉

- 打开 APP 之后经常眼睛不知道往哪儿看
-…
IT技术
( twitter.com )

UI 设计里，简单不等于容易使用

#迷你设计课

今天的新闻是 Google 将关闭 Google Podcasts，随便吧，反正我厌恶它🤷‍♂️

Google Podcasts 的 UI 设计有个特别奇怪的特征：UI 尤其是列表 UI 的设计很简洁，但缺乏好用、有用的感觉

- 打开 APP 之后经常眼睛不知道往哪儿看
- 手不知道往哪儿点，不知道什么是按钮、什么是标签、什么是图标
- 明明界面很清爽但看起来特别累
- 总有点担心看错了、点错了

小结一下，Google Podcasts 界面设计最大的问题是：视觉元素缺乏层级关系

或者更通俗一点说，界面里的标题、摘要、标签、图标、按钮等等不同视觉元素之间没有足够的对比度，元素和元素似乎粘连在一块儿…

这些特征导致了使用 Google Podcasts 时经常需要睁大眼睛看清楚屏幕，而不能像其他播客 APP、其他更多 APP 一样，眼睛随便扫描一下就获取了必要信息，就知道该怎么操作

这是 UI 设计里最基础也经常被忽视的设计思路：界面里的视觉元素，应该有层级/分轻重缓急，如果每个元素看起来一样重要，不管界面的视觉设计多简洁，界面的操作都会心累

点击图片查看原图

Markdown支持

评论加载中...

您可能感兴趣的：更多

为什么不能在 UI 设计里滥用图标/icon？
#迷你设计课
现在不管是设计师开始开发者，都喜欢在 UI 设计里大量使用 icon，而且特别喜欢把 icon 当做点击的控件，来代替按钮、文字
这就在用户体验层面上，带来 2 个常见使用障碍：
- 看不懂 icon，不知道代表什么操作
- 看不清 icon，各种小 icon
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

UX 设计基础：学习指南

UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括：

- UX 设计简介
- UX 设计哲学
- UX 设计规划和研究
- 用户界面（UI）设计
- 职业发展…
推特中文圈
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

全世界第一个使用自然语言/文字进行 UI 设计的设计工具 Galileo

UI 设计师们最担心的一刻提前到来了。以前的 Midjourney 们都擅长美术创作，画到 UI 时只能输出效果图，没法得到设计稿

看起来 Galile…
推特中文圈
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

基于开发了这两个给设计师和产品经理免费使用的插件，强烈推荐 Dify 这个开箱即用的 LLMOps 平台👍

UX/UI Copilot
Figma

即时设计…
IT技术
( twitter.com)

1年前 • yancymin • -- 点击 0 评论

FLUX UI 设计模型
基于 FLUX.1训练的UI设计模型，可以直接生成网页UI界面
以进行B端深色UI设计稿，并且有发光效果，推荐权重1.1-1.3...
时政
( twitter.com)

7个月前 • 小互 • -- 点击 0 评论

生成式 UI 和结果导向的设计
#设计AI
NNGROUP 的分析文章
生成式 UI 指 AI 根据用户的个体需求定制的 UI，这种 UI 会脱离传统人机交互的设计范式，也能不依赖设计师做出具体设计
结果导向的设计指不先设计界面，而由结果倒推出界面设计，结果导向设计师将转向制定规则
IT技术
( www.nngroup.com)

11个月前 • 倪爽 • -- 点击 0 评论

程序员怎么学 UI 设计、UX 设计

1，先推荐推友做的 UI 设计入门视频

这个视频用对比真实截图的方式，展示好设计和渣设计，以此来介绍 UI 设计的各种小技巧，比如：标题文…
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 0 评论

Ripple UI 让 Tailwind 更易于使用

不少人喜欢 Tailwind、但觉得它定义样式的方式很繁琐，所以 Ripple UI 在 Tailwind 之上定义了 33…
推特中文圈
( twitter.com)

2年前 • 倪爽 • -- 点击 0 评论

为什么 AI 工具 flowith 用起来特别累
#设计AI #迷你设计课
flowith 是一款以白板方式组织 AI 对话、使用动态 UI 实现人机交互的 AI 工具，它在 ChatGPT 那种毫无新意的对话式 AI 界面之外，重新发明了 AI 工具的使用方法
设计很有意思，但是用起来很累
从设计角度说一下“很累”的原因…
IT技术
( twitter.com)

11个月前 • 倪爽 • -- 点击 0 评论

IT技术

IT技术

UX 设计基础：学习指南 UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括： - UX 设计简介 - UX 设计哲学 - UX 设计规划和研究 - 用户界面（UI）设计 - 职业发展… 推特中文圈 ( twitter.com)

推特中文圈

全世界第一个使用自然语言/文字进行 UI 设计的设计工具 Galileo UI 设计师们最担心的一刻提前到来了。以前的 Midjourney 们都擅长美术创作，画到 UI 时只能输出效果图，没法得到设计稿 看起来 Galile… 推特中文圈 ( twitter.com)

推特中文圈

基于 开发了这两个给设计师和产品经理免费使用的插件，强烈推荐 Dify 这个开箱即用的 LLMOps 平台👍 UX/UI Copilot Figma 即时设计… IT技术 ( twitter.com)

IT技术

FLUX UI 设计模型 基于 FLUX.1训练的UI设计模型，可以直接生成网页UI界面 以进行B端深色UI设计稿，并且有发光效果，推荐权重1.1-1.3... 时政 ( twitter.com)

时政

IT技术

程序员怎么学 UI 设计、UX 设计 1，先推荐推友做的 UI 设计入门视频 这个视频用对比真实截图的方式，展示好设计和渣设计，以此来介绍 UI 设计的各种小技巧，比如：标题文… IT技术 ( twitter.com)

IT技术

Ripple UI 让 Tailwind 更易于使用 不少人喜欢 Tailwind、但觉得它定义样式的方式很繁琐，所以 Ripple UI 在 Tailwind 之上定义了 33… 推特中文圈 ( twitter.com)

推特中文圈

IT技术

创建一个新帐户

登录

UX 设计基础：学习指南

UX 设计入门教程汇总，来自全世界最著名的 UX 设计公司 NNgroup，内容包括：

- UX 设计简介
- UX 设计哲学
- UX 设计规划和研究
- 用户界面（UI）设计
- 职业发展…
推特中文圈
( twitter.com)

全世界第一个使用自然语言/文字进行 UI 设计的设计工具 Galileo

UI 设计师们最担心的一刻提前到来了。以前的 Midjourney 们都擅长美术创作，画到 UI 时只能输出效果图，没法得到设计稿

看起来 Galile…
推特中文圈
( twitter.com)

基于开发了这两个给设计师和产品经理免费使用的插件，强烈推荐 Dify 这个开箱即用的 LLMOps 平台👍

UX/UI Copilot
Figma

即时设计…
IT技术
( twitter.com)

FLUX UI 设计模型
基于 FLUX.1训练的UI设计模型，可以直接生成网页UI界面
以进行B端深色UI设计稿，并且有发光效果，推荐权重1.1-1.3...
时政
( twitter.com)

程序员怎么学 UI 设计、UX 设计

1，先推荐推友做的 UI 设计入门视频

这个视频用对比真实截图的方式，展示好设计和渣设计，以此来介绍 UI 设计的各种小技巧，比如：标题文…
IT技术
( twitter.com)

Ripple UI 让 Tailwind 更易于使用

不少人喜欢 Tailwind、但觉得它定义样式的方式很繁琐，所以 Ripple UI 在 Tailwind 之上定义了 33…
推特中文圈
( twitter.com)