“ 👏👏欢迎来到FuTalk设计周刊第111期,每周二定期更新。”
#AI漫谈 热点捕手
1、Sketch 支持了「液态玻璃」效果
Sketch 在 Beta 版本中,增加了全新的「图层效果」面板,在面板新增各种特殊效果,包含模糊效果(图层模糊/背景模糊),包含渐进模糊效果;玻璃效果,很还原 iOS 26 的液态玻璃效果,还有色散效果;动感模糊效果;缩放模糊效果,编辑原点之后可以做成类似探照灯效果。
以上功能还没有更新到正式版本,需要下载安装最新的 Beta 版本使用
🔗:https://www.sketch.com/beta/

2、 在 Web 中模拟照明效果
SVG 过滤器提供了一个基本的照明系统,可以将其与少量 JavaScript 同步并在您的 Web 应用程序中使用!不那么强大但很酷,这篇帖子中有很多这部分实现的介绍,有兴趣可以看原贴。
🔗:https://x.com/jh3yy/status/1936212860893364635

#交互体验 创意运营
1、顺丰·2025端午活动设计复盘
端午节活动突破传统框架,以顺丰寄递载具为主体并融入年轻化设计。互动体验上,以限时闯关、实时排行榜激发用户参与。通过年轻化进入主流文化,进入大众舆论,建立品牌社会角色。
🔗:https://mp.weixin.qq.com/s/FR_GOpYBPOlTf2FeXSM35Q

2、“大方无隅”-58改版设计icon篇
本篇文章从形、意、色、境、规五个维度,为大家分享这次的icon设计之旅。
🔗:https://mp.weixin.qq.com/s/StiGEo47Z1NPhnstBbg81g

3、秒杀不语,只是一味发红包
随着业务权益运营的持续发展,淘宝秒杀频道内的玩法也日益丰富,从直塞红包、买返玩法、到1分钱领商品等已有超 15 种玩法。然而,当丰富玩法在有限的屏幕空间争取用户注意力时,交互体验对并发信息的 整体规划设计 就尤为重要了。
🔗:https://mp.weixin.qq.com/s/dEEMaw9vrpNSpDNrEGdk1A

4、你在顺丰「加速挑战赛」看到熊猫了吗?
在25年端午活动立项之初,就面临挑战,在之前的活动中,已经多次复用了集卡玩法,留存逐步呈下降趋势,这次端午活动,如何打造一个不同的活动?
🔗:https://mp.weixin.qq.com/s/j2FiWgnFo5H19s-Id9B2QQ

5、月薪3K和3W的设计师作品集差别在哪?一篇文章带你看懂!
对作品集准备的认识是有很大盲点和误区的,以为只要有 UI 作品集就可以找到初级的岗位,先入行再说,大大低估了实习、应届招聘中企业对作品集的要求和标准。本篇文章教你做好作品集
🔗:https://www.uisdc.com/ui-portfolio-guide

6、拆解 2025 爆款设计!特殊交通媒体如何让品牌 “成” 风破浪
交通媒体的设计,需要充分考虑空间特性与用户体验。在武汉轻轨设计中,依据代言人主 KV 拆分元素重组画面,每节车厢展示一个业务,让乘客在乘车过程中,如同翻阅一本品牌服务手册,清晰了解 58 同城的多元业务。
🔗:https://mp.weixin.qq.com/s/Xs5AeCLiSNQsjByIKGcoeA

#工具集锦 效率提升
1、着陆页设计源文件
Adobe Firefly 支持了 AI 生成视频,支持相机镜头、拍摄角度、运动方式以及视频宽高设置和帧数设置,并且提供了种子的参数,这对视频风格一致性有很大帮助。并且支持设置首帧图片。
🔗:https://www.figma.com/community/file/1127302394641561751

2、前端技术知识库
这个网站是 Brad Woods 的个人知识库,结构清晰、内容丰富的技术笔记库,适合前端工程师和创意开发者。这里不仅有深入浅出的实用教程,还涵盖 CSS/JS/WebGL/CSS/SVG 等多个前端领域的高级话题,以及设计思想、写作经验和游戏开发日志。网站设计也很有特色
🔗:https://garden.bradwoods.io/

3、GSAP 动画效果- Collection
汇集了 50 种使用 GSAP制作的高质量 JavaScript 动画效果。每个效果都有详细的教程,涵盖了各种交互方式,包括鼠标移动、滚动、拖动及其组合,为开发者提供灵活多样的选择。无论你是刚入门的初学者还是经验丰富的开发者,这里都能帮助你提升动画技能,使你的网页更加生动和吸引人。
🔗:https://madewithgsap.com/effects/


更多原创AI教程文章:
AI代码:
👉AI建站实录|代码小白用Cursor从0建个站,全流程+避坑指南
AI绘画:
AI模型训练:
AI系列课程: