体验碎周报第 131 期(2023.2.20)

体验碎周报第 131 期(2023.2.20)

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

体验亮点

高德地图顺路买花

在情人节到临之际,高德地图基于顺路搜索技术推出导航路途中顺路买花功能,助用户浪漫赴约。

体验槽点

vivo 日历红色主题色和小红点

vivo 手机日历用红色作为主题色本来不算大问题,但过于追求图标的美观,左上角「更多」图标把用于提醒的小红点做到图标内部,根本分不清这是提醒,还是按主题色做设计的红白双色普通图标。

推荐阅读

从大脑的四个特性,理解交互设计原则

链接:https://mp.weixin.qq.com/s/1qHBujt5y6XLUvY9Dd4bbA

作者认为交互设计原则的底层原理就是大脑的特性,从本质出发去理解交互设计原则,设计产品时会想得更加全面。

大脑的四个特性与之对应的交互设计原则:

  • 节能:流程简单原则、符合用户习惯;
  • 稳定:确定性、一致性、适应性;
  • 预测:一致性;
  • 反馈:流程拆解分步反馈、从易到难、从小到大。

B 端的分页组件,如何设计?

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

对于何时使用分页组件,分页组件的组成元素解析都有详细论述。

论 2023 年电影《流浪地球 2》中使用的字体(附 ttf)

链接:https://www.bilibili.com/read/cv21439547

截图《流浪地球 2》分析出 20 种字体,并且提供字体 ttf 文件。

见微知著 —— PC/移动端交互小差异

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

PC 和移动端是当前人机交互的主要互动设备。为了适应不同设备的交互方式差异,提供更完善的用户体验,即便是相同的功能/组件也会衍生出细节上的差异。这篇文章就是探讨这些交互差异的。

你绝对没注意的灵动岛的动画设计细节

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

苹果认为只有当一个工具就仿佛是我们大脑的延伸时,它才会显得很“流畅”。「灵动岛」的动效设计就是苹果动画设计的集大成者。

工具资源

Modern illustration —— 插画作品收集

链接:https://www.modernillustration.org/archive

专门收集 1950 年至 1975 年之间的插画作品的网站。

EightShapes Specs —— 导出组件示意图的 Figma 插件

链接:https://www.figma.com/community/plugin/1205622541257680763/EightShapes-Specs

很多设计系统的网站介绍组件时,都会配有示意图片标注组件的组成部分和尺寸。这个 Figma 插件可以根据 FIgma 组件自动生成组件示意图。

Layout Grid Visualizer —— 生成栅格图层的 Figma 插件

链接:https://www.figma.com/community/plugin/831003768229656707

先在 Figma 里做一个 Layout grid ,然后运行该插件就能把 Layout grid 生成真正可编辑的图层,用来做网格背景不错。

FrameHider —— 临时隐藏画板的 Figma 插件

链接:https://www.figma.com/community/plugin/1205413641495147971

设计还未完成?不想让查看者看到某一个画板?FrameHider 可以简单、快速地临时遮住画板。选中一个或多个画板,然后运行插件。

Refero —— 网页设计截图库

链接:https://refero.design/

收集了 11000 多张网页截图,可以根据设计模式、UI 元素、分类进行筛选。

Atlas icons —— 免费图标库

链接:https://atlasicons.vectopus.com

包含 2701 个图标,提供 SVG、字体包、前端库、Figma 源文件格式。

TVision Charts —— 可视化组件库

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

TVision 是由腾讯多团队协同建设的图表组件库,开源设计资源,提供 14 大类、50+小类图表、支持自动布局与变体并包含深浅模式。

产品发现

双喜 —— 多抓鱼旗下的二手服装App

多抓鱼从卖书拓展到卖二手服装,现在从多抓鱼中专门弄了个新品牌做二手服装。

No-Code Supply Co —— 无代码工具收集

链接:https://www.nocodesupply.co/

收集了 1111 个无代码工具,网站本身也是用无代码建站工具搭建的。

相关资讯

微信公众号修改版式变身“小绿书”

微信公众号对图片消息功能进行升级,具体的升级内容包括:创作者可以填写标题;描述语由 140 字扩充为 300 字;用户在手机上可以横滑浏览所有图片,展示比例为 3:4。神似小红书布局。

招聘信息

吉比特&雷霆游戏 | 招聘GUI/交互设计师/动效设计师

base:深圳、厦门、北京

职位链接:https://mp.weixin.qq.com/s/czfZ2VEDgseDwnRYBRCPtA

百度招聘高级交互设计师

岗位职责:

负责百度 APP 内服务型产品的交互设计工作(不招UI,勿发送 UI 简历,谢谢),以用户体验为基础,对业务需求进行合理评估,并提供优质体验设计方案。
任职要求:

  1. 3-5年互联网公司设计工作经验,可独立完成从需求评估到上线的项目全流程(条件优秀者可放宽至2年以上经验)。
  2. 逻辑思维清晰,业务洞察力强;可在用户体验和业务需求间实现最优方案,充分发挥设计价值。
  3. 具备一定用户研究、数据分析能力。
  4. 理解、沟通、表达能力俱佳,具备团队协作精神。
  5. 自驱性高、学习能力强,对专业及行业趋势保持敏感。
  6. 有成熟产品设计经验、有成功项目案例者优先。

有意向的同学请发【作品集&简历】至: wuyimin01@baidu.com

美国初创公司招聘设计师(提供 h1b 签证)

帮一家小而美的美资初创企业招一位设计师。

base:湾区

公司简介:为 web3 生态的开发者提供代码自动化检测工具,做漏洞检测,目前 Pre-A 轮,10-20 人规模,团队中有多位冠军白帽黑客,技术领先;

职位信息:希望你做过海外产品设计,能独立完成设计,具备 ownership,有极客精神,对 web3/NFT/区块链/AIGC 等前沿领域感兴趣,有大胆前卫科技化的审美;

了解更多请加猎头Christian微信:christian1014

Surpath 招聘高级 UI 设计师

魅族招聘交互设计师/视觉设计师/3D特效设计师/3D技术美术

小米招聘资深 UI 设计师

丁香园招聘资深视觉设计师

体验碎周报第 131 期(2023.2.20)

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

作者

龙爪槐守望者

发布于

2023-02-20

更新于

2023-02-19

许可协议

评论