体验碎周报第 157 期(2023.8.28)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
iOS 17 地图提醒为信号差路线下载离线地图
在使用 iOS 17 苹果地图 App 生成导航路线时,如果地图 App 检测到路线中有手机信号差的区域,地图 App 会提供对应的离线地图下载链接。防止用户之后在经过信号差区域时导航失败。
体验槽点
高德地图公交车路标缩放位置偏差
高德地图的公交站路标在缩放的时候偏差很大,初看以为在山里,放到最大才准确显示在路边。
推荐阅读
B 端设计进阶!常见误区有哪些?
链接:https://mp.weixin.qq.com/s/cU7WcSJnK54qmzrIhEzA3Q
设计师刚开始做 B 端设计的时候,尤其是从移动 C 端转化到 PC 的 B 端设计的时候,容易犯一些错误,有的是设计上的,有的是分析方法上的。比如:
- 喜欢使用摘要式的列表
- 在分析“路径”的时候忽视职能角色
- 用体验更好的交互替代用户更习惯的操作
- 页面上牺牲紧凑感而达到结构清晰的目的
- 忽视用户所受的诸多限制
- 忘记教育成本
折叠屏设计规范
https://www.zcool.com.cn/article/ZMTU3MjM5Ng==.html
本文主要介绍了折叠屏手机的设计规范和 UX 设计规范。在设计尺寸方面,展开态、折叠态和支架态都有不同的尺寸要求。介绍了页面布局的自适应动态布局和响应式动态布局,以及各种布局和交互创新的范式。同时还介绍了页面布局中的分栏布局、挪移布局、重复布局、瀑布流和宫格布局等。在交互架构方面,介绍了层级关系、主从关系和并列关系的页面组合方式,并且介绍了多窗口交互的方式和体验设计点。最后,还介绍了基础体验要求,包括保证布局良好、窗口内布局的特殊处理、保证应用任务的连续性、音频冲突处理和多窗口体验融合等。
使用设计规则来进行 UI 设计
链接:https://mp.weixin.qq.com/s/3S7CHeiXRgF66HUz7EOGWQ
本文翻译自 16 little UI design rules that make a big impact,主要讲一些设计的基本原则,对前端的开发实现也有一定的指导意义。
这 16 条规则是:
- 使用间距来将相关元素分组
- 保持一致性
- 确保外观相似的元素具有相似的功能
- 创建清晰的视觉层次结构
- 删除不必要的样式
- 有目的地使用颜色
- 确保界面元素具有3:1的对比度比
- 确保文本具有4.5:1的对比度比
- 不要仅依靠颜色作为指示器
- 使用单一无衬线字体
- 使用具有更高小写字母的字体
- 限制使用大写字母
- 仅使用常规和粗体字重
- 避免使用纯黑色文本
- 左对齐文本
- 为正文文本使用至少1.5行高度
「AI绘画」赛道我们有哪些机遇?
链接:https://mp.weixin.qq.com/s/koTki9Aw36Gom_6RLvJ1lg
据国泰君安研报预计,未来 5 年,AI 绘画市场规模超 600 亿元的新兴市场将吸引更多企业和资本,创造更大的市场价值。可以预见,在未来几年 AI 绘画可以更多地参与设计。
如果你想深入学习 AI 绘画,今天的知识点你一定用得着。极客时间专栏《AI 绘画核心技术与实战》,不仅有 SD、MJ 等应用,还有实现类 LensaAI 创意风格相册等六大项目实战。如果你跟着学下来,可以自己动手做出一些企业级别、真实有用的东西。推荐给大家:
工具资源
deck gallery —— 幻灯片收集
专门收集整理幻灯片的网站,目前有 20 个,大多数都是产品发布会的幻灯片或者设计规范。
Splindle —— Ameba 的设计系统
链接:https://spindle.ameba.design/
Ameba 是日本一款社交产品,Splindle 是支撑该产品的设计系统。适配 App 和 Web 平台,Figma 源文件( https://www.figma.com/community/file/1276103272491400597/Spindle-UI )、字体、指南一应俱全。
Simple Noise —— 生成噪点的 Figma 插件
链接:https://www.figma.com/community/plugin/1247202824491426073/Simple-Noise
可实时预览噪点的效果,能对噪点尺寸、形状、透明度进行定制。
Clippy —— 在 Figma 中插入附件的插件
链接:https://www.figma.com/community/plugin/1270403910069102271/Clippy
可以把和设计稿相关的文档、字体等用该插件插入到 Figma 文件中,当然如果要下载文件,也得启动这个插件。
Kombai —— AI 界面转代码
该 AI 工具能像人类的前端工程师一样,根据 Figma 的 UI 编写前端代码
かわいいフリー素材集 いらすとや —— 日式免费可爱插图库
一家老牌日式卡通风格的插图库,类型非常丰富,可免费商用,最近还增加了 AI 生成插图功能,支持用英语/日语/汉字 搜索和生成。
Ideogram AI —— 可在图像中生成文字图形的 AI
由 Google 前员工创立,相比于其他图像生成 AI,Ideogram 能在图片中生成文字图形,而且能对文字进行颜色、字体等样式定制。
朱雀仿宋 —— 开源免费字体
链接:https://github.com/TrionesType/zhuque
「朱雀仿宋」是璇玑造字的开源仿宋字体计划,志在最终提供高质量的、支持多语言的正文仿宋解决方案。
产品发现
ICP Query Extension —— 查询网站备案的浏览器插件
链接:https://chrome.google.com/webstore/detail/icp-query-extension/plmfnmaihcmijdanpbondfejclejejfa
这是一个开源的 Chrome 浏览器插件,可以一键查当前网站的 ICP 备案、DNS、Whois、服务器位置和 ISP。
MediSearch —— 医疗 AI 搜索引擎
输入医疗问题,系统将会给出答案和对应的权威参考文献。官方宣称 MediSearch 在以美国医疗执照考试为样本的提问时相比于其他 AI 对话模型获得更好的答案。
天工 AI 搜索
链接:https://search.tiangong.cn/
由中国昆仑万维出品,和国外的 Perplexity.ai 类似,可以联网搜索网上的内容,再由 AI 总结得到答案,适合搜索时效性比较强的信息。
相关资讯
Midjourney 发布局部修复功能Vary (Region)
链接:https://mp.weixin.qq.com/s/DWWYQHpGMGY2IeOahNeC2g
Vary (Region) 是一种修复工具。您可以选择现有画布的部分区域,由Midjourney重新绘制。
微博内测附注功能
有些微博用户会发谣言来吸引眼球涨粉,即使有正义之士在评论或者自行发布辟谣内容效果也不佳。现在微博允许符合条件的用户可对他人的公开微博进行信息和信息源补充,直接显示在谣言下方,增强辟谣效果。
安卓众多跳过开屏广告的 App 收到大厂律师函
安卓平台众多自动点击开屏广告跳过按钮的工具收到大厂律师函,声称屏蔽开屏广告干扰盈利方式,要求停止运营这类工具。于是李跳跳、轻启动、大圣净化、一指禅、叮小跳等宣布无限期停更。
自如设计周「宇宙迁徙」AI 创意设计大赛
链接:https://js.design/activity?id=64d619f5be5e727b8d003fec&y=hd&j=102
2023 Hiiidea 自如设计周开启“AI 创意设计大赛”,以“宇宙迁徙”为主题,邀请各位设计师们,尽情展示你们的创造力、工程才华,对未来的洞察力,以及对 AI 工具的使用能力!
招聘信息
字节跳动剪映影像设计团队招聘产品设计师/视觉设计师/交互设计师
字节跳动招聘资深产品设计师-金融方向
坐标:北京
百度招聘 UI 设计师 / 交互设计师
酷狗音乐招聘产品经理/ 交互设计师/ 视觉设计师
【酷狗音乐产品经理】
岗位职责:
- 负责酷狗音乐基础框架产品设计,对产品的基础体验负责
- 不断清晰产品的核心用户价值,围绕核心体验持续打磨,形成行业内的口碑和竞争力
- 关注同行业产品及数据情况,深入用户使用场景,挖掘新的用户需求痛点,推动产品持续创新及优化
岗位要求:
- 本科及以上学历,5 年及以上产品策划工作经验,计算机相关专业背景优先
- 具有较强的逻辑思维,对于数据、用户需求具有高敏感度
- 具有优秀的沟通协调能力,统筹能力。抗压能力强,较强责任心
- 对互联网、音娱产品、工具类产品熟悉优先
【酷狗音乐交互设计】
岗位职责:
- 负责平台级音娱 APP 产品的体验设计,对用户前端体验负责
- 清晰业务核心目标,协同产品细化业务需求,参与或主导视觉、交互、用研、数据分析等多项工作
- 了解音乐行业,了解产品方向,深入用户使用场景,关注用户反馈,主动挖掘潜在需求
- 沉淀设计方法,参与团队的专业化建设
任职要求:
- 本科及以上学历,5 年及以上体验设计经验,有完整推进中型项目经验。优秀人才条件可适当放宽
- 熟悉体验设计的基本流程和方法论,对于数据、用户需求具有高敏感度
- 强的逻辑思考能力,自我驱动能力和沟通协调能力,抗压能力强
- 具有车载、IOT、电商及商城类相关设计经验的优先
【酷狗音乐视觉设计】
岗位职责:
- 负责平台级音娱 APP 产品的 UI 设计,参与部分品牌和运营工作
- 完成视觉研究和趋势分析,定制视觉风格,不断打磨方案,跟进设计效果实现,推动创意落地
- 了解音乐行业,了解产品方向,深入用户使用场景,关注用户反馈,主动挖掘潜在需求
- 沉淀设计方法,参与团队的专业化建设
任职要求:
- 本科及以上学历,5 年及以上 UI 设计经验,有完整推进中型项目经验。优秀人才条件可适当放宽
- 优秀的视觉审美和表现力,熟练掌握 Sketch、C4D、PS 等设计软件,具备 demo 制作能力更佳
- 较强的逻辑思考能力,自我驱动能力和沟通协调能力,抗压能力强
- 具有车载、IOT、电商及商城类相关设计经验的优先
有意者可加微信:knightpan,或直接发送作品集给我~
体验碎周报第 157 期(2023.8.28)