UI 设计里，简单不等于容易使用 #迷你设计课今天的新闻是 Google 将关闭 Google Podcasts，随便吧，反正我厌恶它🤷‍♂️ Google Podcasts 的 UI 设计有个特别奇怪的特征：UI 尤其是列表 UI 的设计很简洁，但缺乏好用、有用的感觉

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

#迷你设计课

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

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

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

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

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

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

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

点击图片查看原图

1周内 1个月内 1年内全部时间

为什么不能在 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 评论

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

1年前 • 小互 • -- 点击 0 评论

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

UX/UI Copilot
Figma

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

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

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

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

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

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

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

2年前 • 倪爽 • -- 点击 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)

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

怎么在产品设计流程中使用 ChatGPT
#设计AI
核心思想是把 AI 作为助手来帮助设计师。作者列出了几个场景，直接给出了所需的 prompt：
- 为对话式 UI 制作快速原型
- 快速建立用户 persona
- 创建和迭代设计点子、创意
- 书写可用性测试脚本
- 创造内容和文案
- 无障碍设计…
IT技术
( adplist.substack.com)

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

新年新气象，简单简历迎来新的更新，推出一款全新设计的极简风模版：
Alpine：
* 双色极简设计
* 特殊设计的暗黑切换模式
* 英文采用全新的 IBM Plex 字体，个人觉得很漂亮
* 采用 14px 小号字体
欢迎大家感受使用
IT技术
( twitter.com)

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

【设计界的ChatGPT ：1000组包装设计1小时自动生成】使用这套「Package Design AI 」的步骤很简单。只要把你希望放在包装上的设计元素分好图层上传，并设定好消费者的年龄、喜好等参数，就能在1小时做出1000个设计案。而且能在10秒里计算出受欢迎程度的结果。
大陆资讯
( mp.weixin.qq.com)

2年前 • 洞房花钱夜 • -- 点击 0 评论

闪电预览

怎么评估一个交互设计的效果

#迷你设计课

大熊老师问了个好问题。表面上这个问题很好回答，既然交互动画属于交互设计属于 UX 设计属于产品设计属于商业设计，那么评估一个交互动画，也应该和评估其他 UX 设计一样：

利用用户反馈、测试用户行为、分析统计数据等等实际结果，来量化地分析和评判…
IT技术
( twitter.com)

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

打打字，就生成 figma UI 设计稿，还是基于你的需求文档（PRD）和设计系统（Design system）
🔗
IT技术
( aimart.app)

2年前 • Cellier@undefined • -- 点击 • 下载视频 0 评论

00:01:06

本次视频教学带来的内容是如何使用 Radix UI + Framer Motion 来实现好看又好用的下拉菜单（Dropdown）

YouTube：
B 站：…
IT技术
( twitter.com)

2年前 • cali castle • -- 点击 0 评论

不要为你的用户做产品设计

作者是 Adobe 首席用户体验设计师。她介绍了他们十年前遇到的问题：Adobe 社区里既有摄影师、又有 UI 设计师…怎么为这两种需求完全不同的用户，设计未来的 Adobe 产品？

他们决定不再局限…
IT技术
( twitter.com)

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

这位设计师利用周末时间开发了一个Figma插件 - Wireframe Designer，它使用ChatGPT3.5 API 生成线框图设计稿。

并且他分享了它的实现原理：
1. 为ChatGPT提供可用的UI组件和组件的属性。…
推特中文圈
( twitter.com)

2年前 • 宝玉 • -- 点击 0 评论

🎉Zipic 现已在 App Store 上线！🚀 这是一款高效且简单易用的图像压缩工具。如果你有图片压缩需求，不妨试一下。🌟 批量快速压缩、高压缩比、本地压缩、简约设计，只需一个简单的拖拽操作！👌 赶快下载使用吧【免费】！📥

#图像压缩 #AppStore
时政
( twitter.com)

2年前 • 十里 • -- 点击 0 评论

Progressive Blur
一键实现渐变模糊的 Figma 插件❤️
原理很简单，就是叠加十几层、几十层不同程度的模糊效果，最终成为一个渐变模糊的遮罩👏
感谢它和完美投影等等小插件，让使用 Figma 做视觉设计变得更简单
IT技术
( www.figma.com)

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

怎么使用 Sketch 设计与众不同的健身 APP

设计感超强、颇有趣味的 Any Distance，获得了今年的苹果设计大奖，有趣的是在 Figma 设计世间万物的大环境里，他们使用的设计工具是 Sketch…
IT技术
( twitter.com)

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

谷歌地图 UI 升级、现在更像苹果地图了？

#设计参考

昨天去外地，开了 4、5 小时的车，还在陌生城市的市中心开车瞎转…正好体验刚刚更新的谷歌地图 Google Map 新 UI

新 UI 感觉不自然，但基本不影响使用。很难理解谷歌到底为什么要升级

新设计有三个重要的变化：

-…
IT技术
( twitter.com)

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

IT技术

IT技术

UX 设计基础：学习指南

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

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

推特中文圈

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

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

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

推特中文圈

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

时政

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

UX/UI Copilot
Figma

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

IT技术

IT技术

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

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

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

IT技术

Ripple UI 让 Tailwind 更易于使用

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

推特中文圈

IT技术

IT技术

IT技术

大陆资讯

IT技术

打打字，就生成 figma UI 设计稿，还是基于你的需求文档（PRD）和设计系统（Design system）
🔗
IT技术
( aimart.app)

IT技术

本次视频教学带来的内容是如何使用 Radix UI + Framer Motion 来实现好看又好用的下拉菜单（Dropdown）

YouTube：
B 站：…
IT技术
( twitter.com)

IT技术

IT技术

这位设计师利用周末时间开发了一个Figma插件 - Wireframe Designer，它使用ChatGPT3.5 API 生成线框图设计稿。

并且他分享了它的实现原理：
1. 为ChatGPT提供可用的UI组件和组件的属性。…
推特中文圈
( twitter.com)

推特中文圈

时政

IT技术

怎么使用 Sketch 设计与众不同的健身 APP

设计感超强、颇有趣味的 Any Distance，获得了今年的苹果设计大奖，有趣的是在 Figma 设计世间万物的大环境里，他们使用的设计工具是 Sketch…
IT技术
( twitter.com)

IT技术

为什么声音比图像更容易使人高兴/反感

#迷你设计课

声音容易影响人的情绪

比如不懂事的幼儿园小朋友看电视，看到恐怖画面时可能反应不大，听到可怕音乐时反而会特别害怕…
IT技术
( twitter.com)

IT技术

adidas 禁售德国队「44」号球衣，数字设计容易使人联想纳粹党卫队
大陆资讯
( mp.weixin.qq.com)

大陆资讯

UI Design Tips —— UI 组件设计技巧集合
链接：
总结了各种组件设计时提升体验的小技巧，目前有 33 条。
IT技术
( www.uidesign.tips)

IT技术

IT技术

IT技术

IT技术

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

推特中文圈

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

推特中文圈

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

时政

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

IT技术

IT技术

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

IT技术

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

推特中文圈

IT技术

IT技术

IT技术

大陆资讯

IT技术

打打字，就生成 figma UI 设计稿，还是基于你的需求文档（PRD）和设计系统（Design system） 🔗 IT技术 ( aimart.app)

IT技术

本次视频教学带来的内容是如何使用 Radix UI + Framer Motion 来实现好看又好用的下拉菜单（Dropdown） YouTube： B 站：… IT技术 ( twitter.com)

IT技术

IT技术

这位设计师利用周末时间开发了一个Figma插件 - Wireframe Designer，它使用ChatGPT3.5 API 生成线框图设计稿。 并且他分享了它的实现原理： 1. 为ChatGPT提供可用的UI组件和组件的属性。… 推特中文圈 ( twitter.com)

推特中文圈

时政

IT技术

怎么使用 Sketch 设计与众不同的健身 APP 设计感超强、颇有趣味的 Any Distance，获得了今年的苹果设计大奖，有趣的是在 Figma 设计世间万物的大环境里，他们使用的设计工具是 Sketch… IT技术 ( twitter.com)

IT技术

为什么声音比图像更容易使人高兴/反感 #迷你设计课 声音容易影响人的情绪 比如不懂事的幼儿园小朋友看电视，看到恐怖画面时可能反应不大，听到可怕音乐时反而会特别害怕… IT技术 ( twitter.com)

IT技术

adidas 禁售德国队「44」号球衣，数字设计容易使人联想纳粹党卫队 大陆资讯 ( mp.weixin.qq.com)

大陆资讯

UI Design Tips —— UI 组件设计技巧集合 链接： 总结了各种组件设计时提升体验的小技巧，目前有 33 条。 IT技术 ( www.uidesign.tips)

IT技术

IT技术

创建一个新帐户

登录

UX 设计基础：学习指南

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

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

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

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

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

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

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

UX/UI Copilot
Figma

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

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

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

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

Ripple UI 让 Tailwind 更易于使用

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

打打字，就生成 figma UI 设计稿，还是基于你的需求文档（PRD）和设计系统（Design system）
🔗
IT技术
( aimart.app)

本次视频教学带来的内容是如何使用 Radix UI + Framer Motion 来实现好看又好用的下拉菜单（Dropdown）

YouTube：
B 站：…
IT技术
( twitter.com)

这位设计师利用周末时间开发了一个Figma插件 - Wireframe Designer，它使用ChatGPT3.5 API 生成线框图设计稿。

并且他分享了它的实现原理：
1. 为ChatGPT提供可用的UI组件和组件的属性。…
推特中文圈
( twitter.com)

怎么使用 Sketch 设计与众不同的健身 APP

设计感超强、颇有趣味的 Any Distance，获得了今年的苹果设计大奖，有趣的是在 Figma 设计世间万物的大环境里，他们使用的设计工具是 Sketch…
IT技术
( twitter.com)

为什么声音比图像更容易使人高兴/反感

#迷你设计课

声音容易影响人的情绪

比如不懂事的幼儿园小朋友看电视，看到恐怖画面时可能反应不大，听到可怕音乐时反而会特别害怕…
IT技术
( twitter.com)

adidas 禁售德国队「44」号球衣，数字设计容易使人联想纳粹党卫队
大陆资讯
( mp.weixin.qq.com)

UI Design Tips —— UI 组件设计技巧集合
链接：
总结了各种组件设计时提升体验的小技巧，目前有 33 条。
IT技术
( www.uidesign.tips)