NEWS FEED

Curated design news.

350 articles from top design & tech sources, updated every 6 hours.

UISDC - Jul 3, 2026 - 4 MIN

不会做大屏设计没关系,教你用AI轻松搞定!

一、全文速览图 GPT Image-2 爆火后,我用AI生成了12套可视化大屏概念稿一、全文速览图 最近 GPT Image-2 在设计圈彻底火了。阅读文章 > 可视化数据大屏设计,不仅需要设计师具备较好的 UIUX 设计能力,还需要很好的视觉表现力。对于一部分设计师而言,难度系数还是比较高的。现在这个问题被 AI 攻破了,不会做数据大屏设计,那就靠 AI 来助力。 今天黑马哥给大家分享 7 个天气监测的大屏设计作品,通过 AI 助力完成,希望可以带给大家更多设计灵感。 二、项目背景 设计一个城市天气监测的数据大屏,案例以杭州市天气监测为主。 1. 核心风格 科技感数据大屏、深蓝

UISDC ↗
AIGC
Nielsen Norman - Jul 3, 2026 - 1 MIN

Stop Reporting UX Activity and Report Business Outcomes

UX teams should report business outcomes — not activity or UX metrics — to show impact on revenue, cost, risk, speed, retention, and to secure resources.

Nielsen Norman ↗
Nielsen Norman - Jul 3, 2026 - 1 MIN

Crafting AI Explanations for Every Role in Your Enterprise

Different enterprise roles need different types of explanations for AI outputs.

Nielsen Norman ↗
Smashing Magazine - Jul 3, 2026 - 4 MIN

Users Don’t Need More Tools: They Need Seamless Integrations

A closer look at why users don’t need more tools in their daily lives. What they need are seamless integrations of useful features to match already existing, established mental models. Brought to you by Design Patterns For AI Interfaces, **friendly video course on UX** and design patterns by Vitaly.

Smashing Magazine ↗
UISDC - Jul 3, 2026 - 3 MIN

没想到我一个没有绘画基础的设计师,也能做这种海报!

全文速览图 我把关键词都分享出来了,以后别说不会做动效了!一、全文速览图 先来看看最终动态效果: 上面就是最终呈现出的效果,接下来带大家梳理一下全过程: 二、生成前的预处理 1. 给素材进行预处理(加一个素材没有的颜色作为背景),这里进行预处理是为后期在AE中进行抠像处理做准备 2.把首尾帧的参考图给 AI,生成适配的动态提阅读文章 > 对于一些视觉海报,有了创意,但效果不太处理得好,借助AI的力量,让你轻松拿捏! 首先是创意设定,草图这一块,我们运用夸张(大小对比)的创意技法,搭建好构图。 这也是我们在做海报会经常用到的创意技法,冲击力以及效果都嘎嘎好使。 像另一

UISDC ↗
AIGC
UISDC - Jul 2, 2026 - 6 MIN

拆解了10份大厂作品集,总结出4个呈现AI能力的方向

一、全文速览图 打开招聘软件,你会发现一个明显的变化:越来越多的设计岗位开始强调 AI 能力。 但不少设计师在制作作品集时,仍然沿用过去的表达方式。项目背景、设计流程、页面展示、最终成果,看起来很完整,却没有回应市场正在发生的变化。 设计师应该如何在作品集中体现自己的 AI 能力? 我们拆解了 10 份互联网大厂作品集,总结出 4 个值得重点呈现的方向。 作品集包装越用力反而越减分?问题出在这里!一、全文速览图 在作品集项目中出现的“情绪板”应该不少同学都有看过,它通过图片和名词对项目设计风格进行一种抽象的解读,让观看者更好理解自己的设计思路(虽然多数没什么说服力)。阅读文章 >

UISDC ↗
AIGC
UISDC - Jul 2, 2026 - 3 MIN

这种动效还手搓?我30秒就做好了!

一、全文速览图 为什么你的图标明明很精致,放到作品集就显得很廉价?一、全文速览图 很多同学图标做的很好,但是一到包装就哑火了,十分优秀的图标却没有完美的展示出来。阅读文章 > UI设计师经常做动态表情,用在评分、社区评论等场景,以前我们都是用AE去手搓动画,现在AI分分钟就做好了,今天分享一下过程。 先来看看最终效果: 上面就是最终呈现出的效果,接下来以满意为例,带大家梳理一下全过程: 二、生成前的预处理 1. 给素材进行预处理(加一个素材没有的颜色作为背景),这里进行预处理是为后期在AE中进行抠像处理做准备。 2. 把图片给到AI,让AI给我们生成适配表情的动态提示词。 这是

UISDC ↗
AIGC
UISDC - Jul 2, 2026 - 12 MIN

收藏好这个开源Skill,帮你快速做出 Live Photo!

一、全文速览图 前段时间我做了一个 guizang-social-card-skill(https://github.com/op7418/guizang-social-card-skill)。 收藏好这个开源Skill,帮你彻底解决配图难题!一、全文速览图 前段时间开源了 guizang-ppt-skill,之后我自己用它做内容的时候发现一件事。阅读文章 > 它原来主要解决静态图文的问题: 把文章、产品说明、截图、照片这些素材,做成小红书 3:4 图文卡片,或者公众号封面。 这次给它补了一个新能力: Live Photo 生成和编辑。 你可以把产品录屏、网页 Demo、游戏片段

UISDC ↗
AIGCLive PhotoSkill
Smashing Magazine - Jul 2, 2026 - 23 MIN

Matching AI Modality To User Intent: Designing The Right Interface

We’ve fallen into conversational tunnel vision, defaulting every AI capability into a chat-based interface simply because LLMs are trained on dialogue data. But great UX is about matching modality to users’ context, intent, and cognitive load, so the interface adapts to the user, not the other way around.

Smashing Magazine ↗
UISDC - Jul 2, 2026 - 9 MIN

灵感不设限!10 个值得收藏的设计灵感和工具网站

一、全文速览图 保姆级教程!写给设计师的 Vibe Coding 零基础指南(二)一、全文速览图 二、从简单的项目开始 上一篇(一)我们理清了基础概念——前端/后端/数据库的分工、框架和组件库、AI 工具选择,还简单提了一下 PRD 和 Vibe Coding 的核心技巧。阅读文章 > 聊聊我的设计经验,其实很多视觉效果和设计过程,往往不是依靠 Figma 之类的大型设计应用来完成的,而是各式各样针对特定需求的网页站点、工具。找竞品灵感、出 mockup、调一个复杂的网格渐变设计、或者把图压成 lo-fi 复古风、甚至是故障风格的动画,这些零碎活如果都靠 AE、PS、Figma 等设计软

UISDC ↗
UISDC - Jul 1, 2026 - 9 MIN

Anthropic偷偷在Claude Code植入隐形代码,只为识别中国用户!

全文速览图 给机器人打工了一天,我们体验上了AI时代最魔幻的工作全文速览图 我们公司的一个小伙伴,前阵子应聘了一份给机器人打工的工作。阅读文章 > 这两天,Claude大面积封号。 国内的Claude用户,几乎被封完了。 我的两个Max订阅账号,已经阵亡了一个了。。。 剩下一个老号在苟延残喘,感觉过不了两天这个号基本上也会没了。 而且非常骚的是,大家发现,Anthropic在给大家封号的邮件里,甚至还偷偷埋了一个地址追踪。 就属于,小聪明贼多,但是全都在为了防中国用户。 但很快大家就发现,在邮件里面塞追踪器,也不是啥特别骚的操作,因为,还有更骚一万倍的。 事情的起因,是昨天,R

UISDC ↗
AIGCAnthropicClaude Code
UISDC - Jul 1, 2026 - 5 MIN

大厂设计实战复盘!快手三农人气IP诞生记

项目成员:IP 设定:郝潇然、杨瑷玮、娄芳鸣;周边设计:娄芳鸣、杨瑷玮;表情包:王雨童;互动资源位:姜姗 一、全文速览图 大厂出品!快手超级夏晚设计项目完整复盘当下内容消费愈发注重情感共鸣与深度互动,快手立足自身强社交属性与年轻化用户群体,着力打造专属夏日的标志性晚会IP —— 2025快手超级夏晚。阅读文章 > 二、前言 快手三农经过多年深耕——从#幸福乡村春耕季 到#幸福乡村丰收季,从线上直播到线下活动,三农的长线活动与视觉语言已逐步稳定——但始终缺少一样东西:一个能让达人一眼认出、让用户一眼记住的品牌符号。它不是高高在上的吉祥物,不是摆着好看的手办,而是一个贯穿快手「温暖」品牌基因

UISDC ↗
UISDC - Jul 1, 2026 - 4 MIN

想做未来感的视觉设计?这款免费字体帮你瞬间提高质感!

一、全文速览图 TDC获奖字体免费商用!这款优雅流畅的字体抓紧收藏!一、全文速览图 二、字体简介 本期免费字体 Gentium Plus 来源于 SIL International,是一款专为多语言排版而设计的人文主义衬线体。阅读文章 > 二、字体简介 本期免费字体:HealTheWeb,来源于  Rainbow Unicorn  ,是一款兼具未来感和实验性的几何无衬线字体,有两个版本,分别在可读性和视觉冲击力上取得平衡,具有独特的科技感和未来感。 三、字体介绍 以下是我根据自己的理解,做的一些字体的介绍: Healtheweb 是一款实验性的展示类字体,源于Mozilla 的《

UISDC ↗
HealTheWeb
UISDC - Jul 1, 2026 - 13 MIN

给机器人打工了一天,我们体验上了AI时代最魔幻的工作

全文速览图 餐饮出行办公全覆盖!盘点16个把自己蒸馏成Skills的国民级App一、全文速览图 最近看到越来越多的一些国民级产品,开始把自己的一些能力,给封装成Skill或者MCP,来向大家开放,我觉得这个大家逐渐为Agent来做能力的趋势,越来越明显了。阅读文章 > 我们公司的一个小伙伴,前阵子应聘了一份给机器人打工的工作。 也就是给具身智能,做实体的数据采集。 非常有意思的是,这个几乎是世界最前沿的科技行业,在这个地方,却有着非常传统的用人方式。 故事的起因,是我们小伙伴,之前刷到了推特上的一条很有意思的视频。 画面里是印度的一个工厂,流水线上的工人低着头在缝纫,和普通车间没什

UISDC ↗
AIGC
UISDC - Jun 30, 2026 - 3 MIN

我把关键词都分享出来了,以后别说不会做动效了!

一、全文速览图 想给UI界面加上动效?试试这个超实用的工作流!一、全文速览图 废话少说,今天就来分享下面这个案例的制作过程: 从草稿-平面稿-AI辅助生成3D效果-AI辅助生成3D动态效果-3D动态透明背景五个过程,带大家梳理一下全过程: 二、草稿 1. 通过查找动作参考素材,依据参考勾勒出动作轮廓。阅读文章 > 先来看看最终动态效果: 上面就是最终呈现出的效果,接下来带大家梳理一下全过程: 二、生成前的预处理 1. 给素材进行预处理(加一个素材没有的颜色作为背景),这里进行预处理是为后期在AE中进行抠像处理做准备 2.把首尾帧的参考图给 AI,生成适配的动态提示词。因为要做

UISDC ↗
AIGC
UISDC - Jun 30, 2026 - 12 MIN

AI时代怎么自学?这个超实用的SRL学习法让你快速系统掌握!

一、全文速览图 保姆级教程!教你轻松用AI实现肖像照自由!一、全文速览图 嗨大家好!阅读文章 > 嗨大家好!我是阿真! 经常有人问我:关于 AI 的知识迭代这么快,各种专业术语层出不穷,Harness 还没弄明白,Loop Engineering 又开始被到处讨论。想快速了解一个框架,或者快速学习自己的专业、自己感兴趣的内容,到底有没有什么方法? 收藏了很多资料、链接、视频,但没有一个系统看完,也没有一个真正学明白,到底为什么? 现在大家不缺教程,想要什么一搜一大把,缺的是一套明确的学习回路。 今天分享我自己的一个快速学习的方法。入门级那种,没有过多技术向。最后我还放了个自己的一条龙完

UISDC ↗
AIGC
UISDC - Jun 30, 2026 - 7 MIN

如何用AI重构IP全流程设计?大厂实战案例来了!

一、全文速览图 本文聚焦搜索团队“一定橙”IP设计案例,深入剖析其从传统IP制作流程向AI驱动制作流程转型的核心动因与实践路径,结合真实案例拆解AI赋能IP设计的核心价值。同时,立足AI技术深度渗透的行业发展趋势,抛出设计师如何维系自身不可替代性的深层思考,为行业同类IP转型及设计师职业发展提供参考。 基于IP的卡通配图怎么做?教你用AI轻松实现!一、全文速览图 嗨大家好,我是阿真!阅读文章 > 二、转型AI生产流程核心动因 业务层面: 大事件运营与长线激励活动是撬动业务指标增长的关键。IP 作为视觉符号,不仅是活动强化产品辨识度、打造专属的记忆点,更是沉淀资产、降本增效的核心利器,能

UISDC ↗
AIGC
A List Apart - Jun 30, 2026 - 8 MIN

Designed for a Dead Language

Every language app in your pocket inherited a teaching method built for Latin. Understanding why that happened is a more useful design lesson than anything the apps themselves will teach you. In 1788, Prussia introduced the Abitur, a standardized national examination required for entry into universities and the civil service. To pass it, students needed to demonstrate measurable, gradable knowledge. The system needed to teach language to large classrooms, produce consistent outcomes, and do it w

A List Apart ↗
Smashing Magazine - Jun 30, 2026 - 11 MIN

Why Accessibility Is An Operational Capability, Not A Feature

Teams can generate UI faster than ever, but they still have to guarantee that what they ship is usable, secure, and maintainable. Accessibility as an operational capability rather than a compliance checklist or end-of-project audit, and what that looks like in practice.

Smashing Magazine ↗
Smashing Magazine - Jun 30, 2026 - 12 MIN

Snapshots Of Summer (July 2026 Wallpapers Edition)

July is just around the corner, and that means... It’s time for some new desktop wallpapers! As every month, the wallpapers in this collection were created by the community for the community and can be downloaded for free. Enjoy!

Smashing Magazine ↗