来自 Caitlin Brisson@Medium 的“How to Expand Your Strategic Impact as a Designer”，关于设计师如何打开格局提升战略 影响力 的若干行动建议。一如既往，个人学习之用，独享翻译之过程而共享其结果，全部内容仅代表原文作者 Caitlin Brisson 之观点。

图片来自 Hassan Pasha on Unsplash

我是一名设计师，不过去年有将近八个月的时间里，我同时还担任着增长团队的产品经理一职。这期间的工作非常辛苦，不过也让我了解了如何在产品管理与设计工作之间寻求平衡。如今我已回归到设计岗位，在此也愿将自己在担任产品经理期间的一些所得所感分享给大家，希望能帮助更多设计师了解如何提升自己在战略层面的影响力。

或许你会觉得这些与你无关，因为未必存在转岗需求。确实，在设计师职业生涯的头几年，大家更多是聚焦于设计能力的提升。但长期道路不止于此。到了某个阶段，你需要去探索如何提升自己在产品、业务和团队方面的影响力，如何花更多时间去思考问题，而不仅是徘徊于像素之间。

以目标优先级作为行动准则

图片来自 Estée Janssens on Unsplash

我在任职产品经理的日子里，同时仍要担负一部分设计师的职责，因此实际工作非常多样，包括向利益相关人进行汇报、产品路线规划、设计展望、设计执行等等。如何在这些工作当中寻求平衡，这对我来说是个重要的挑战。

作为一名曾经的教师，我很喜欢 SMART 目标管理方法（Specific，具体而明确；Measurable，可衡量；Achievable，可实现；Relevant，有相关性；Time-bound，有时限），通常会以季度和年为周期进行追踪。我的目标包含很多方面，涉及业务影响力，个人职业愿景，以及与设计相关的有意思的主题（例如全人群访问、设计文化等等）。为了实现平衡的状态，我借鉴产品经理的思维模式，对所有的目标进行优先级排序，进而确定所需投入的时间。

这一方式让我可以有策略性地关注自己的职能发展及个人成长。我可以更清晰地看到应该何时说不，何时赋权，进而在工作中找到平衡点，让自己的精力得以聚焦于最重要的事务上。具体建议：

每周、每季度都要设定目标。始终依据目标优先级来分配时间。 在大目标的框架下，对新增项目或需求的优先级进行权衡。这使你可以站在业务层面说不——以温和的、友好的、积极的方式。 一路上通常还要做更多舍弃的抉择，特别是在必须调整工作负荷的时候。要预先判断哪些可以妥协，哪些会造成严重影响。 无论你准备聚焦于怎样的 职业发展 路径，随着不断进阶，需要处理的事情总会层出不穷。你必须对优先级有所决策，因为只有你能帮助自己实现聚焦。随着职能范围的扩大及影响力的提升，你将越发需要以优先级决策作为行动准则来提升工作效益。

以正确的基调应对改变

图片来自 Nick Fewings on Unsplash

去年秋天，我们刚刚完成产品增长的路线图规划，即将开展相关工作，却发现 app 当中一个关键功能出现了问题，因此全员调动进行处理。

一周之后，我们的整个路线图都发生了变化，参与解决问题的人员数量扩张了一倍，同时还在处理后续出现的新问题。每个人都压力倍增。虽然大家都在询问接下来的方向，但团队当时真正需要的未必是具体答案，而是镇定、安心、正向的环境氛围，从而使团队重新凝聚。我也有参与创造这样环境的责任。

展现人性化，了解他人在改变曲线（Kubler-Ross change Curve）当中所处的位置，保持和善、耐心、同在，保持交流，并为他人提出的问题或顾虑提供充分的讨论空间。 展现坦诚，但也要注意表达方式。当来自外部的意见和反馈没有实际帮助时，要尽可能维护自己的团队。 你不必知道所有答案，不必假装知道方向，但要能把大家团结起来共同探索。 作为设计师，我们经常需要跨部门开展工作。这使我们都能有机会在团队文化的建设中发挥自己的价值。尽自己的一点所能，让团队在应对挑战时能更好地凝聚，这将有利于提升你的影响力和领导力。

以数据作为探索与评估的工具

图片来自 Isaac Smith on Unsplash

作为设计师，我曾经非常依赖于我的跨职能合作伙伴来帮我回答定量问题。

随着我开始承担产品经理的职责，大家也开始向我询问转化率方面的问题，另外我还需要向利益相关人分享每周的数据趋势。因此我快速补习了数据分析方面的能力，并研究了我们自己的数据模型。这让我能够开始独立解决数据方面的问题，跑一些常规追踪，更深入和量化地探索用户的行为模式。我开始有针对性的在设计当中添加统计事件，并手动制作一些可视化的数据报告；这个方式在团队内逐渐铺开，并成为了改善跨职能沟通合作的有效工具。

所以我会建议大家更好地拥抱数据：

花些时间了解你产品所在领域的数据分析特点，以及支持这些特点的典型分析工具。 通过数据辅助分析用户旅程，抓到最需要投入资源改善体验的点。 设计交付当中要包含相关的统计事件说明，便于其他团队的同事评估和实现。 影响产品设计决策的一个关键能力就是“讲故事”。将量化数据充分融入设计流程，结合定性分析，你便能有理有据地讲出一个具有战略影响力的好故事。

让长期路线成为团队共识

图片来自 Vista Wei on Unsplash

长期愿景非常重要，但也很容易在创造出来之后被大家遗忘。任职产品经理期间，我过于聚焦在设计开发流程当中，而没有很充分地将长期路线作为与利益相关人进行沟通的工具。

当我们的团队准备进入到项目的第二个阶段时，一些利益相关人开始对我们接下来的发展方向感到困惑。这让我意识到我们不能将自己封闭在日常的工作流程当中，否则团队将逐渐失去对长期愿景的感知和共鸣。

花些时间从细节工作中跳出来，退身展望更大的图景。 让自己所在的一线团队始终与长期目标保持对齐，并切实以长期目标作为制定决策和权衡优先级的标尺。 将长期路线规划作为工具与合作伙伴及利益相关人进行沟通，全团队形成共识，保持参与。 设计愿景，设计原则，流程共识——这些都是身为设计师可以去创造的协作与沟通工具，能够有效地帮助团队从战略层面制定决策，保持协同。考虑清楚它们的具体使用方式及沟通对象，让它们切实派上用场。

结语 全职从事设计工作令我感到兴奋，但我仍然对担任增长团队产品经理的经历心存感激，因为我所学到的东西能使我在产品设计师的职业发展上取得更大的进步。我也希望我所分享的这些经验同样能给各位带来参考。

如何辨别自己是有影响力的设计团队，而非作图机器？ 译者简介：贺雪，从软件工程到交互设计，永远感觉世界真奇妙的小设计一枚。

阅读文章 >

欢迎关注作者的微信公众号：「Beforweb」

Rgbstock 是一个 100% 免费图库 ，收录超过 100,000 张相片素材让使用者免费下载！就如同一般在线图库网站，将各种相片主题依照类型分门别类，用户可利用分类页面浏览或是输入关键词搜寻，当然也会有大家熟悉的最新图片、热门图片或随机显示图片等功能，操作上很简单，找到要使用的相片，下载后就能将档案保存、运用在其他想使用的地方。

不过 Rgbstock 限制使用者需要先注册帐户才能下载图片，但是注册完全免费，或是使用 Facebook、Google 账户直接登入，虽然 Rgbstock 分类很多，也能透过搜寻或标签功能来查找相片，但我实际使用的心得是图片质量较参差不齐，也没有一些大型图库来得这么精致（要找找素材还行），而且图片方面并没有提供使用者多种尺寸或格式，必要的话还是要自行编辑。

依照授权说明，Rgbstock 相片可使用于数字用途像是网站、也能用于个人的计算机、手机桌面做为背景，使用在杂志、报纸、书籍、小册子、传单、教科书等印刷材料用于说明目的，但禁止作为销售或重新分发的主要内容。

Rgbstock 网站链接： https://www.rgbstock.com/

使用教学

开启 Rgbstock 图库后从首页搜寻字段输入要查找的相片关键词。

或是前往分类页面，依照相片主题以大分类、小分类进行排序，网站上方选单也能显示最新相片、热门相片和随机显示。

在没有登入 Rgbstock 账号前，相片页面不会有下载按钮，需要先注册账号进行下载。

注册完全免费而且非常简单，注册、回到 Email 收取验证信，点选信中的确认链接即可启用账号。

分类页面预设使用下载次数进行排序，也能切换为新增日期，不过 Rgbstock 没有太多筛选功能，基本上很难将范围缩小、快速找到合适的相片素材，浏览时会显示来自 Shutterstock 付费图库相片，也是赞助商提供的内容，若不想付费购买图片记得只要锁定 Rgbstock 免费相片就好。

进入相片页面后点选「Download」就能将原始图片下载使用，如果没看到下载链接，可能是你还没有注册登入 Rgbstock 账号，需要先登入才能下载图片。

从相片信息页面中还能看到相片被检视的次数、下载次数，右侧会有相片分辨率、新增日期、拍摄使用的相机等参数，用户也能透过关键词来找出更多类似的相片素材。

值得一试的三个理由：

1. Rgbstock 是一个 100% 免费图库，超过 10 万张相片素材免费下载

2. 透过搜寻或标签来查找相片，也有提供大小分类功能

3. 可使用于数字用途，但是禁止销售或重新分发

免费可商用！图标、插画和图库应有尽有的素材站「Reshot」 本文要推荐的「Reshot」是一个整合、收录三大类型素材免费图库，网站提供超过 40000 个 SVG 免费图标、超过 1500 个插图素材和超过 25000 张相片，这个网站最大特色是素材都能实时下载并适用于商业用途，无需付费，使用时也不用标记出处来源。

阅读文章 >

相信很多同学在上一篇有留意到， 体验设计 中包含了以用户体验为中心增加和修改产品功能的目标，既然都从用户分析到产品原型输出，界面输出一条龙全套完成了，那还要 产品经理 做什么？

上篇回顾：

基础全扫盲！用大白话帮你掌握用户体验设计（一） 今天再来继续一个比较现实的话题 —— 用户体验是什么？

阅读文章 >

在这一篇内容中，我们就来解析这个大家非常感兴趣的话题和疑惑， 体验设计师 和产品经理的关系。

产品经理 PM（Product Manager），是负责规划产品功能和推进它们落地实现的管理岗位。在互联网团队中，产品经理通常就是这个团队的大脑，他们提供想法，而其它岗位负责实施。

产品经理也是一个解释起来比较麻烦的职业，职能既广泛又抽象，这一点和体验设计师非常相似。我一般将它的职能划分成三大部分：

第一，需求分析，就是决定项目下一个版本要开发哪些产品功能的分析阶段。这是产品经理工作中最重要，也最困难的一环。无论做出什么决策，都意味着后续要投入大量的人力和时间成本来实现对应功能。所以为了给出有效的需求，产品需要在这个阶段做大量的分析工作，不仅要分析市场行业，也要考虑用户体验，技术指标，预算成本，甚至还需要综合团队内部的建议。这一点我们会在后面做进一步的解释。

第二，需求输出，则是在确定版本要做什么功能以后，将所有功能的明细、逻辑、要点进行系统地输出，包括需求文档、产品原型、需求会议等。

一个合格的产品经理，一定会通过合理的方法来记录和分发版本的需求内容，确保需求信息可以查看和追溯，在团队内部流通无阻。虽然需求分析是一个产品经理的灵魂，但需求输出就是它的骨架，是这个岗位最基本的职业素养和能力表现之一。我们可以通过查看产品经理输出的文档、原型或 PPT，来评价一个产品的基本功如何。如果在真实项目中，产品经理输出需求只有 “口述”，那无疑是一个不称职且不合格的 PM，这会为设计师的工作带来巨大的挑战。

第三，项目管理，进入项目开发阶段后，分配并推进各岗位按目标展开工作的过程。虽然这看起来像项目经理的工作，但是一般互联网团队是不配备项目经理的，由产品经理负责。项目管理是产品经理综合能力的直接反映，不仅要具备团队管理能力、沟通能力、情商，还需要对涉及到的岗位、职业、行业有深入的了解，只有掌控全局，才能有效的分配任务和预估时间。

以上就是对产品经理基本工作的简单描述，可以肯定的是，这个岗位所需的知识和技能量也是相当可观的，不管是广度还是深度，确实是高于体验设计的。

业内一直流传一句话，产品经理是距离 CEO 最近的一个岗位，就是因为他不仅要做重大的商业决策，还要应对琐碎的项目管理。这种工作经历为更宏观的企业管理提供了良好的开端。

体验设计师和产品经理的主要职能重复，集中在需求的分析上。体验设计师需要花费大量的时间做产品分析、用户研究，然后再给出需求分析结果。既然体验设计师都在做需求了，那产品经理不就可以开始摸鱼，管管项目进度就可以了吗？这里最大的误区来源，就是 —— 以用户体验为中心的设计，并不是产品功能设计的唯一指标。这句话建议大家默写十遍，从今以后不要再对产品设计的认知仅仅局限在用户体验中。

前面说过，产品经理在分析需求的过程，除了用户体验外，还要考虑市场行情、政策指示、技术门槛、投入预算和时间成本。有大量的需求，并不是以用户为中心提出的。比如我以前从事的海淘行业，购物结算模块三天两头有新需求大改，并不是用户觉得不好用，而是海关进口关税政策朝令夕改，针对买家购买保税仓商品的记税、报税模式三天两头调整。

这就导致产品必须先分析解读清楚政策条例和相关法规，再变更购物流程，调整页面显示字段和计算规则。详细过程就不阐述了，每次政策的调整都需要投入海量的精力做分析，而这些变动和用户怎么想没有关系，他们必须接受。当然，包括微博、知乎等平台上，用户评论会带上所在地 IP，你们觉得这是用户想要的功能吗？

还有，商业战略层的考量也是影响产品功能设计的重要因素。比如早前的支付宝强推熟人社交，企图和微信竞争用户黏性。微信强推视频号，希望从抖音手里抢回用户注意力。还有咸鱼上线社区、饿了么上线视频直播、哈罗单车上线本地生活模块……

这些看起来很 “荒诞” 的功能，显然不可能是以用户为中心的维度延展出来的，而是商业战略上的部署和尝试，用户依旧只能被动接受。除此以外，在 C 端类型的产品中，还有一部分功能的设计是完全根据产品经理的 “灵感” 推动的，比如微信的在看、拍一拍，蚂蚁森林偷能量，淘宝二楼等。

前面讲那么多，就是为了说明一款成熟的产品，需求来源是多种多样的。无论用户体验有多重要，它也只是产品设计中的其中一个环节。

当体验设计师承担体验部分的需求分析和制定时，不代表产品就没有事情做，正常情况下他还有一堆和体验不相关的事情需要分析和处理。或者，产品经理给出和用户无关的需求以后，体验设计师就要辅助产品经理进行 “需求善后”。通过产品分析和用户研究，尽可能以符合用户体验的目标对它们进行完善，即使用户可能并不关心它们。

体验设计师的工作是具有辅助性质的，一方面在产品经理已有的需求基础上，提出一些新的符合用户体验的需求，另一方面是在产品经理给出需求后，通过体验分析来检测和优化这些需求。

体验设计师既不能取代产品经理的工作，也不能代替产品经理行使项目管理的职能，所以不要再错误的认为体验设计是把产品工作做了以后让他无事可做。

本篇主要梳理体验设计师和产品经理的工作差异，要想解除误区，就必须理解产品经理的主要工作内容有哪些。因为这不是一篇专门解释产品工作的系列，所以做了大量的简化，之后有机会会专门开一部分干货来分享产品的介绍。

下一篇，我会针对体验设计的局限性和误区进行解读，帮助大家正确认识这个岗位的难点和缺陷在哪里。解除体验设计对新手的神秘感，和帮助大家能真正客观的认识这个职业。

近万字长文！从头梳理B端产品经理和体验设计师的工作职责 近期，一些项目经理、产品团队长、设计师经常问笔者一个问题：“B 端产品经理和体验设计师的工作职责分别是什么？

阅读文章 >

欢迎关注作者的微信公众号：「超人的电话亭」

前言 小到生活用品，大到娱乐设施，现代生活，处处都存在着周边产品。若是有个小灵感，想动手尝试做个 周边产品 ，我们又应该从何下手？

这篇文章将给大家介绍一些小思路，纯属个人经验，如有不足之处，还请大家互相留言讨论指正。

什么是周边产品 百度百科给出的解析是：周边产品指利用动画、漫画、游戏等作品中的人物或动物造型，经授权后制成的商品。国内习惯用周边产品来定义动漫相关产品。而在国外，这类商品被统称为 HOBBY（业余爱好，嗜好），有硬周边（CORE HOBBY）与软周边（LIGHT HOBBY）的区分。像扭蛋、挂卡、模型、手办这样没有多少实用价值纯观赏收藏的被称为硬周边，相对价格较高；另外常见的借用某个动漫形象生产的具有一定实用性的如文具、服饰、钥扣、手机链等商品被称为软周边，相对价格便宜。

但随着时间的发展，周边产品已经不局限于上面的形式了，可以是一张图片的衍生品、也可以是品牌宣传物料。但前提制作方拥有该内容的版权。

周边产品规划 周边规划需要考虑：

1. 基本元素：

可以是单个图片、IP 形象、或品牌等。

以微信黄脸为例，我们先介绍下其背景。

2016 年 8 月 29 日上线了微信大黄脸表情后，受到了用户的喜欢，同年 11 月，就把讨论度最高的几个表情搬上了聊天界面。所以这些小黄脸都可以成为基础元素去制作成周边产品。

2. 制定目标：① 定位 ② 受众 ③ 共鸣

① 微信黄脸表情的定位是：

微信官方 IP 品牌，通过黄脸形象映射人们在日常使用微信交流中产生的各种情绪。希望通过对最典型情绪的捕捉，结合当下最流行的网络词汇，创造出趣味、潮流、艺术性的内容和产品。在用户和微信间建立情感连接。

那么其周边的定位应该是能让用户在现实生活中也能触摸到的表情。

② 受众：

根据定位可以拟出用户画像，喜欢发微信黄脸的人群大部分是学生群体以及上班族，这类人群喜欢好玩性价比高且又有点实用的东西。所以产品的售价也不能过高。

③ 共鸣：

在前期，微信黄脸需要引起用户共鸣的话，形象不能有太大的改动，能够一眼就能 get 到是微信界面里面的表情。所以也不能做太个性化的设计。

因此在 2018 年推出了微信黄脸的首批周边产品，基本都是延用了微信黄脸原有的基本型：

微信黄脸冰箱贴

3. 周边选品：

在首批产品获得大家的认可之后、需要尝试更多周边方向，那么可以从以下 4 个方向动手：

选定方向之后，就需要考虑周边选品的原则：

① 全年规划性（有效明确品类把控整体节奏）

② 多档位、丰富性（确保品类满足多种需求）

③ 设计符合品牌调性（让用户有品牌认同感）

随着时间推移，微信黄脸也根据不同的时间定位、目标受众、预期共鸣点去调整产品方向：

微信黄脸日常周边产品（目标人群衣食住行类）

微信黄脸新年周边产品（节日限定类）

微信黄脸生日礼盒（个性化定制类）

制作周边产品注意事项 1. 制作周边的基础元素必须有版权或是外观专利。如果与工厂或通过软件联系的商家合作必须签订协议（确保不会被滥用）。

2. 制作内容 RGB 为电脑显示色，CMYK 为印刷色。一般交给工厂的格式都应该是 CMYK，不然实物会容易偏色，甚至直接变成别的颜色（补色）。

3. DPI 指每英寸的像素，也就是精度。周边不同对应分辨率要求也不同，最好是矢量，如果是位图需要 ≥300dpi，精度不够会让图案变成马赛克影响成品。

4. 预留出血位，印刷时在裁切位加一些延伸图案，这样以避免画面主要内容被裁切。设计时预留 3mm，千万不要把重要的字和图案放在出血位里。

5. 打样：在产品生产之初前做一个校样，根据样品实物调整你想要的效果。符合还原效果可以签样生产，不符合可以根据现有样品与生产方协商调整。

6. 不同材质的产品生产周期不同，还需考虑产品的起订量以及是否需要开模，特殊形状周边需要模具制作，周期相对较长以及成本增加。

体现周边价值 周边产品如果能够在内容上体现一些态度与价值观，会引起更多的共鸣。还是以微信黄脸为例：在 2018 – 2022 年期间，微信聊天面板更新了更多的小黄脸。

其中在 2020 这个特殊的年份，选取了「加油加油」以及「旺柴」这两个表情为基础，在内容设计上做了一些延展，选取了 T 恤作为载体（因为 T 恤上的图案既能表达穿衣者的态度、同时也能够影响迎面而来的人）。

希望通过微信黄脸的周边产品能够鼓励大家，并宣传一种积极乐观、向前看的生活态度。

微信黄脸T恤（加油加油款）

微信黄脸T恤（向qian看款）

2021 年还用了「微笑」和「苦涩」做了另外两款黄脸 T 恤，从中不仅能获得一件周边产品，也是希望通过黄脸周边能引起大家共鸣，共勉！

微信黄脸T恤（微笑款）

总结 以上仅个人在制作周边产品时的一些方法与想法，浅谈如何构思制作周边产品，关于不同周边产品的制作，还是有很多学问的，也欢迎大家讨论交流，或是告诉我们还想看到微信哪些周边？

（除此之外还有一类是可以进行单件定制的，就是日常大家常说的 DIY 定制，如果没有要量产售卖的话，在已经成型的一些产品上印制自己的图案生产，一定意义上也是可以成为自己的周边产品的哦，赶紧动手起来吧。）

自己画的插画、IP 形象、个人品牌如果能从线上变成线下，生活中得多多少乐趣！生活中不缺周边产品，缺的是你开始动手的心！

如何从0到1做出一款潮玩？来看腾讯高手的实战案例！ 小方鹅 Cubie 是企鹅电竞官方的 IP 形象，一个拥有有趣灵魂的的游戏机方盒子。

阅读文章 >

欢迎关注作者微信公众号：「腾讯设计族」

苹果公司在 iOS 11 以后对相机加入新的 HEIF 和 HEVC 影像和影片格式，默认情况会使用「高效率」模式储存拍摄的照片和影片，减少相片影片占用的容量，不仅画质更好，容量只有 JPEG 一半，使用者可以储存多达一倍的照片影片。HEIF 是「高效率图档格式」（High Efficiency Image File Format）缩写，HEVC 则为「高效率视频编码」（High Efficiency Video Coding），而 HEIF 格式的扩展名为 .heic，或许大家都曾经碰过，特别是你也是 iPhone 、iPad 使用者，一定对于这个格式不陌生。

本文要介绍的「HEICFile」是一个将 HEIC 文件转换为 JPG、PNG 或 GIF 格式的在线转档工具，如果发现你的计算机或设备无法正确开启 HEIC 图片格式，可先行将它转为 JPG、PNG 常见 图片格式 ，能解决因为格式问题无法检视浏览的问题。

HEICFile 和之前介绍过的AnyWebP 应该来自同个开发商，它们界面看起来几乎一样。

免费转换！批量将 WebP 转成 JPG、PNG 格式的神器「AnyWebP」 Google 在 2010 年释出全新 WebP 图片格式，至今也已经超过十年，WebP 就像 JPEG 也是一种有损压缩图片格式，但在相同画质下有着比 JPEG 更好的效率和压缩比，也因此被广泛应用到网页，现今大多数主流浏览器都已经支持 WebP 格式。

阅读文章 >

HEICFile 特色是只要将 .heic 图片拖曳到网页、选择要转换的格式就能批次转换，非常方便，也能调整图片质量，值得一提的是 HEICFile 使用先进的 JavaScript 和 VUE 技术不会将任何 HEIC 文件上传到服务器，也就是透过浏览器就能转换格式，确保使用者获得更好的隐私保护。

HEICFile 网站链接： https://heicfile.com/

使用教学

开启 HEICFile 网站直接将 .heic 图片拖曳到网页中，从「Output」选择要转换的格式，支持 JPEG、PNG 和 GIF 三种，如果想调整图片画质（Quality）也能在转档前先行选择。

若要转换的图片很少，直接点选后方的「Start」开始转换，遇到要转文件的图片很多，HEICFile 支持批次转换功能，直接点选最下方的「Convert All HEIC」将所有 HEIC 图片转为特定格式。

HEICFile 会在转换后将图片压缩为 .zip 压缩文件，解压缩后就能取得所有新的相片格式。

如果你觉得在线转档工具无法满足你，要转换的 HEIC 相片真的很多，也可以透过 HEICFile 免费下载计算机版 HEIC 转换工具，支持 Windows 和 macOS 两种操作系统，不过我就没有实际试用了，如果需要转换大量文件的话可能使用脱机工具会更快、更方便。

值得一试的三个理由：

1. 将 HEIC 在线转换为 JPEG、PNG 或是 GIF 格式

2. 支持批次转档，所有文件会压缩为 .ZIP 压缩文件进行下载

3. 不会将任何 HEIC 文件上传到服务器，确保使用者获得更好的隐私保护

免费！支持超过 100 种格式的图片格式转换神器「Pixelied」 Pixelied 是一家提供相片编辑器的服务商，旗下有个「Free Image Converter」的图片格式转换工具，让使用者通过浏览器进行在线批次编辑，而且不用担心降低照片画质，也无需下载或安装任何应用程序，提供最快速、免费且易于使用的图片转文件功能，这项服务支持各种常见图片格式包括

阅读文章 >

苹果公司在 iOS 11 以后对相机加入新的 HEIF 和 HEVC 影像和影片格式，默认情况会使用「高效率」模式储存拍摄的照片和影片，减少相片影片占用的容量，不仅画质更好，容量只有 JPEG 一半，使用者可以储存多达一倍的照片影片。HEIF 是「高效率图档格式」（High Efficiency Image File Format）缩写，HEVC 则为「高效率视频编码」（High Efficiency Video Coding），而 HEIF 格式的扩展名为 .heic，或许大家都曾经碰过，特别是你也是 iPhone 、iPad 使用者，一定对于这个格式不陌生。

本文要介绍的「HEICFile」是一个将 HEIC 文件转换为 JPG、PNG 或 GIF 格式的在线转档工具，如果发现你的计算机或设备无法正确开启 HEIC 图片格式，可先行将它转为 JPG、PNG 常见 图片格式 ，能解决因为格式问题无法检视浏览的问题。

HEICFile 和之前介绍过的AnyWebP 应该来自同个开发商，它们界面看起来几乎一样。

免费转换！批量将 WebP 转成 JPG、PNG 格式的神器「AnyWebP」 Google 在 2010 年释出全新 WebP 图片格式，至今也已经超过十年，WebP 就像 JPEG 也是一种有损压缩图片格式，但在相同画质下有着比 JPEG 更好的效率和压缩比，也因此被广泛应用到网页，现今大多数主流浏览器都已经支持 WebP 格式。

阅读文章 >

HEICFile 特色是只要将 .heic 图片拖曳到网页、选择要转换的格式就能批次转换，非常方便，也能调整图片质量，值得一提的是 HEICFile 使用先进的 JavaScript 和 VUE 技术不会将任何 HEIC 文件上传到服务器，也就是透过浏览器就能转换格式，确保使用者获得更好的隐私保护。

HEICFile 网站链接： https://heicfile.com/

使用教学

开启 HEICFile 网站直接将 .heic 图片拖曳到网页中，从「Output」选择要转换的格式，支持 JPEG、PNG 和 GIF 三种，如果想调整图片画质（Quality）也能在转档前先行选择。

若要转换的图片很少，直接点选后方的「Start」开始转换，遇到要转文件的图片很多，HEICFile 支持批次转换功能，直接点选最下方的「Convert All HEIC」将所有 HEIC 图片转为特定格式。

HEICFile 会在转换后将图片压缩为 .zip 压缩文件，解压缩后就能取得所有新的相片格式。

如果你觉得在线转档工具无法满足你，要转换的 HEIC 相片真的很多，也可以透过 HEICFile 免费下载计算机版 HEIC 转换工具，支持 Windows 和 macOS 两种操作系统，不过我就没有实际试用了，如果需要转换大量文件的话可能使用脱机工具会更快、更方便。

值得一试的三个理由：

1. 将 HEIC 在线转换为 JPEG、PNG 或是 GIF 格式

2. 支持批次转档，所有文件会压缩为 .ZIP 压缩文件进行下载

3. 不会将任何 HEIC 文件上传到服务器，确保使用者获得更好的隐私保护

免费！支持超过 100 种格式的图片格式转换神器「Pixelied」 Pixelied 是一家提供相片编辑器的服务商，旗下有个「Free Image Converter」的图片格式转换工具，让使用者通过浏览器进行在线批次编辑，而且不用担心降低照片画质，也无需下载或安装任何应用程序，提供最快速、免费且易于使用的图片转文件功能，这项服务支持各种常见图片格式包括

阅读文章 >

大家好，我是和你们聊设计的花生~ 前几天向大家推荐了 5 款精致优雅的英文字体，作为装饰运用到 海报设计 中，可以营造浪漫优雅的氛围。

海报设计如何更优雅？加上这个元素准没错！（附素材下载） 大家好呀， 我是和你们聊设计的花生~ 之前和大家分享了纤细的手写英文字体在海报中的运用，他们可以丰富画面层次并烘托氛围，让海报不再沉闷呆板。

阅读文章 >

然后有小伙伴在评论去问到有没有比较有偏男性气质的英文字体推荐，当然有啦~今天就继续和大家聊聊具有 力量感 的英文字体在海报设计中的运用，并为大家推荐 7 款可以免费商用的相关英文字体，一起来看看吧~

力量感字体在海报中的运用 说到具有力量感，在英文字体上最直接的表现就是超粗线条。同一个字体家族，线条越粗，字体的厚重感和力量感越强，视觉冲击力也越大。

除了字体家族中的大字重字体，还有很多本身就是为标题（Headline）设计的粗线条的英文字体。这样的字体形式感会更强，适合大字号的展示。在外文海报中经常直接作为主视觉，运用到在与体育运动相关的主题中，突出健壮有力的感觉。

此外，粗线条字体也适合作为一种装饰图形铺在海报中背景，与其他元素形成空间对比，呈现出成强烈的视觉冲击。

↑菲律宾设计师Benedicto Cernal III 的系列字体海报。图片来源： https://benedictocernaliii.com/

这样的设计方法也常用在表现健身运动或者潮流主题的中文海报中，一方面是粗壮的字体气质符合海报主题，另外也可以与主体人物形成遮挡穿插关系，丰富视觉层次。

7 款力量感字体推荐 下面为大家推荐 7 款粗线条的英文字体，都是专门为标题设计的，字形坚实有力，适合大字号展示。字体都是免费商用的，字体资源包下载链接在文末或者开头都有，喜欢的小伙伴可以自行下载~

Theater

Theatre 是一款字宽较窄的无衬线字体，它具有大胆的风格，易于阅读，非常适合吸引注意力。

Berd

Berd 是一种基于简单几何形状的大胆而有力的显示字体（Display font）。该字体具有坚实的外观，是海报标题、标志、包装等设计的完美选择。

Phyco

Phyco 是几何感很强的字体，适用于作为标题、海报、标题、品牌、T 恤衫印刷和其他图形设计。

Thunder

Thunder 是线条极度夸张的无衬线系列字体，有 36 种字形。适合电影海报、标题、专辑插图等任何需要干净的无衬线字体的设计项目。

SuperLine

SuperLine Font 是一款具有现代感的全大写显示字体，提供常规、斜线条和轮廓三种形式，适合品牌项目、具有视觉冲击力的海报的设计，以及作为 Web 或应用程序的专用字体。

Akira Expanded

Akira Expanded 在高度上被压缩，显得更加沉稳，能为设计带来现代而大胆的印象。适合作为网页设计中的标题文本。

Hanca

Hanca 的线条并没有那么粗，非常优雅。它包括 Regular、Bold 和 Outline 三种样式，非常适合标题、杂志封面、标志设计等。

就是今天的推荐，希望对大家的设计有帮助，更多字体推荐文章可以戳下方文章链接。

5个经典的付费英文字体，我们都帮你找到了免费可商用替代款！ 大家好我是花生~现在一提到字体资源，大家最关注的点肯定是能不能免费商用吧？

阅读文章 >

海报版式太单调？用好这个元素提升99%（附素材下载） 大家好，我是你们聊设计的花生~ 今天我们聊聊海报设计中的一个小技巧。

阅读文章 >

如果你有关于设计的其他问题，可以加入优设官方设计交流群（入群二维码见文末BANNER），和优设主编、设计总监及其他热爱设计的小伙伴一起探讨学习~

前言 每当我们打开一个网站、使用一个 App 时，我们都在和界面上的文案发生着交互。因此， 产品文案 无疑是用户体验中重要的一环。

在前两期文章中，我们介绍了文案的人物性格语气的价值篇、应用现状，并且针对实际的业务对酷家乐工具文案的人物性格进行了推导。这样一个虚拟的人物形象，又是如何被应用于实践中、从而与界面上的文案建立起关系的？

华为高薪招聘的「UX文案设计」，5个阶段帮你进阶掌握！ 在了解了人物性格语气的重要性以及在大厂中的应用场景之后，大家一定很关心，要如何在自己的业务中从 0 开始创建文案的人物性格语气呢？

阅读文章 >

华为高薪招聘的「UX文案设计」，4个方面帮你掌握基础！ 一、被忽视的 UX 文案 在很多体验设计师的认知中，产品界面上的文案是设计中最细枝末节的事，往往会被忽视。

阅读文章 >

从文案的角度出发，我们初步归纳了五个酷家乐工具中常见的交互场景：引导提示、二次确认、行为召唤、反馈、解释说明。通过将自己代入酷家乐工具文案的人物形象，我们能够去想象在不同场景下这个“人”应该表现出什么样的语气、用什么样的措辞去沟通。为了给予文案撰写者们更加明确的写作指导，我们将这些场景下的语气进一步细化成了具体的写作规范。

各场景下的文案规范 1. 引导提示

在一些功能教学、功能调整或功能上线等场景下，需要对功能、操作进行说明， 帮助用户理解或引导用户去使用。比如新手引导、操作引导等

文案 tips:

1. 对于交互操作类的引导，可通过「鼠标动作+作用对象+结果」的统一句式结构描述，直接指示用户操作，文案需简短，尽量不超过 10 个字，可一眼扫完。

2. 功能解释或价值点的描述需要精准、简练直接，避免使用口语、夸大的用词和过度描述。

2. 二次确认

对用户进行的操作进行二次确认，以避免误操作，或产生不可逆的后果

文案 tips:

1. 用询问的语气直接询问用户是否继续之前的操作，可省略动词前的“确认”、“是否”这类描述。

2. 从用户角度告知对操作结果进行处理的一些解决方案建议。

3. button 文案应尽量指明具体的动作，跟询问语中的动词呼应，少用确认、取消这种模糊广泛的动词。

3. 行为召唤

通过按钮文案激发用户点击

文案 tip: 按钮的文案一般是动词，需尽量简洁，一目了然。

4. 反馈

（一）异常：在发生错误/异常时，帮助用户达成目的，且在必要时告知导致异常的原因

文案 tips:

1. 异常报错时，不是冷冰冰地告诉用户“失败”，也不要出现“未知错误”这种没有关怀的文案，应告诉用户可行的解决方案，或产品为用户做了哪些挽救措施。

2. 不要命令和强迫用户，专注于解决问题，而不是指责。

3. 如果异常/错误是用户自己造成的结果，不用使用“抱歉”、“对不起”等词。

（二）过渡：告知用户上一步行为已发生，但产生结果需要一段时间

文案 tips:

1. 预估时间，超过 4 秒的过渡，在文字提示之外，最好还有进度提示（完成百分比或已完成的内容数量）或时间提示，以减缓用户等待的焦虑。

2. 超过 1 分钟的过渡，除了进度提示外，最好提供剩余时间，例如显示剩下几分钟，用户就知道可以先做些其他事而不是干等。

3. 在同一个过渡中，如果有状态变更，最好能及时通知用户，将一个长时间的过渡分解成几个短时间的过渡。

（三）成功确认：告知用户他们希望的结果已产生

文案 tips:

1. 在成功确认时，根据用户为结果付出的程度和结果产生的意义，判断是否需要突出成功语气，如果需要突出，可以用“xx 成功”，如果不需要，简单使用“已 xx”即可。

2. 不要在成功提示的末尾添加感叹号。

3. 不是所有的成功的行为都需要成功确认的提示，有一些行为的成功可以直观地呈现，就不要加冗余的提示。

5. 解释说明

功能名不能完整地表达含义，或功能名过于专业需要解释，或为方便使用，有对功能额外做说明的必要

文案 tips:

1. 给操作注释时，直接告知用户会出现的结果。

2. 除必要情况（文件格式、工具名词），尽量避免嵌套专业名词进行解释。

3. 统一同类解释说明的形式，包括语序、文件类型、文件大小。

*以上产品文案写作建议适用于酷家乐工具的人物性格语气，其他产品可能根据自己独特的人物性格语气产生完全不同的写作风格。

实践应用并收集反馈 建立起这整套人物性格语气以及写作指导之后，我们将其推广到了设计团队以及其他相关职能部门：

将人物性格与语气进行设计团队内的宣讲，以便收集反馈和达成共识； 根据人物性格与语气，指导设计团队对产品文案进行专家走查； 与组织内的其他职能，如产品、运营、销售等进行沟通，了解人物性格与语气对他们的指导作用和需要优化的地方。 总结 文案虽然不影响产品的交互流程与信息架构，但是作为传递信息的直接媒介，其对于整个用户体验的影响是不可忽视的。

好的人物性格、语气能够帮助我们传递出品牌的理念与调性，对它们加以有效应用，用户就能够在产品的使用过程中逐渐强化对品牌的认知。同时，人物的性格、语气也是文案规范的基础，就像是金字塔的塔尖，指导我们应该在具体场景下写出什么样的文案。而把人物性格、语气归纳成一个人物画像，我们在运用的时候就能够通过把自己代入到这个角色、想像她/他会怎么说话的方式，更加快速、准确地作出与文案有关的判断。

文中数据均已做模糊处理，非真实数据，仅作为演示用途，对数据呈现不负相应责任。

UX文案怎么写？来看看谷歌的方法总结 写作是很容易的，你要做的就是删掉那些错误词句。

阅读文章 >

欢迎关注公众号「酷家乐用户体验设计」

今天再来继续一个比较现实的话题 —— 用户体验 是什么？

我们自己做的调查中，能搞明白这个知识点的在职 设计师 就没过半，还没入行的初学者就更是凤毛麟角。明明就是一个接触 UI 设计第一天，就会反复听到的词汇，为什么大多数人就搞不明白，或者一知半解呢？我自己在网上搜了半天的科普文和翻了很多出版物以后，才理解新人面临的问题，这些读物普遍 —— 不讲人话。而且还有一个非常让我反感的特点，就是过度渲染它的专业性和跨学科复杂程度。

虽然严格意义上讲，整个用户体验的知识体系里确实会包含提到的对应学科，但绝对不要被它涵盖的广度震慑，还要考虑它在每个学科中涉及的深度。如果把每个学科的知识点从浅到深划分成十级，那么用户体验涉及到的深度多数只能在 1-2 级这种最初级的水平中。只需要自己找一些入门读物或干货分享足矣，而不用专门投入大量的精力深入钻研。

所以针对目前这种困境，我要用几篇分享来做一个彻底的扫盲。当然，还是用「讲人话」的方式展开。

首先，用户体验设计，英文全称叫 User Experience Design，专业的缩写是 UXD，国内根据首字母缩写的习惯是 UED。

PS：在很长一段时间里，UE 这个称呼在国内互联网行业中的语境是特指交互设计（IXD）的。

用户体验设计 包含两个部分，用户体验 & 设计，我们先分开来解释它们的含义。

1. 用户体验是什么

用户体验，是指用户在使用某产品过程中积累的对该产品的主观感受、情绪。是由《设计心理学》的作者唐纳德·诺曼 Donald Norman 于 20 世纪 90 年代提出的，在移动互联网行业兴起后被广泛接受和关注。

用户体验本身的定义很容易理解，因为我们自己作为用户，在现代数字化生活场景中，每天都在面对不同的电子设备、网站、APP，并产生属于自己的使用体验。但是，研究用户体验的最大难题，就在“主观”性上。每个用户，或者不同的用户群体，他们对世界的认识、偏好是不同的。比如，我爱吃香菜，爱喝芹菜胡萝卜汁（yue~），喜欢姜汁兑美式（yue~），在我嘴里是蜜糖的东西，可能在你们嘴里就是砒霜……

这就导致，我们个人的主观体验，是不能等同于其他用户的体验的。想要了解这些用户的体验，中间就隔着巨大的阻力和障碍。所以，我们就要通过一系列的调查和研究工作，来理解用户的主观特征和真实体验，或预判用户可能产生的体验。这些调查和研究的工作都是围绕用户展开的，所以这个过程就叫用户研究（用研）。

总结起来，用户体验就是和你想法不一致的其他用户，对于特定产品、功能的主观感受。想要获取或预判用户的体验，就只能采取用户研究的方法。

2. 用户体验下的设计

用户体验设计有一个默认的目标，就是实现“更好的用户体验”，所以这里的“设计”指的就是针对更好的体验所进行的有效规划、表达和实现的过程，并不是狭义上的视觉设计、界面设计。比如针对产品的功能进行设计，修改或增加不同的产品功能。或针对产品的信息进行设计，调整产品内的文案措辞、字段权重、文本密度等。更不用说我们已经非常熟悉的交互设计、视觉设计、动效设计、情感化设计了。

所以你看，用户体验中的设计，就是一个涵盖了方方面面设计的总称，也是前面那些复杂的体验知识图例的来源。但大可不必为这些事情感到苦恼，因为我们在真实的项目环境中，优化特殊领域的手段，往往依靠日常生活实践所积累的经验即可，而不是非得引用专业理论，这个我们会在后面做进一步的说明。

所以再进一步总结，用户体验设计，就是以提升用户体验为目标，研究用户，并针对产品的不同层面进行针对性设计的行为。如果缺乏用户研究，不以用户客观感受为依据进行的设计，就不是体验设计。比如只围绕在个人偏好、竞品需求、领导个人要求下的界面设计、交互设计，就不是体验设计。但换句话说，即使只是界面设计师或交互设计师，只要根据用户的反馈或者用户简单沟通的成果为依据进行设计，那么这也是在进行体验设计。

体验设计并没有想象中门槛那么高，是团队每个成员都可以参与并发挥自己的主观能动性来提升产品的用户体验的。而体验设计师，只是在这个基础上帮助团队更好的实现分工和效率最大化的岗位。

掌握了体验设计的基本概念，接着，我们就要认识体验设计的具体工作内容和流程了。

首先，我就不胡乱发明一些奇怪的双钻模型、莫比乌斯环、钟表盘来解释体验设计的流程了，在我看来，体验设计的流程是特别简单的，就四个步骤。

如何用好设计双钻模型？来看 vivo 浏览器的实战案例！ 前言 刚入职时，有本书叫《方寸指尖》对我影响比较大，主要讲述如何做好用户体验设计。

阅读文章 >

1. 找出问题

体验设计是一个非常有针对性的设计行为，要让每一次体验设计都做到有的放矢，就需要在动手前确定解决的问题是什么。比如产品还在构想阶段，有若干的功能需求待定，为了符合精益的 MVP（最小可行性）原则，不可能所有需求都做上。那么体验设计师要解决的问题，就是确定哪些需求是最符合用户体验要求的，是初版必做的。再比如产品近期差评很多，各项数据不断下滑，如果不做出适当调整，那么产品效益就会持续恶化。这时体验设计师要解决的问题，就是找出影响体验的地方，并给出解决方案。

找出的问题本质上是确定你后续工作的目标，和传统 UI 设计不同的是，工作目标除产品经理直接传达给你的以外，更多时候是依靠体验设计师自己挖掘的。也就是你要自己给自己找工作目标，并且这个工作目标还要符合团队的诉求和利益，是要有 “价值” 的。所以，要找出有价值的问题，就需要我们尽可能站在不同的维度进行思考，包括但不限于团队、市场、产品、业务等领域的分析。

2. 用户研究

做用户体验设计就是去满足其他人的主观感受，想要实现这一点，你就必须通过一些调查和研究的方法来消除认知的隔阂。所以，行业创建了大量的用户调查方法和研究工具，来帮助我们更有效的认识用户，挖掘用户的真实想法。比如用户画像、用户访谈、焦点访谈、调查问卷、可用性分析等等。它们都是应用型技能，学习门槛不高，只要在初步掌握概念和流程以后就可以动手实践，并积累相应的经验。

用户研究的主要难点，在于根据前面找出的问题，选择有用的调研类型并制定对应流程。因为每一次有效调研的周期都很长，不可能有足够的时间让你全部开展一遍，所以筛选就是为了保证团队的时间精力被有效利用。

通过用户研究，获得相应的用户反馈和信息以后，体验设计师要通过这些信息做出进一步总结，并形成后续设计或改版的初级方案。比如在可用性测试中，用户普遍在其中一个步骤被卡住，并提出了大量的疑问。那设计师就要根据这些疑问来确定用户认知的局限性，并给出产品应该怎么改才能符合用户认知的构思。

3. 解决问题

前面我们说过，体验设计中的设计是一个泛指，并不是仅仅指视觉设计，所以这个环节我们就要根据前面找出的问题和研究成果，进行对应领域的设计实践。通常，针对业务、流程、交互、信息的设计，都可以用原型线框图的方式展示出来。这样可以高效的输出设计思路来进行内部讨论和验证。

要是涉及到具体样式、创意、动效、色彩的改动，那么就要具体输出视觉设计稿了。如果团队分工比较细致，有体验设计师又有界面设计师（这情况不是太合理），那么体验设计师通常会通过原型和文档，指导 UI 设计师完成视觉界面。

4. 验证成果

完成项目的初步设计以后，仅仅只是将我们自己构思的问题解决方案给输出了出来，但是对用户体验的提升是否真的有效依旧是个未知数。所以，最后我们还需要对输出的方案进行验证，验证主要有两个阶段。

第一个阶段，就是时间充足的情况下，通过制作高保真原型让部分用户试用，收集反馈，看看方案是有待改进还是有效提升了用户体验。

第二个阶段，发生在产品上线用户使用过线上版本以后（AB Test 和灰度测试也是线上版本），再进行更大范围的用研来检查方案是否有效。

验证成果就是对做好的方案反复做检验，在原有的基础上尽量发现问题并做出更好的优化，如果我们用特定的研究方法来对比新老版本的体验，除了检验设计的有效性以外，还可以从侧面反映设计师工作的价值（体验设计的 KPI 或 OKR）。

以上四个步骤，就是体验设计工作中的基本流程。之所以不把流程拆分得更细致，步骤更多，是因为不同项目场景中对体验工作的影响是非常巨大的，根本不可能遵循理想的流程来开展工作。比如下图这种就不适合：

只要每次展开项目的时候，遵循找到问题、用户研究、解决问题、验证问题的大框架，每个步骤下面根据实际情况自行发挥，才是落实体验设计的正确思路。

关于第一部分体验设计的基本认识就介绍到这边，用文字解释流程实在太困难了，并不是体验设计本身复杂，而是体验设计依附的项目场景多种多样，需要设计师保持清晰灵活的观念而不是固守一个复杂的套路。

体验设计无论从内容、形式、方法，都属于人文社科的一部分。它也继承了这个学科最大的毛病 —— 不讲人话。所以新手学习体验设计最大的挑战，就是不能掉进花里胡哨的专业名词、体验理论、项目包装中的陷阱，在不思考本质的情况下过多的深入细节，钻牛角尖，舍本逐末。我的精神导师费曼的一段访谈就是对这种现状的最佳注解：

会上，有位社会学家拿出事先写好了一篇文章，让我们读。我刚开始读这鬼东西，眼珠子就差点冒了出来：整个一个丈二的和尚，摸不着头脑！我琢磨着，我看不懂，大概是因为那书目上的书，我一本也没读。一丝不安的感觉爬上心头：“我这人可能有问题。”受了会儿煎熬，我最后对自己说：“这样不行，我得打住。咱们慢慢地只读一句，直到弄明白它到底是什么意思为止。”于是我随便用手一点，停在一处，开始仔细阅读下一句。我记得不是很清楚了，但八九不离十是这么一句，“社会团体中的个体成员经常通过视觉的、符号的渠道获得信息。”我翻来复去读了几遍，然后把它翻译成了人话。你知道那是什么意思么？“人们阅读。”我开始阅读下一句，很快就把它也给破译了。剩下的就是小菜一碟了：“人们有时阅读，有时听收音机，”诸如此类，不过是被一些唬人的名词术语、复杂的语法修辞包装着，令人开始读时有些费解而已。被我彻底破译后，整个文章原形毕露，不过是金玉其外，败絮其内。

这个系列的下一篇，会讨论体验设计和产品经理的关系，以及体验设计的局限性在哪里。如果反响和转发多的话，就会更进一步的输出更完整的体验设计干货。

我们下篇再贱~

掌握用户体验设计的标准流程，让设计不出错！ 前言 不管是即将进入设计师行业的新同学还是在设计行业摸爬滚打多年的设计行业老人，这份用户体验设计标准流程都适用。

阅读文章 >

欢迎关注作者的微信公众号：「超人的电话亭」