体验碎周报第 178 期(2024.02.26)

体验碎周报第 178 期(2024.02.26)

系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。

体验亮点

即刻 iOS 版滚动条沿刘海/药丸流动

即刻 iOS 版图片滚动时,会在 iPhone 的刘海/药丸显示滚动条,充分利用设备的特性转换成有趣的设计细节。

来自 EryouHao 和 tiny_x_

体验槽点

微软 Edge 在竞争对手网页植入自家广告

当你用微软 Edge 浏览器下载 Chrome 的时候,Edge 会在网页顶部插入一个大横幅,跟你说 Edge 的技术跟 Chrome 一样。

来自 张土福

推荐阅读

Apple 官网里三个令我惊叹的中文排版细节

链接:https://lrd.im/blog/2021-08-15

Apple 官网中文排版细节:1. 大标题居中处理:用 padding 或绝对定位解决标点偏移;2. 大标题空格处理:使用父元素字体大小的空格符号;3. 避免单字成行:CSS 阻止孤字出现。感叹 Apple 对细节的追求。

如何解析产品原型

链接:https://mp.weixin.qq.com/s/8blVxaJJ4NRauQ80OuuXgw

本文介绍了如何解析产品原型,主要包括以下几个方面:1. 理解功能和场景,分析原型结构,梳理功能设计,优化页面结构;2. 进行方案对比测试,选择最合适的设计方案;3. 视觉效果构建,包括背景色、阴影、描边、易读性与复杂度的平衡、功能颜色数量、避免摊大饼等设计要点;4. 工期管理及研发对接,按需求表单规划设计,先输出核心页面确认方向,注意组件和组件状态的设计。文章强调了在 B 端产品设计中,视觉的核心目的是提高功能可见性和操作易用性,而不是单纯套用规范。

《UX 入门》第十八讲:设计评审—怎样给大家讲好你的设计方案?

链接:https://mp.weixin.qq.com/s/UySDwUO6p7lBkO6TbmpoLQ

本文介绍了设计评审的类型和目的,包括设计方向评审和方案细节评审。在评审前需要做好背景信息补充、设计方案自检、与上游同步方案、确定评审时间节点和邀约评审人等准备工作。在设计方案讲解及评审时,建议按照黄金圈法则讲解,包括需求背景介绍、设计过程简单讲解和按照用户行为路径讲解方案。

大淘宝设计部 2023 年度 AI 设计实践报告

链接:https://mp.weixin.qq.com/s/FXIcNGZj-xULKk1DdZJwoQ

这篇文章是 2023 年度大淘宝设计部关于 AI 设计实践的报告,主要内容包括团队对 AI 技术在设计项目中的实践心得、设计师对 AI 工具的使用情况调研、AI 在设计中的应用效果和案例展示等。团队通过 AI 技术优化设计流程,提升设计效果,实现降本增效。设计师在 AI 工具使用中面临学习适应、创意保护和确定性结果等挑战。AI 工具带来创意多样、执行加速和整体提效等优势,助力营销设计、品牌 IP 形象、传播投放等多个设计场景。整体而言,AI 技术在设计领域的应用已经成为设计团队工作的重要辅助,改变了工作模式和创作流程。

独立开发寻找产品创意的哲学

链接:https://mp.weixin.qq.com/s/Hu097Ob27WKSFIfaTeS6bw

这篇文章主要介绍了独立开发寻找产品创意的哲学,包括避免选择笔记、todo、记账三个领域,从小处着手解决明确的小问题,找到适合独立开发的业务,明确产品边界,避免做记账应用等观点。文章还提到了独立开发产品的两种大块分类:大众低频和小众高频,以及产品发展的三个阶段。最后,作者分享了建立独立开发者群的经验。

董景博,UI 中国创始人

链接:https://mp.weixin.qq.com/s/4VNlNkw0gfX99XQTPDmHDw

UI 中国创始人董景博先生于近日去世,这篇文章介绍董景博先生生平的经历和对中国 UI 设计的贡献。

工具资源

FigNotion —— 在 Figma 里插入 Notion 页面

链接:https://www.figma.com/community/widget/1338983457633205967

在 Figma 中启动 FigNotion 部件,填好 Notion Token 和 Notion 页面链接,即可在 Figma 中显示该 Notion 页面。也可以手动同步获取 Notion 页面最新的变化,也可以设置自动定时同步。

Paywall Screens —— 付费墙页面收集

链接:https://www.paywallscreens.com/

付费墙是指软件将免费与付费内容分隔开,提示用户付费后才能查看内容的页面。这个网站收集了 8 千多个付费墙页面供参考。帮助产品经理和设计师设计出美观转化率又高的付费墙页面。

Free Design Stuff —— 免费设计资源集合

链接:https://freedesignstuff.com/

免费设计资源集合网站,包括免费字体、图标、插图、照片等设计素材,适用于个人和商业用途。提供各种设计工具和模板,适用于设计师和创作者。

Remix Icon —— 开源图标库

链接:https://remixicon.com/

19 个分类,共 2736 个图标。

Hand-Drawn Free Icon —— 手绘风格的免费图标库

链接:https://www.figma.com/community/file/1338874647594114673

免费版 1000 个图标,花钱买完整版有 11000 个图标。

Sketch to Design —— 草图转设计稿

链接:https://github.com/olliethedev/sketch-to-design

这是一个 AI Figma 小部件,可以将手绘的草图转成设计稿。

GLIGEN GUI —— 在画布指定位置生成图像

链接:https://github.com/mut-ex/gligen-gui

这个插件为 GLIGEN 提供了一个直观的图形用户界面,用于帮助使用 GLIGEN 和 ComfyUI。用户可以在画布位置绘制接地框和输入提示,让 AI 在指定的位置生成对应的图像。

SVGcode —— 位图转 SVG

链接:https://svgco.de/

之前非常爱用的 Vectorizer AI 收费了,找到这个开源的位图转 SVG 的替代品。

产品发现

Sora Videos —— Sora 生成的视频收集

链接:https://soravideos.media/

OpenAI 发布的 Sora 生成视频 AI 模型艳惊四座,但目前还没有开放使用,只有官方和一些大 V 发布一些示例。这个网站收集了已经公开的 Sora 生成的视频,目前已经有 109 个。

SoraWebui —— 私有部署的 Sora 使用网站

链接:https://sorawebui.com/

虽然 Sora 还没正式发布,但是私有部署的使用网站外壳已经有了。只要 Sora 发布稍微配置一些 API,就可以在自己部署的网站里使用 Sora 。当然可以自己再加一套会员收费系统,开始割韭菜。

OOTDiffusion —— 虚拟试穿衣服的 AI

链接:https://ootd.ibot.cn/

选择不同的模特和衣物,AI 可以把衣服穿到对应的模特身上,支持半身和全身像。

LifeOS —— 基于 Obsidian 打造的人生管理系统

链接:https://obsidian-life-os.netlify.app/zh/

LifeOS 是一个 Obsidian 模板,基于 PARA 知识管理系统,将所有内容分为项目、领域、资源和存档,让管理变得科学而高效。还包括周期性的笔记安排,如年记、季记、月记、周记到日记,从长期目标到日常任务,都能得到周密的规划和跟踪 。这样的模板,就像是给你的 Obsidian 装上了一套智能大脑 ,帮助你更好地捕捉想法,实现自我觉察,确保每一刻的专注都值得。

Globe Explorer —— AI 结构化搜索结果

链接:https://explorer.globe.engineer/

通过 AI 将搜索结果结构化,就像是为搜索关键词生成了一个维基百科页面。

Random AI Product —— 随机发现一个 AI 产品

链接:https://randomaiproduct.com/

每点击一下网址就会随机显示一个 AI 产品。

秒搜 —— 网盘搜索引擎

链接:https://miaosou.fun/

相关资讯

Stability AI 公布 Stable Diffusion 3

链接:https://stability.ai/news/stable-diffusion-3

Stable Diffusion 3 是最新的文本到图像模型,性能大幅提升,包括多主题提示、图像质量和拼写能力。还没完全发布,可以申请试用。

招聘信息

百度贴吧设计团队招聘 UI 设计师

工作内容:

  • 负责贴吧产品界面设计及落地工作
  • 参与产品前期界面 UI 研究、设计流行趋势分析与研究
  • 参与设计体验、流程规范的制定

我们希望你:

  • 具备产品2年以上互联网工作经历
  • 对移动端产品及当下流行设计趋势有自己的理解,具有国际视野
  • 专注产品细节、善于系统思考、自我驱动,能够站在业务视角审视、发现并快速解决问题
  • 具备良好的沟通和协作能力,能承受高强度的工作压力
  • 精通 Sketch、Photoshop、Illustartor 等设计工具,能够设计并制作 demo
  • 兼具C4D、AE、手绘功底等多类型设计者优先

简历作品集发送到 ronghailong@baidu.com

AI社交应用招聘 UI 设计师

关于我们:

我们是一家AI大模型社交应用公司,团队成员来自清华、上交、同济、CMU 等海内外名校以及腾讯、阿里等大厂;我们的愿景是用 AI 技术重新定义下一代人的社交方式,让沟通变得更简单美好,让每个人都有一个自己专属的智能社交助理,期待志同道合的伙伴加入!

岗位职责:全面负责AI+社交方向创新产品的UX/UI设计工作;

我们期待你是:

  1. 1年以上的 C 端互联网 App 产品的 UX/UI 设计经验,有完整负责过的优秀作品,有社交、社区、Dating 类产品设计经验优先;
  2. 对 AI 技术有一定的了解和自己的认知,对 AI 和创新产品充满热情,有想象力;
  3. 有较强的沟通能力,能用不同职能的视角来看待 UX/UI 设计的工作;
  4. 加分项:prefer 有大厂项目工作经验,社交经验丰富,对社交产品极度热爱,对年轻人线上社交方式非常了解。

岗位待遇:

  1. 薪资待遇:15K-25K/月,bonus 1-N个月;
  2. 期权股票:入职即有期权授予,具体金额面试通过后面议;
  3. Base地:深圳市南山区

联系我们简历和作品集请投递邮箱:join@signoo.net 非常期待志同道合的伙伴的加入!

landing page 外包

AI 出海公司需要设计一个英语 Landing Page,希望设计师有美国海外经验/出海产品经验。薪酬按时薪,50~100美元/h,预估总工作量在几天到一周左右能完成,视工作量预算在3000~5000美元,也可以是等值人民币。

产品理念:

未来的生成式 AI 一定是实时生成。AI 实时生成/渲染;目前公司在做的产品形态:打开摄像头,输入任意prompt和摄像头视频流,AI 会实时渲染出视频流。想变成任何风格+任意prompt 提示词都可以;

网页风格简洁明了,大致风格可参考 https://www.meshy.ai,可以再深入沟通探讨下最终形态;

Landing Page 主要放产品 demo 以及 waiting list 和 early access apply。产品 demo 已经有成型的、易于理解的素材。
已有美国 VC backup,也期待能和喜欢这个领域的朋友长期合作。联系方式:anson2321@gmail.com

体验碎周报第 178 期(2024.02.26)

https://www.ftium4.com/ux-weekly-178.html

作者

龙爪槐守望者

发布于

2024-02-26

更新于

2024-03-03

许可协议

评论