在日常的工作中，无论是企业高管、创业者、投资者、还是设计师，很多时候在接触了解一个产品或者项目的时候首先关注到的就是商业模式（Business Model），而商业模式并不是一成不变的，随着新技术、新机会的出现，一定会延伸出新的商业模式不断迭代调整。这就需要我们通过了解其本质从而进一步创造、提升产品或项目的商业价值。这样说可能大家还是云里雾里，那么我们放到工作的内容中来看，你是否遇到过以下一些问题？

我有一个想法，需要得到老板或者跨部门的资源支持，我要如何才能更加清晰的描述自己的想法和规划以及评估是否可行？ 一个在做的项目，我要如何去找到最核心的资源、渠道以及如何去评估该项目的成本结构与收益？ 设计产出后，看起来从设计的角度做得还蛮不错，但是用户却不买账。不知道要如何去设计才能够精准洞察用户的需求，解决用户痛点。从而能够依托设计的创新、差异化等方式达到或超出预期的收益。 个人/团队设计过程中缺乏对业务的了解深度、解决问题的合理性 所以，我们从问题可以归纳出商业模式的分析可以帮助我们获取、梳理、确定、评估以下几点：

获取核心用户群体的需求、核心价值点 更好的评估所需的核心资源 确定关键有效的行为、方法 梳理更清晰的成本结构，计算投入产出比 拓展阅读：

网易内部分享：能让产品更快上线的商业模式画布 网易UEDC – TB交互组 ：产品研发中，我们往往将精力重点放在了用户体验的部分，而在产品上线后却发现用户寥寥无几。

阅读文章 >

小提示 TIPS：

那么，大家在一起思考一下，商业模式是盈利模式么？其实并不是，这点大家一定不能混淆。商业模式更大，盈利模式可以说是整个商业模式中更偏向于收入的部分，而商业模式的组成还有用户、产品、渠道、价值、客户关系等等。

基础的概念部分我们已经了解，但在实际的分析执行过程中是否有一种工具能够帮助我们呢？答案是：有，那就是 商业模式 画布（Business Model Canvas），它能够很好的帮我们可视化、结构化的去描述呈现出这些维度。首先我们来看看常规的画布是怎样的。

在此图中我们能够看到：重要合作/伙伴(Key Partnerships)、关键业务（Key Activities）、价值主张（Value Propositions）、客户关系（Customer Relationships）、客户细分（Customer Segments）、核心资源（Key Resources）、渠道通路（Channels）、成本结构（Cost Structure）、收入来源（Revenue Streams）几个模块，实际上可以用四个维度来解释，那就是价值主张、运营模式、界面模式、盈利模式。

传统商业模式画布结构

划重点，工作中具体怎么用，咱们结合实际案例-知心帮买/北斗项目应用一起来理解

客户细分 Customer Segments 从产品或者服务需要触达的对象，从而洞察用户，详细的描述用户。那么再看看目前二手车的用户是怎样的：

希望买车，但对车的各项参数配置没有了解，可能只有基础的价格预算。 对二手车有一定的了解，线下去看车没有很好的体验，实际看到的车源较少。 有明确诉求，希望能够快速地定位到匹配车源进行交易。 希望在买车的前中后阶段都有很好的服务及保障。

二手车用户细分关键词

价值主张 Value Propositions

痛点问题：

这一部分一定是你产品或者服务的痛点所在，更需要去通过一系列的问题能够精准定位解决用户的痛点，这也是业务中急切需要解决的：

业务需要向服务化迈进，但目前服务处于断层状态，未能形成闭环且可控。 打破以往的单次转化，变成持续跟进转化。 用户对于服务的感知、标准不一致，没有预期。 过于工具化的展示，缺乏人与场景的衔接、互动。 用户的潜在需求和用户画像不够精准难以实现更精细化的运营。 产品和服务：

秉承价值观在业务中深度落地的理念，提供更多统一且标准的服务体系与体验。 提升整体客户运营能力、服务能力，从车商、用户视角提供更多的可能性。 通过服务层传递体贴、保障、关心的用户感知。 服务模式需要更加多元化。 价值类型

定制：通过直播、留资等功能为用户满足更多定制化诉求。 体验：提供更加一致的找车、看车、选车、沟通、交易的体验。 差异化：通过设计带来视觉、交互的差异，形成进一步的竞品差异。 可获得性：通过更多的产品、服务形式能够留住与拓展更多的用户。 便利性/保障性/服务感：通过适时合理的用户引导、服务保障内容传达提升用户的平台信任度，通过不同平台的整合衔接让流程更标准化、高效服务用户。 渠道通路 Channels 也就是你需要通过怎样的形式或者渠道来连接、触达到你的目标用户，从而传递上述所说的价值，提升这些价值类型与主张在用户当中的认知，甚至这些价值的传递。

我们继续回归到业务中来讲，可以通过几个维度来分析发问：

目前我们平台能够怎样触及到这些目标用户？ 现在是如何接触这些用户的？ 现有的平台入口、渠道之间是怎样整合的？ 目前哪些是最为有效的？成本较低效率是最高的？ 结合这几个问题，我们对应了解决方案：

通过在找车、选车、看车的环节当中运用不同的内容展示形式、知心帮买主播的服务以及大类页、列表页、详情页、微聊、企业微信的各个引导入口来触达这些用户。 通过知心帮买、老师傅等服务透传、进一步建立用户的认知、信任感。 减少中间环节，提升平台与用户之间的连接效率，降低中间成本。

客户关系 Customer Relationships 这点在上述的痛点问题中也有描述，业务中是单次转化，需要进行持续性转化。另外在用户的服务层面也是未能形成很好的闭环，所以我们需要思考的是：

对于用户我们需要建立怎样的联系连接？ 哪些关系我们已经建立或打通了？ 有怎样的平台、功能、业务能够将这些关系、模式进行整合？ 目前这些关系的维护成本、效率如何？ 这些问题点在渠道通路中其实已经有一定的应用，用户的连接上还可以包含用户的一些自助服务例如业务中的小助手、评价系统能够承接一部分用户的诉求输入。对于用户的长期连接比如平台帮买通过电话、微聊、企业微信的持续跟进等。还有很多的链接场景以及方式需要不断地进行挖掘，发现更优的解决方案。

微聊与评价系统

收入来源 Revenue Streams 我们需要从业务中分析怎样去对不同的用户细分群体获得创收盈利，这点在整个商业模式中是非常重要的，我们可以分成类似于：一次性交易收入、持续性交易收入。所以我们就需要在这个模块重点思考业务中：

用户的付费意愿是怎样建立的？ 平台现在可以提供的付费服务是什么? 用户通过什么形式进行付费服务的支付交易？ 这部分收入在整体业务的收入占比是多少？成本如何？ 收入形式在互联网产品中常见的比如：产品或服务销售、使用费、订阅费、授权费、中介费、广告费等等，这些收入形式虽多，但一定需要一个很好的定价策略来支撑。

核心资源 Key Resources 放眼整体二手车业务产品，如果需要让这个商业模式能运转且顺畅，离不开各部分核心资源的组织、协调、配合。核心资源同样关系到成本与收入。哪些资源是我们的优势，是车源量？还是商家量？还是特色服务等等。同样可以反推一个产品如果需要做成，必要的核心资源是什么？比如：人力资源中必不可缺的职能是什么？商家、线下自营实体需要怎样的规模等。

关键业务 Key Activities 该模块就需要我们非常明确推进的时候需要哪些关键业务与关键行为，就二手车业务而言，知心帮买或北斗项目就需要我们再去思考至少以下几点：

传递价值、服务时候需要什么？ 需要怎样的产品、界面覆盖用户的展示侧？ 需要线下怎样的形式来进行线上的承接? 用户的连接需要什么样的产品功能、SOP？ 收入的来源层面需要怎样的收益方式？ 这些我们通过对于产品相应功能设计，例如：服务专区、服务落地页、特定的标识、线下自营门店，主播端的标准话术 SOP、对用户商家的服务定价策略等根据不同的维度与颗粒度控制来实现。

重要合作 Key Partnerships 所有的产品不管线上、线下，任何的有效商业模式都需要有供给端、公司内外部合作对象等，在车业务中这部分也是基础且互相依赖的，怎样去建立这些合作的关系。比如车商、市场是作为产品的供给端，这些资源的风险和不确定性要怎样处理？小到设计来说，这些合作方的展示形式怎样最优？差异化设计要如何去做？这些合作、供应商的核心价值优势要如何呈现？这就是设计师最直接可以去思考的问题。

成本结构 Cost Structure 此部分看似感觉与咱们设计的直接关系不大，但我们一起思考一下，难道真的是这样么？所有的职能都需要考虑到一点就是怎么降本。例如：设计到研发落地环节中的沟通成本，人力、技术实现难度也属于成本结构中的一部分。这些会直接影响到上线时间、上线效果，甚至可能影响到最终收益。所以我们在做设计的时候需要较为清晰的进行评估设计师在整个产品研发周期中的固定成本、可变成本、影响范围，并对这些成本控制有一定的解决方案。

说在最后 上述我们说的这 9 个模块也就是咱们面对业务、产品如何更加结构化推演出一个项目的可行性与基础的实施方式，而不是一拍脑袋的想，一拍脑袋的决策。

聊完这些，大家是否会想，这个工具我只能在工作当中应用么？其实大家再回想这 9 个结构，并对其举一反三就可以发现对个人的职业规划、作为设计职能在公司的价值、述职、项目总结、提案展示、提升沟通能力都可以去做相应的应用。那么了解完上述的内容大家可以试着把最近想做的事情、所负责的业务按照这几个模块进行拆解分析，看看是否与自己的预期相符，或者会有更多的可能。

最后简单举个栗子，如果你要去做一个述职，对应的思考模块是什么？

客户细分=我要向谁述职，这个级别评委关注的是什么？ 价值主张=我在这个团队里有什么样的贡献，有怎样的正向影响？ 核心资源=你在团队当中的核心能力是什么？有形的资源是什么？无形的资源是什么？ 关键业务=在我的目标职级，我都做了什么从什么层面带来了什么价值？对业务的，对团队的？ 渠道通路=通过什么途径、流程与机制保证了整体项目的顺利执行，提升效率降低了成本？ 客户关系=团队内协作、跨团队协作时怎样更有效地处理问题？ 重要合作=达成现在项目的成果，什么人是干系人？处理或规避了哪些风险？整合了什么资源实现了更大的价值？ 成本结构=在自我提升的过程中付出了什么？在项目管理中的成本控制是怎样的？ 收入来源=在述职期内我获得了怎样的收益？ 除了 商业模式画布 ，你还有什么有助于工作、分析的好方法？欢迎一起交流，希望大家共同提升与成长。

欢迎关注「58UXD」的微信公众号：

大家好，我是和你们聊设计的花生~ 好久没有写插画方面的内容了，今天还是继续为大家推荐 5 位国外优秀的插画师~

上期回顾：

剪纸风海报怎么做？推荐这5位顶尖艺术家和超多免费教程！ 大家好，我是和你们聊设计的花生~ 剪纸风格是海报设计中一种常用的风格，它能拓展画面的深度，丰富画面内容和层次。

阅读文章 >

Febin Raj 「Behance 主页」 https://www.behance.net/febinraj

「Dribbble 主页」 https://dribbble.com/febinraj

「Instagram 主页」 https://www.instagram.com/febin_raj/?__coig_restricted=1

如果要为想学扁平矢量插画的小伙伴推荐好用的临摹学习作品，那么我肯定会推荐 Febin Raj 的插画。Febin Raj 是一位来自印度的自由插画师，他的平面插画作品多以自然风景为主题，画面元素都是形状简洁的几何形状，层次清晰易把握，非常适合初学者临摹学习。

Febin Raj 的插画作品最令人惊艳的就是明亮绚烂的色彩氛围。在他的插画中经常使用色彩对比来突出视觉重点，以及用色彩渐变来区分前后景别出并营造通透的光感。此外 Febin Raj 也善于使用细腻的噪点为画面增添质感，并使色彩变化更加丰富细腻。

「相关教程」AI 教程！静谧的湖边小镇，噪点剪影风格矢量风景插画绘制教程 https://uiiiuiii.com/illustrator/1212492803.html

优设专访！追波上超会配色的插画师​Febin Raj有哪些独家设计秘诀？ @N可可洛N、@爆炒地瓜​​​​：Febin Raj 的插画作品在 Dribbble 上超有人气，尤其是细腻抓人眼球的色彩搭配。

阅读文章 >

Olga Semklo 「个人网站」 https://semklo.design/

「Dribbble 主页」 https://dribbble.com/Olgasemklo

「Instagram 主页」 https://www.instagram.com/semklo.design/

Olga Semklo 是一位专注网络和应用软件插画的插画师。她的插画作品以人物为主，有着鲜明的个人特征——大耳朵，脸颊上的小圆点以及脸上的微笑，这也奠定了其作品轻松愉快的基调。

Olga Semklo 的插图偏向极简风，主要用色块构建画面元素，以点、线勾勒细节特征；人物动作设计简洁易懂，细节特征具有一致性。画师本人还会经常在 Instagram 上分享自己插画线稿和创作视频，非常适合想做 UI 插画的小伙伴学习临摹。

零基础也没事！大神教你 5 步画出好看的扁平风人物插画 大家好我是花生。

阅读文章 >

Mimong 「Notefolio 主页」 https://notefolio.net/mimong

「Instagram 主页」 https://www.instagram.com/mimong_k/

Mimong 是一位来自韩国的插画师，她的作品风格轻松随意，具有很强的装饰性。歪歪扭扭的线条、大胆概括的形状块面、极致简化人物造型不仅没有显得潦草，反而具有一种未经雕饰的纯真可爱；用色饱和明亮，给人如童话般的感觉。Mimong 会在插画中刻意保留粗糙的笔触痕迹，并添加噪点纹理，使作品的质感更温暖真实。

Kaye Cao 「Behance 主页」 https://www.instagram.com/kaye0812/

「Instagram 主页」 https://www.behance.net/kayecao

Kaye Cao 是一位现居英国伦敦的动画师和 设计师 。她本身就是一位出色的插画师，擅长扁平矢量风格插画的绘制。在熟悉 C4D 后，Kaye 积极探索如果将自己笔下的 2 维形象建模成为 3D 人物，并通过添加潮流时尚元素使自己的作品更具质感和吸引力。

在 Kaye 的主页中，你可以看到她分享的线稿-色彩-建模-渲染一整套完整的方案流程，对想向 3D 方向进一步发展的插画师来说非常具有学习价值。

这10个顶尖大神的作品，是我每日学习的源泉！ 想学设计可以关注哪些设计师？

阅读文章 >

Louis Otis 「个人主页」 https://louis-otis.com/

「Behance 主页」 https://www.behance.net/louisotis

「Instagram 主页」 https://www.instagram.com/louis_otis/

Louis Otis 是一位来自西班牙的自由插画师，他的作品充满各种脑洞大开的奇思妙想，看的时候犹如在看一本探索异次元的漫画书，同时也有一些简单却让人会心一笑的幽默作品。对了 Louis Otis 的个人网站设计的也非常有意思，感兴趣的小伙伴记得打开探索一番。

以上就是今天的推荐，希望对大家的插画创作带来一些灵感的火花，喜欢的小伙伴欢迎点赞~我是花生，我们下期见~

头像如何画才能简单又传神？资深插画师6大步骤经验全分享！ 关于我：优设大课堂金牌讲师，高级原画师、插画师。

阅读文章 >

大家好，我是和你们聊设计的花生~ 好久没有写插画方面的内容了，今天还是继续为大家推荐 5 位国外优秀的插画师~

上期回顾：

剪纸风海报怎么做？推荐这5位顶尖艺术家和超多免费教程！ 大家好，我是和你们聊设计的花生~ 剪纸风格是海报设计中一种常用的风格，它能拓展画面的深度，丰富画面内容和层次。

阅读文章 >

Febin Raj 「Behance 主页」 https://www.behance.net/febinraj

「Dribbble 主页」 https://dribbble.com/febinraj

「Instagram 主页」 https://www.instagram.com/febin_raj/?__coig_restricted=1

如果要为想学扁平矢量插画的小伙伴推荐好用的临摹学习作品，那么我肯定会推荐 Febin Raj 的插画。Febin Raj 是一位来自印度的自由插画师，他的平面插画作品多以自然风景为主题，画面元素都是形状简洁的几何形状，层次清晰易把握，非常适合初学者临摹学习。

Febin Raj 的插画作品最令人惊艳的就是明亮绚烂的色彩氛围。在他的插画中经常使用色彩对比来突出视觉重点，以及用色彩渐变来区分前后景别出并营造通透的光感。此外 Febin Raj 也善于使用细腻的噪点为画面增添质感，并使色彩变化更加丰富细腻。

「相关教程」AI 教程！静谧的湖边小镇，噪点剪影风格矢量风景插画绘制教程 https://uiiiuiii.com/illustrator/1212492803.html

优设专访！追波上超会配色的插画师​Febin Raj有哪些独家设计秘诀？ @N可可洛N、@爆炒地瓜​​​​：Febin Raj 的插画作品在 Dribbble 上超有人气，尤其是细腻抓人眼球的色彩搭配。

阅读文章 >

Olga Semklo 「个人网站」 https://semklo.design/

「Dribbble 主页」 https://dribbble.com/Olgasemklo

「Instagram 主页」 https://www.instagram.com/semklo.design/

Olga Semklo 是一位专注网络和应用软件插画的插画师。她的插画作品以人物为主，有着鲜明的个人特征——大耳朵，脸颊上的小圆点以及脸上的微笑，这也奠定了其作品轻松愉快的基调。

Olga Semklo 的插图偏向极简风，主要用色块构建画面元素，以点、线勾勒细节特征；人物动作设计简洁易懂，细节特征具有一致性。画师本人还会经常在 Instagram 上分享自己插画线稿和创作视频，非常适合想做 UI 插画的小伙伴学习临摹。

零基础也没事！大神教你 5 步画出好看的扁平风人物插画 大家好我是花生。

阅读文章 >

Mimong 「Notefolio 主页」 https://notefolio.net/mimong

「Instagram 主页」 https://www.instagram.com/mimong_k/

Mimong 是一位来自韩国的插画师，她的作品风格轻松随意，具有很强的装饰性。歪歪扭扭的线条、大胆概括的形状块面、极致简化人物造型不仅没有显得潦草，反而具有一种未经雕饰的纯真可爱；用色饱和明亮，给人如童话般的感觉。Mimong 会在插画中刻意保留粗糙的笔触痕迹，并添加噪点纹理，使作品的质感更温暖真实。

Kaye Cao 「Behance 主页」 https://www.instagram.com/kaye0812/

「Instagram 主页」 https://www.behance.net/kayecao

Kaye Cao 是一位现居英国伦敦的动画师和 设计师 。她本身就是一位出色的插画师，擅长扁平矢量风格插画的绘制。在熟悉 C4D 后，Kaye 积极探索如果将自己笔下的 2 维形象建模成为 3D 人物，并通过添加潮流时尚元素使自己的作品更具质感和吸引力。

在 Kaye 的主页中，你可以看到她分享的线稿-色彩-建模-渲染一整套完整的方案流程，对想向 3D 方向进一步发展的插画师来说非常具有学习价值。

这10个顶尖大神的作品，是我每日学习的源泉！ 想学设计可以关注哪些设计师？

阅读文章 >

Louis Otis 「个人主页」 https://louis-otis.com/

「Behance 主页」 https://www.behance.net/louisotis

「Instagram 主页」 https://www.instagram.com/louis_otis/

Louis Otis 是一位来自西班牙的自由插画师，他的作品充满各种脑洞大开的奇思妙想，看的时候犹如在看一本探索异次元的漫画书，同时也有一些简单却让人会心一笑的幽默作品。对了 Louis Otis 的个人网站设计的也非常有意思，感兴趣的小伙伴记得打开探索一番。

以上就是今天的推荐，希望对大家的插画创作带来一些灵感的火花，喜欢的小伙伴欢迎点赞~我是花生，我们下期见~

头像如何画才能简单又传神？资深插画师6大步骤经验全分享！ 关于我：优设大课堂金牌讲师，高级原画师、插画师。

阅读文章 >

前言 几年前从 ToC 转到 ToB 时，请教了几位前辈 “什么是 B 端设计师的核心能力”，得到回答最多的是设计推理能力。但有时花了很长一段时间，把方案背景、 设计推理 过程打磨得“天衣无缝”，结果方案一拿出来，就被劈头盖脸的问题问到怀疑人生。我开始思考，通过逻辑自洽的推理，究竟能不能做出好设计？如果不能，怎么做才能更好？

拓展阅读

设计转化率越来越低？教你用数据推理出体验问题！ 随着互联网人口&流量红利的退场，“精益数据分析”“数据驱动”已经成为当下主流趋势。

阅读文章 >

设计推理是什么 设计之所以需要推理，是为了让我们在面临复杂的情况时能更好地决策，推理本身是从已知的命题得出新命题的思维过程 ，已知命题是前提，新命题是结论。推理最常见的方法是三段论，举个例子：所有的植物都需要阳光，所有的向日葵都是植物，所以，所有的向日葵都需要阳光。

在工作中，我也经常用上述的三段论推理，比如，在为腾讯云金融远程风控平台定位设计关键词时，推理的逻辑是：所有和金融类产品的体验关键词都是安全，远程风控类产品是金融产品，所以，远程风控平台需要安全感的设计。再比如，我们在手机银行适老化设计中，给了客户更大字体+切换入口的方案。推演逻辑也同样是三段论：大字号能帮助老人识别信息，手机银行需要服务老年群体，所以，手机银行适老版应该采用大字号的设计。

自洽的设计关键词推理

1. 自洽的推理未必合理

上面两个案例的逻辑看上去没有问题，但结合实际场景，远程风控平台是给坐席端和尽调员使用的，尽调工作由原先两人一同前往客户现场变成了一人坐镇后台指挥另一人在客户现场用手机取材，这样的转变对产品 1.0 阶段体验要求应当是“低门槛好上手，方便客户工作习惯的迁移”。而手机银行适老版同样，如果我们在信息架构已经非常复杂的手机银行中，做了切换版本的设计，老年人能否找得到，找到了是否愿意用，都是问题。

银行适老化设计案例：

腾讯出品！手机银行适老化设计探索（附超多干货） 国务院办公厅在去年 11 月份印发了《关于切实解决老年人运用智能技术困难的实施方案》，发改委、卫健委、工业信息化部、交通运输部、中国人民银行部委联合出动，在国内数字化服务行业掀起了一阵波澜，这也让我们对正在探索的手机银行方案进行重新的审视。

阅读文章 >

逻辑自洽的结论，问题出在哪儿。我之前听到一门课上，老师讲到“逻辑自洽的设计并不一定是好的设计”，如果我们仔细推敲由这些逻辑推导出的结论，其实就会发现有问题。

究其原因，本质是一种复杂问题谬误。即在一个推理的前提中，悄悄地置入自己的倾向，甚至结论，这本身就是一种逻辑谬误。比如当问起“你为什么不喜欢张三？”，就包含了不喜欢张三的前提。

同样，“金融类的产品要为用户营造安全感”，这里已经包含了“金融产品必须为用户营造安全感”的结论，但为什么是安全感？并没有做出解答。 这就导致了后续的推理过程，实际上是在一个错误的前提下进行的。

2. 三个思维为你的推理加持

怎么做可以让推理变得更严谨？我们可以尝试跳出现有的思维方式，用另一个视角对推理的合理性进行思考。这就涉及到三个 思维方式 ：批判性思维、结构化思维和故事化思维。

从另一个角度看待推理的合理性

批判性思维让推理更严谨 结构化思维让推理更系统 故事化思维让推理容易接受 我们用这三种思维重新审视前文提到的“远程风控”和“适老版”的设计方案，在远程风控项目中，我们用批判性思维推导出一期的发力点应当在线下尽调习惯的迁移，方便前后端尽调员更容易配合，从这个目标，最终提供了打标记和尽调 SOP 的体验：

尽调 SOP 体验

在适老化虚拟营业厅项目中，我们通过结构化思维，对手机银行的项目进行反思，跳出来加入了普适性设计原则，从而最终为老人用户做了无感的版本切换，并在办理中提供了家人帮忙办和直观的验证指引体验：

适老化的虚拟营业厅

用批判性思维让推理方式更严谨 1. 批判性思维是什么 首先我们要先明确一个概念，批判性思维与逻辑推理的关系。

前文在金融项目中的举例，是以演绎的思维方式，推导出设计发力点，我们可以尝试从他人视角来关注这种思维的局限。当我们向他人呈现出这种方法时，你会发现对方会关注：你的思路是否充分，是否具备了足够的前提和背景，是否定位到了真实的用户并精准抓住了体验需求，在竞品的总结上是否有普适性。对方更关注的是逻辑推导本身的充分性。

但批判性思维不同，批判思维不是逻辑推导，而是 argument，就是跳出来看怎样进行论证是有意义的，怎样推理是更合理的。如果说逻辑推演是过程，那批判性思维更像是一个筛子，帮助我们筛掉一些糟糕的论证。换句话说，批判性思维就是一种针对思考过程的思考。

之所以设计师需要用批判性思维来看待推理过程，本质上是通过完整的思考，让方案更加健壮，因此完整的思考=论题+论证+结论。如果我们希望进一步加强推理能力，就需要能够找到思考过程本身的争议之处，也就是重新定义论题所在，然后通过更多元的论证，找到真正的结论。

批判性思维

2. 使用批判性思维让推理更严谨 重新定义论题

前文提到了三个关键词，论题、论证和结论。我们要先搞清楚各自的定义，首先是论题，尼尔布朗的《学会提问》里，将论题总结成了以下两种：

描述型论题。这类论题是在描述一种存在方式，比较客观，不受主观情绪影响。例如：减少转账流程中的点击次数是不是有助于提高用户的使用效率？ 规定型论题。这类论题提出了什么是对的，什么是错的，受主观情绪影响。例如：在用户使用金融开发工具完成一项任务后，是不是应该有个庆祝的反馈来提升用户体验？ 在与同事的合作中，当你直接问：“这样设计究竟想解决什么问题”试图找到论题时，多数情况对方的答案并不能说服你，或者对方无法给你准确的答案。因为在现实生活中，无论是哪种论题，往往无法点明，需要自己寻找。此时，需要设计师自己重新定义论题。有一些方法，例如了解对方的背景，对方所处的组织架构，了解组织对他提出了什么要求。以及你的产品当下面临的阶段萌芽期、成长期、发展期还是平缓期等等。这些方法中，比较常用的是拔高一层找论题。

举个例子，当设计师抛出方案后，经常会面临这样的问题：“这里的细节 xxx，你这样设计的目的是什么？”如果不去重新定义论题，就会陷入直接拿结论讨论的过程，即：我使用了某某专业方法做了这样的设计。讨论到最后，就会演变成，设计师说：“我认为这里没必要。”对方回：“我认为这里有必要。” 这种无意义的争执中。核心的原因就是你没有定位到对方真正想要与你讨论的论题，不在正确的方向上，就会导致无疾而终。

找到论题后再讨论

实际上，无论是客户还是老板提出这个问题时，更多的是需要我们拔高一层去找到真正的论题：

这样设计有没有提升商业目标、产品目标 -商业目标型论题 是否定位到了真正的用户以及他们的诉求 – 用户需求型论题 研发实现成本如何/当下人力是否能实现这个设计 – ROI 型论题 执行层面是否优化一下能有更好的方案 – 方案优化型论题 通常来说，内部的合作团队例如产品、研发更关注的是 1、3、4，外部客户更关注的是 1、2。展开来讲，比如 1，论题就是这样设计的，本质上是为了提升用户转化、DAU，还是你单纯觉得有趣才这样设计的。再比如 2，指的是你这样设计是从满足你自己的需求出发的，还会有真正了解过目标群体，为他们的痛点设计的。

找到论题之后，就有了有效讨论的前提。下一步就是去寻求更多元的论证，关于论证层面所使用的到的思维，会在下面即将提到的结构化思维部分中，我们稍后来讨论。假设我们找到了论题，并且拥有了合理的论证，下一步就是要找到对方真正的结论。

寻找真正的结论

要找到结论是什么，要先明确对方抛出来的是结论还是观点。结论是推理出来的，需要一个个观点支撑，如果对方断言某件事是真实的，却没有提供相应的陈述来支撑，可以说这个是观点，反之则可以是结论。

观点和结论

按照结论做设计，会比按照观点做设计更加精准。

以助农网点项目中遇到的问题举例，当时我们接到一个反馈是：“小程序里每个模块跳转不要太多，最好不要超过 3 层，否则会让页面显得很复杂。”这就是一个明显的观点，因为其没有相关的支撑。经过讨论，我们重新组织了这个需求，找到了真正的结论：“小程序里每个模块跳转不要太多，最好不要超过 3 层，因为客户经理每天需要并行的业务较多，加上小程序已有的功能超过了 30 项，所以希望体验上能更加轻量。” 这样的结论让我们在最终的设计上，提供了数据导向的框架+穿梭窗的设计，确保客户经理打开小程序时以及使用功能中，能够不被复杂的信息架构和流程所扰。

从观点出发的思路

从结论出发的思路

从结论出发给出解决方案

设计师在平时推导结论的过程中，可以关注以下关键词：因此、表明、由此可知、由此得出、因此可以判定、显示出、证明、告诉我们、问题的实质是等，这些关键词更加贴近结论。

当然，也要注意避免一些常见错误，例如

“我之前的经验看客户经理应该这么想”- 偏概全谬误 “抖音设计了沉浸式上下滑动的体验非常成功，所以这种极简的体验是能帮助产品成功的” – 典型案例谬误 “很多设计大师都讲少即是多，所以这种设计理念也应该被应用在产品中” – 当事人证言谬误 谨防数据的谬误

有一个谬误值得大家关注，就是数据谬误，我在工作中也经常会犯这样的错误，当你希望通过数据来佐证设计是否合理时，就可能被数据绕进去，总结起来有以下几种：

批判性思维-数据的谬误

不明来历的数据

例如：40%的用户打开银行 App 时，只使用了转账和查明细 2 项功能。

在设计手机银行的信息架构时，坚定地相信了这项数据。但如果仔细思考，你会怀疑：给出数据的人是如何得出这个数据的？这里的样本量是多少？统计的用户画像是什么？多少人是高频用户？等等。不明来历的数字也会容易将我们带跑偏。

平均值与中位数的混淆

例如：使用我们产品用户平均年收入在 200 万以上，所以品牌调性可以尽量往高端定位。

这里使用到了平均这个词，但实际上却有三种不同的方法来测定平均值。

第一种方法就是把所有数值相加，然后用总数去除，得出的结果就是平均数。 第二种方法是将所有的数值排序，找到位于最中间的数值，这个中间数值就是中位数。 第三种方法是统计每个不同数值（或一个数值范围）出现的频次，出现频率最高的叫众数。 上面的案例采用了平均数的计算方法，将高端用户一并算入其中，这样会拉高平均数，而对于我们真正希望抓住的目标用户，也就是占比较多众数而言，影响却不大。

用 A 的结论证明 B

举个我们在远程风控产品调研中遇到的例子：作为尽调员，需要判断借款公司的资质是否与其提供的一致，当现场尽调时，十有八九拿到的报告数据都与实际有偏差。我们之前统计过，因为数据偏差导致最终额度批准过高的概率是 n%。无论这个数据多高，都只证明了一件事，即多数尽调员首次现场收集的数据都不准确。但不能推导出额度批准过高，是由数据偏差导致的。要回答这个问题，可以问：“批准额度的整体流程是什么，除了报告数据，是否还有其他的因素导致这个结果？”进而找到 B 真正的结论。

绝对数值的欺骗

例如：之前问朋友对老家郑州这几年变化的印象，经常得到的一个答案是越来越像文化荒漠了。我继续问为什么？有位朋友的答案很有意思：“比如啊，城市不断有新公司出现，把市区里的那种人文气息赶跑了。就在去年，城里的公司数目增长了 75%。”75%很吸引眼球，但是这里缺少了一些东西：百分比所依据的绝对数值。假如我们知道这种增长是从 4 家到 7 家，而不是 12 家到 21 家，就会对结果有所改观。

以上就是我对批判性思维的理解，借助它可以让我们已有的推理逻辑变得更强。

用结构化思维让推理方式更系统 1. 为什么要用结构化思维

先搞清楚结构化思维的定义。回到文章开头的案例：所有的老人随着年龄增长，都会出现视力下降的症状，所有的产品都做了放大字体切换版本的设计，所以，所有的适老版设计都是放大的设计。

在这个案例中我发现，当我开始设计前，会习惯性地使用演绎法，来定位设计机会点，似乎有一个思维定式让我不由自主地想去使用它，这是为什么？

我在加里·梅哈尔的猴子定律中找到了原因，将 5 只猴子放在 1 个笼子里，并在笼子中间吊上一串香蕉，只要有猴子伸手去拿，就拿高压水枪教训所有的猴子，直到没有猴子敢动手。此时，当实验人员用一只新猴子来替换笼里的猴子时，这只猴子就想伸手去拿香蕉，结果被其他 4 只一顿 K。实验人员替换了几次，猴子发现不去拿香蕉就不会被喷，感受到了这个规矩的好处，于是这里形成了一种”不许拿香蕉“的思维方式。

我们起初参加工作时，脑子里带着一堆的思维方式进入职场，在多次的摔打后，形成了一种有效的思维方式，然后会不断用这种方式处理大部分信息，将这种思维方式本身带来的红利最大化。这也就是为什么，当我开展设计时，通常都会习惯用演绎法来推理设计目标。这个过程看似是一种推理，实际上也是一种固化的思维方式，如果我们希望在推理中变得更强，就需要掌握多种思维方式，在不同的情境中灵活运用。

2. 怎么使用结构化思维丰富推理方式

如果进一步定义，结构化思维=多种思考有序地搭配或排列组合，所形成的一套推理系统。

之前我在做手机银行项目时请教过一位用研大咖：可用性测试的样本有限，如何确保结论的可靠性？他的回答是：不要只把目标聚焦在手机银行用户，可以扩大样本到业务经理。其实这个就是结构化思维，通过扩大样本量对结果做交叉验证，确保结论的有效性。不只单一固定的某种推理方式，而是将多种思考推理系统地搭配使用。

结构化思维

我们曾参与过一款项目金融开发平台，主要是帮助银行等金融机构开发移动 App。按照推理，我们将设计目标定位在了如何带给用户安全感。除了用演绎推导之外，我们还尝试了工单分析进行交叉验证，来重新定位客户所关注的是不是安全。分析过去 1 年的工单，将工单类型做归类，就会发现功能数据报表的全面性、帮助文档的易用性、功能说明的简单性，这些都是客户关注的问题，并非简单的安全感，为此我们提供了相应的设计方案。

产品的易用性设计

除了工单分析之外，有很多种方法例如第一性原理、客户体验地图、客户转化地图、SWOT 等，这里就不展开细讲。重点是当我们在推理时，要使用结构化思维让推理结论变得更加健壮。

但到了这里，仍然有一个困扰我的问题，要用更多的方法来佐证推理，那么方法有很多，像演绎、归纳、体验地图等，但这些方法在真正的实战中，更像是一个个零散的点，他们之间的关系是什么？怎么形成一种结构？

3. 结构化思维的结构

其实总结来看，归纳和演绎是认识事物的方法，当你认识事物后，金字塔模型就是你思考问题的思维结构，但光有了结构还不行，需要结合不同的场景运用，这些具体的运用，就是我们经常提到的客户转化地图、流程思维、故事思维等。就是说，当我们掌握了归纳和演绎以及金字塔模型后，可以自己生长出很多上层思维运用。

思维结构

关于这几个思维模型在设计项目中的运用，后续也会单独开一篇《用推理为设计加持-思维模型运用》来和大家讨论。确保思维的完整性可以用 MECE 法检查，即各个要素之间不能有交叉，也不能有遗漏，相互独立，完全穷尽。

产品思维介绍：

大厂面试问最多的产品思维到底是什么，该如何提升？ 我们的很多视觉能力优异的学员面试过后，都会来反馈面试官对他们的设计能力表示认可，但认为他们的产品思维能力有待提升。

阅读文章 >

例如：用户不使用，可以拆解为外部原因、内部原因，外部原因可以接续拆解为环境、手机、App 性能；内部原因可以继续拆解为需求未满足、觉得产品 low。

这样去拆解，你就可以从一个更加全面的维度去审视推理过程。

用故事化思维让推理容易接受 对于 B 端设计师来说，设计的对象由 C 变成 B，由内部产品团队变为外部客户，外部客户在对方领域是专家，但由于工作经历、行业的差异，大多数客户很难坐下来，像内部团队一样开需求评审会，花时间听你的分析逻辑，我们可以通过故事化思维，把你的逻辑更有效地让对方接受。

1. 故事化的思维是什么

要向不同知识背景的客户阐述你的设计推理，就需要将枯燥、理性的推理转变成对方可以接受的形式 ，也就是我们经常说到的“提案”。

2. 怎么使用故事化思维让推理更易接受

什么才是客户能接受的方式？首先，我们的大脑都是亲近清晰而疏远含糊的。故事，就是把复杂的信息安排地井然有序，从而让大脑更好地接受。那具体应该怎么做，ToC 和 ToB 的环境差异较大，这里以 ToB 面对客户的场景举例。基础逻辑可以分为以下几步：

故事化思维框架

立一个主人公； 主人公遭遇了一个问题； 此时向导出现了； 为主人公提供一套方案； 帮他避免失败； 最终获得成功； 召唤他采取行动； 例如我们在和几个客户的提案中，从开始即定位成客户为本次的故事的主人公（1），在 PPT 的第 2 页就直接亮出问题（2），随即就讲在解决这个问题中，腾讯能带来什么，扮演的角色是什么（3），接下来就是方案（4），方案讲解完毕后，另起了一趴去讲在过程中可能会遇到的风险以及我们如何规避（5），在结束前，将最终合作后所带来的效益与客户同步（6），最后，引导客户采取下一步行动（7）。最终的效果都很不错，成功地拿到了合作。

这里在过程中要注意几个问题：

精准定位客户遭遇的问题。说服的有效性取决于（2），主人公遭遇的问题其实要在一开始就定位清楚。设想一下，如果你对一个客户提案，前 5 分钟连对方的问题是什么都没有精准定位，那剩下的时间基本就是灾难了。作为设计师，我们可以通过售前反馈、市场报告、用户问卷/访谈、竞品分析等方法，确保我们定位的问题是精准的。 我们扮演的角色是向导而非主人公。主人公式的表述会导致客户缺少参与感，从而最终导致合作失败。所以要注意我们的定位是向导，而非主人公。 在结尾要引导客户采取行动。阐述方案后要有明确的下一步计划，抛一个合作的方式，引导客户采取行动而不是仅仅是停留在方案交流。 总结 批判性思维、结构化思维、故事化思维，这三者在设计推理过程中必不可少，在有限的时间里，设计师可以关注故事化思维，确保推理过程能有效地传递。在平时项目之余，可以多关注结构化思维，搭建自己的思维弹药库，项目紧张时可以拿出来使用。在项目进程中，当你推理出一个设计发力点时，也可以尝试使用批判性思维，跳出来对思考过程进行思考。

本文没有触及推理本身，而是希望能换一个视角，对推理过程进行思考。设计推理是一个长期的命题，也是构成设计师核心价值的底层能力之一，里面的课题还有很多，本篇作为一个开端，后续也希望能继续完成这一系列

《用推理为设计加持》（本文） 《思维模型运用》 《故事化的迷人之处》 以上内容仅为我作为 ToB 交互设计师这几年的思考，如有谬误欢迎指正探讨，也希望能和更多同学共同探索，一并前行。

参考资料

M Neil Browne and Keeley, S.M. (1981). Asking the right questions. Englewood Cliffs, N.J.: Prentice-Hall. Miller, D. (2017). Building a storybrand : clarify your message so customers will listen. New York: Harpercollins Leadership, An Imprint Of Harpercollins. 叶修(2020). 学习的逻辑 . 中信出版社 Page, S.E. (2018). The model thinker : what you need to know to make data work for you. New York: Basic Books. Sherwin, D. (2012). Success by design : the essential business reference for designers. Cincinnati, Ohio: How Design ; Newton Abbot.7 张建军, 2014. 逻辑学导论 , 中国人民大学出版社. 欢迎关注作者微信公众号：「腾讯设计族」

本文对曾经介绍过的「免费 图片压缩 工具」进行整理，制作为列表让使用者可更快找到需要的服务，在撰写这篇文章时也测试过所有图片 压缩工具 都能正常运作，我倾向使用免安装、 在线工具 ，只要打开浏览器就能进行相关操作，更为方便快速。

大家也能照着本文章推荐的服务来试试看，若是未来发现任何服务无法使用，那就试着以其他同类型的服务替代吧！

TinyPNG 网站链接： https://tinypng.com/

曾经有一段时期我经常会使用 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片文件大幅缩小，但又不会影响画质。TinyPNG 单次可上传最多 20 张图片，支持 PNG、JPG 和 WebP 格式，每张图片最大 5 MB，上传后会自动远程进行图片优化，大幅缩小图片尺寸。

TinyPNG：在线 PNG 图片压缩工具 TinyPNG4Mac 免费图片压缩、优化应用程序（Mac） TinyPNG 也有 WordPress 图片压缩外挂，上传后自动优化（Compress JPEG & PNG images） 教学请参考「TinyPNG 中文版免费在线图片压缩，单次最多 20 张」。

经典图片压缩神器 TinyPNG 出中文版了！单次免费处理 20 张！ 曾经有一段时期我很喜欢 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片档案大幅缩小，但又不会影响画质（也就是无损压缩），后来也推出 TinyJPG 支持 JPG 格式，还有 WordPress 适用的外挂功能「Compress JP

阅读文章 >

TinyJPG 网站链接： https://tinyjpg.com/

TinyJPG 和 TinyPNG 来自同一个开发商，早期 TinyPNG 只支持 PNG 格式，后来加入 TinyJPG 网站让 JPEG 图片也能使用压缩功能，不过现在两者已经整合在一起了，无论是打开哪一个网站都能正常压缩 WebP、PNG 和 JPEG 三种常见、常用的图片格式，在不破坏原有图文件画质的情况下，可以减少超过 70% 的大小。

Squoosh 网站链接： https://squoosh.app/

Squoosh 是来自 Google 的免费在线图片压缩工具，整合各种强大的图片编码译码器，而且不用额外下载、安装任何软件就能在浏览器进行图片压缩。Squoosh 特色是让用户深入了解各种图片压缩器及选项设定，可自定义性相当高，包括要适应压缩质量、画素、重设图片大小一应俱全。

因为 Squoosh 是一项开放原始码项目，有开发者将它打造为「脱机版」Squoosh Desktop App，支持 Windows、Mac 和 Linux 操作系统，采用 Electron 技术可在没有网络联机的情况下使用。

教学请参考 Google 免费图片压缩工具「Squoosh」，在线帮你的图片减肥。

这款桌面版图片压缩工具 Squoosh，没网也能免费用！ 我以前经常使用 TinyJPG 压缩图片，可以有效减少文件大小，还能维持图片画质，后来在网站开启 Jetpack CDN 直接替换图片网址就有整合加速、分流和压缩图片效果。

阅读文章 >

Shrink.media 网站链接： https://www.shrink.media/

Shrink.media 是一个全新的免费图片压缩服务，提供的压缩技术主要是降低相片质量、调整尺寸大小，预设会降低 50% 画质、缩小 75% 相片尺寸，使用者可拖曳进行调整，比较压缩后的相片与原图差异。

教学请参考「Shrink media 免费图片压缩工具，在线快速调整相片画质和分辨率」。

如何无损压缩图片大小？试试这个在线免费神器「Shrink.media」 通过图片压缩工具可以大幅缩小图片文件的容量大小，使用的技术不外乎是降低画质，做到使用者肉眼几乎看不出差异的「无损压缩」，如果想要让图片变得更小一些，也能把质量降低或是调整图片尺寸，在网页使用的图片经过压缩后，用户开启更快更有效率，也有助于节省容量和传输流量。

阅读文章 >

Compress JPEG 网站链接： https://compressjpeg.com/

Compress JPEG 是一个免费在线图片压缩工具，单次处理最多 20 张图片，支持图片格式包括 JPG、JPEG、PNG、GIF 和 PDF ，只要将图片拖曳到网站就会自动进行压缩，批处理还能压缩成单一文件下载。可单独调整相片压缩比，比较压缩前后的相片差异。

教学请参考「Compress JPEG 免费图片压缩服务，支持四种格式单次可处理 20 张」。

完全免费！可批量压缩图片的在线神器「Compress JPEG」 我很习惯在写文章插入图片前先对屏幕截图进行压缩，让图片容量更小、开启速度更快，更重要的是几乎不会影响画质，以前我都使用 TinyPNG 这个相片压缩工具，只要将图片拖曳到网站就能快速处理，后来就选择以 Imagify 自动从 WordPress 媒体库对图片压缩和优化（免费版每月只能处理

阅读文章 >

ImageResizer 网站链接： https://imageresizer.com/

ImageResizer 是整合了常用图片编辑功能的免费在线工具，从 2013 年开始提供用户简易的调整图片大小工具，多年来不断改良工具，加入更多功能、提升处理速度，目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具。

教学请参考「ImageResizer 整合各种图片编辑功能，在线修改图片大小、压缩、裁切」。

能批量编辑还能压缩！免费图片在线编辑器 ImageResizer 本文要介绍「ImageResizer」是一个整合常用图片编辑功能的免费在线工具，从 2013 年开始提供用户简易的调整图片大小工具，多年来不断改良工具，加入更多功能、提升处理速度，目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具，这项服务完全免费！

阅读文章 >

Optidash 网站链接： https://optidash.ai/

Optidash 使用人工智能（AI）技术的图片优化平台，可在线对用户上传图片进行处理，降低图片容量，加速网页或应用程序使用，也能节省网络流量和储存空间。Optidash 支持 JPEG、PNG、APNG、WebP、SVG 和 GIF 格式，单张图片不能超过 16 MB。

Resizing.app 网站链接： https://resizing.app/

Resizing.app 是一个调整图片尺寸的在线工具，整合常用的三大功能：转档、压缩和重设大小，特色除了免费以外，更重要的是不会将任何用户图片上传到第三方服务器，也就是直接在浏览器端进行相关操作，即使脱机状态下也可使用。

教学请参考「Resizing.app 在线调整图片大小，可压缩优化相片转档无广告」。

作品图太大？用这个在线图片压缩神器一秒搞定！ 本文要介绍的「Resizing.app」是一个调整图片尺寸的线上工具，整合常用的三大功能：转档、压缩和调整大小。

阅读文章 >

Apowersoft 网站链接： https://www.apowersoft.tw/compress-file-online

在线文件压缩工具来自 Apowersoft，是一个多合一文件压缩工具，提供压缩图片、影片或 PDF 功能，无需注册或安装，支持 Google Chrome、Firefox 等主流浏览器，这个压缩工具的特性是所有功能皆可免费使用，没有压缩次数、文件数或文件大小等限制，也支持所有常见文件格式。

Assetizr 网站链接： https://assetizr.com/

Assetizr 将优化、调整图片大小、重新命名等功能放在单一程序中，方便用户处理图片，支持 JPG、PNG、SVG、GIF 和 WEBP 等常见格式。操作方式很简单，只要将图片拖曳到应用程序就能使用。

Recompressor 网站链接： https://recompressor.com/

Recompressor 是一款免费图片优化工具，将图片拖曳到网页中就能处理，支持 .svg、.jpg 和 .png 三种格式，和其他同类服务不同的是 Recompressor 会自动进行多种压缩，产生不同图文件大小、压缩比和画质对比图，提供使用者最佳的压缩结果建议。

教学请参考「Recompressor 免费图片压缩工具，在容量和画质中找出最佳压缩比」。

2019 年最好用的免费在线图片压缩工具，就它了！ 若要将图片上传、使用于个人网站或博客，通常会对图片大小斤斤计较，这不仅会影响页面载入速度，如果访客较多还会使主机的流量及负载增加，最好的方法还是先压缩图片后再上传。

阅读文章 >

Picdiet 网站链接： https://www.picdiet.com/zh-tw

Picdiet 透过独特的 JavaScript 算法快速压缩 80% 图片大小，而且能够无损图片画质，Picdiet 号称不用任何后端服务器或 API，仅透过浏览器压缩图片，这代表压缩速度快，不会导致隐私或敏感图片外泄，在压缩效果方面也比现有的压缩软件更为理想。

YouCompress 网站链接： https://www.youcompress.com/

YouCompress 可以在浏览器里直接压缩各种类型文件，包括常见的 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF，几乎包办图片、文件、影片和音频格式，文件在压缩处理后的几小时会自动从服务器移除，不过你也可以手动删除。

Pngyu 网站链接： https://nukesaq88.github.io/Pngyu/

Pngyu 使用 pngquant 作为图片压缩引擎，以有损压缩方式运作（就是稍微牺牲一些画质，但可大幅降低图片容量），转换后可以明显减少图片大小（通常会高达 70%），并保留原有的透明度，产生的图片可以和所有浏览器及操作系统完全兼容。

Imageoptim 网站链接： https://imageoptim.com/mac

ImageOptim 是一款很轻巧、简单易用、开放原始码的相片压缩、优化工具，只要把图片拖放到 ImageOptim 就会进行自动化处理，支持 PNG、JPEG 和 GIF 三种常见的图片格式，背后使用多种图片处理技术。

ShortPixel 网站链接： https://free.com.tw/go/shortpixel

ShortPixel 是一个 WordPress 外挂服务，主要功能是在线将网站图片压缩、优化处理，包含失真与不失真的可用压缩方式，最高可压缩达 90% 大小！若不是使用 WordPress 架站，一样能透过 ShortPixel 在线图片压缩工具来对图片压缩及优化，网站本身有提供在线工具，而且完全免费，在压缩时可选择是否保留 EXIF 信息、将 CMYK 颜色转为 RGB 或重设图片大小。

Imagify 网站链接： https://imagify.io/optimizer/

Imagify 和知名的 WordPress 快取外挂「WP Rocket」来自相同开发团队，严格来说它并不是一款免费服务，Imagify 是一个 WordPress 插件，可在用户上传图片时，利用远程服务器来进行图片压缩优化，是你想获得更小尺寸图片又不损失画质的好选择。顺带一提，它也有提供免费的在线压缩工具，不过有单个文件最大 2 MB 限制，而且压缩后的图片只会保存 24 小时。

教学请参考「Imagify 免费在线图片压缩服务，三种模式切换压缩比画质」。

酷站两连发！两个高质量的图片在线压缩工具 编者按：今天推荐两款图片压缩神器，两个都可以直接进行在线压缩，压缩率也非常高。

阅读文章 >

iLoveIMG 网站链接： https://www.iloveimg.com/zh-tw

iLoveIMG 是一款免费使用、无须注册的在线工具，主要以编辑图片为主，提供一些用户可能较常会用到的工具包括：图片压缩、调整图片尺寸、裁剪图片及图片转文件。此外，iLoveIMG 也允许手动删除图片，这对于顾虑到隐私问题的使用者来说是个很好的设计，如果刚好需要处理图片的话不妨打开网站试试看。

Jpeg.io 网站链接： https://www.jpeg.io/

Jpeg.io 是知名网页优化、整合图片压缩服务 Kraken.io 推出的在线图片转文件压缩服务，支持多种常见常用图片格式，只要将图片拖曳到网站里，即可快速转换为优化的 JPEG 图片。虽然 Jpeg.io 网站里没有说明何为优化的图片，但应该是图片尺寸更小、分辨率和画质不变的无损压缩，支持以云端硬盘汇入大量文件，进行批处理。

PP鸭 网站链接： https://ppduck.com/

PP鸭图片压缩工具，支持 JPG、PNG 和 GIF 三种常见格式，利用该软件的算法，自动完成图片压缩任务，且在保证图片质量下有效降低图片大小。这个软件适用于 Windows 及 Mac OSX 两大平台，免费版会有使用限制，付费购买注册码可解除限制。

新用户首次购买立减 5 元哦→ 前往购买

Compressor.io 网站链接： https://compressor.io/

Compressor.io 能在在线把图文件压缩，直接让你比对源文件跟压缩后的图片间有无任何差异，支援 JPG、PNG、GIF、SVG、WebP 五种常见格式，单个文件最大支持 10 MB，提供无失真和失真（降低质量）两种压缩技术，也能依照需求自行调整相关设定。

Kraken.io 网站链接： https://kraken.io/web-interface

Kraken.io 是一个集合各种网页优化的网络服务，其中有免费在线图片压缩工具（Free Online Image Optimizer）可在没有注册的情况下自由使用，这项服务允许使用者上传不超过 1 MB 大小的图片，选择有损、无损或是专家自定义的压缩模式。

Upscale Pics 网站链接： https://upscalepics.com/

Upscale Pics 透过人工智能 AI 强化图片的在线工具，提供三种主要功能：放大图片分辨率、移除 JPEG 噪点和压缩图片，只要将图片上传、选择要使用的选项后就能透过它远程处理，不用额外下载应用程序。

总结 如果你平常工作会经常遇到图片，而且是需要将它们上传到网络上供其他人浏览（例如网站），先将相片进行压缩、优化处理，就能确保图片有更小的文件大小，让访客以更快的时间加载，有助于让网站保持好的浏览体验，也能减少服务器的容量流量消耗。

若你一样会接触到许多相片，但是更在乎的是相片分辨率、画质，而且日后有可能会需要进行编辑或处理，这时候你不需要这些图片压缩工具，因为它们可能会降低图片画质，或是将图片尺寸变小。

无论如何，这些图片压缩工具都非常简单，大部分透过浏览器就能操作，有少数还不需要连上网络，直接在计算机脱机使用，确保图片不会被上传到远程服务器，使用上更具隐私和安全性。

各大时尚品牌在网络空间的投入越来越大，以数字形式出现的虚拟时尚品牌也不断汹涌而至，虚拟服装在社交平台呈增长模式逐步显现。

上期回顾：

腾讯出品！2022-2023 设计趋势报告：NFT 玩法应用篇 背景 从 2017 年萌芽到 2021 年爆发，NFT 在过去的一年内正在成为数字经济市场的“顶流”，从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中，展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。

阅读文章 >

1. 虚拟服装是元宇宙的时尚

虚拟服装是利用计算机技术对布料进行仿真制作的数字时装。对服装版型、面料材质、形体和人的动作，以及着装时的形态及其变化等综合考虑后合成的图片或视频。随着元宇宙的流行，NFT 也从艺术领域迅速蔓延到了时尚界，时尚“虚拟化”趋势进入了加速阶段，在未来 NFT 的发展充满想象空间，虚拟时装是元宇宙的时尚。

图片来自：dressx

2. 虚拟时装的起源

追溯到十多年前流行的 QQ 秀，用户根据喜好为 QQ 秀形象购置、搭配一套虚拟的造型，其中包括发型、表情、服饰和场景等。从前我们买漂亮衣服给虚拟人物穿，而当下在社交媒体中我们为“自己”购买一套虚拟时装发布在社交平台上，以新颖的方式展示自己，轻松实现“高定”自由。

3. 虚拟时装为何受追捧

从 QQ 秀到如今的虚拟时装，数字化的浪潮从未消退，且数字时尚已不再“虚拟”，而是逐渐成为生活方式的一部分。社交价值、环保价值、想象空间、包容性等等都是虚拟时装受追捧的原因。

环保价值（Environmental Value）

虚拟时装的价值，远远不止其丰富多彩的时尚表现形式，传统时尚的“产能过剩”对环境的污染一直是行业的痛点，而虚拟时装只有数字、没有物理，它可以不浪费一块面料，省去生产环节，将会是解决时尚产业污染问题的新视角。

社交价值（Social Value）

虚拟时装可以让人们即使迫于疫情期间无法观赏并购买实体衣服的情况下，仍然能在社交媒体分享“新装”。在这个穿衣打扮很大程度上为了在社交媒体打卡的时代，虚拟时装足够胜任。

想象空间（Imagination）

虚拟服装摆脱了现实世界的物理束缚，我们的想象力可以完全疯狂，无尽畅想夸张的廓形与独特质感，把世界万物带在身上。

包容性（Tolerance）

它完全摆脱尺寸、服装自重等物理因素影响，不必担心自己穿不进去或者效果不好，而放弃一眼就看上的衣服，各种身型都可以大胆驾驭。

虚拟服装已经涵盖了我们着装的大部分范围，现实与虚拟自由切换世界，虚拟服装可以在现实着装基础上做丰富多彩的时尚与差异表现，在这形形色色的虚拟时装中，即使是初潮阶段 总有各色各样、脱颖而出的风格值得关注。

1. 未来十足 银色系

清冷又高级，银色系必须是未来主义接班人必备，它带着特有的空灵感，带给人很强的潮流感、满满的科技未来感。一件金属银的虚拟服装足以让你在社交平台，华丽闪耀，高调出挑。强烈的冲击力，未来感与金属感并存。

图片来自：Seronine

镀银的的材质也是在虚拟时装幻想中增加了更多的可能性，下图是以银模拟人鱼的造型的皮，不仅穿上衣服，还穿上了幻想。

图片来自：Xi 爱可思爱

依然是动物的鳞加上银色与其他色相的元素组合也可成为一个新的系列，下图的帽子和夹克都运用了未来感的银色去展示。

图片来自：dressx

2. 霓虹果冻 膨胀色

由惊艳的霓虹色、未来感亮面材质、果冻感的造型、以及洋洋洒洒的大线条，各种元素把时髦气场值拉满，随时随地产出赛博大片。

图片来自：Tribute-brand、Seronine

即使没有大牌加持，但强烈的未来风格就自带吸睛的效果，而且使用惊艳的色彩，在元宇宙里穿浮夸的衣服丝毫不显奇怪。

图片来自：Tribute-brand

在元宇宙遛狗时怎么能少得了爱宠套装呢～

图片来自：Tribute-brand

3. 充气柔软 体积感

同样是艳丽的色彩，但不同的是柔软膨胀的体积感，实用性不是它的必须具备的，它完全可以作为独立的艺术品存在。服饰在不同媒介上带来的另类视觉效果，让服饰的展示更加有趣和多样化。

图片来自：白无常

图片来自：UV 朱

4. 虚实共生 人机合一

ANNAKIKI 2022 秋冬系列从科幻电影《阿丽塔》（Alita）中汲取灵感，受拥有机械身体的女主角阿丽塔的启发，感怀赛博格之于人类的意义，主理人提出了，“赛博格呈现了人机共生的理念，其更深远的意义在于让生命有了更久远的延续。”原本人与机械之间泾渭分明，而赛博格的崛起，正在打破这些界限，它模糊了边界，纯粹的肉体将不复存在，进而抛开一切外在定义，回归人的本质。虚实共生，人机合一。

图片来自：ANNAKIKI

5. 思维前瞻 仿生学

很多“仿生学”出发点喜欢用科学思维前瞻技术运用到自己的时装世界里，不单纯表达“美”就结束了。“仿生学”是实互动的数字时装非常的生动且能带来充满想象力的世界。比如：Ava 套装的概念源于 Sello 想要拥抱她的健康状况：“我有一种无形的残疾，影响了我的淋巴系统，我一直认为我体内的这个系统是一个非常像植物的结构。通过使用静脉作为设计元素，我想把这个对我来说常常很痛苦的东西变成美丽的东西。

图片来自：AUROBOROS

6. 眼中世界 超现实

《我眼中的世界》描述了人与自然的相互作用而产生的六个超现实主义时空。将自身与森林、火山、沙漠、冰川，海洋、沼泽相结合，揭示后疫情时代人的六种心理活动：黑暗、动荡、矛盾、冰封、沉寂、复苏。在这个世界里服装不再是身外之物，它更像是你的皮肤和肌肉与自然共生共荣。此系列虚拟作品与 C4D 艺术家 UV-ZHU 合作，一起探索现实与虚渺时空中的我们，在这里不同的精神个体将与万物相融，幻化成无尽的能量。2022 年 3 月初陈鹏在法国见到了一位抑郁期的老友，谈起这个系列作品时。她是这么描述的：“看似黑暗的画面里，充满了生命的力量。正如春夜里巴黎街边的玉兰树，迎着曙光开出了第一缕嫩芽，它象征着生命与希望。”

图片来自：CHENPENG

7. 动态变装 新时装

看腻了一成不变的质感？虚拟的服装除了对材质的打破以外，也对静态无聊的衣服作出了挑战，下图是一件普通的衬衫但转眼就被火焰烧毁，衣服对人无任何烧伤的。以及虚拟时尚品牌 RTFKT 设计的第一件虚拟夹克，即 METAJACKET。一件上层河豚夹克，配有机械动画的耳朵和袖口，动态屏幕和动力悬浮项链。RTFKT 设计的第一件夹克即售出了 125000 美元。

图片来自：RTFKT

Nike 携手 RTFKT 推出首款虚拟球鞋，Nike 的首款虚拟球鞋即将来袭。在官方推文中，RTFKT 将这款运动鞋形容为“运动鞋的未来（The Future of Sneakers）”，标志着 Nike 正式向元宇宙发力。

图片来自：RTFKT

8. 荆棘尖锐 要拽酷

荆棘尖刺的虚拟服装环绕着身体，带刺的身体是对暗黑世界的抵御，或者说比暗黑世界更酷拽。

图片来自：Seronine、Davina India

触角与骨节解体的万物化生之境，虚拟穿戴类的数码金刚的甲壳也非常拽酷。

图片来自：Sunwanw

头戴式的虚拟时装，耳钉当然也是必不可少了，在荆棘刺的元素上玩转酷拽风范下图的耳钉在 dressx 售价$1。

图片来自：dressx、Sunwanw

9. 数字体验 新宇宙

ADIDAS Originals 打造全新宇宙 Ozworld 系列数字体验，Ozweego 的轮廓重塑了 90 年代末和 21 世纪初的设计元素。在活动体验中可选择自己喜欢的 OZ 装扮。生成别具一格的个性化形象，约有 10 亿种不同流动体的组合，所有 player 都可免费获得专属虚拟形象角色生成后可以体验与其互动换装，走进虚拟世界并化身为秀场的一员。

图片 来自：ADIDAS

10. 未来之境 古典美

未来之境的概念不是在说服饰的设计，也不论及面料的质感，而是在探讨当一切趋于虚拟化，将会给穿搭带来怎样的一次变革？那可能是完全脱离过去服饰定义的全新境界，还有对美的颠覆性的定义，“未来的时装，是依然由布料织就，还是由画笔勾勒？是服务于现实，还是存在于虚拟？是依附于身体，还是成为身体本身？带着这些畅想，VOGUE 特别以五位中国 设计师 的新季设计为灵感，结合传统五行理论，共同勾勒时装的明日世界。”

图片来自：VOGUE

1. 虚拟时装指南

选购想要购入的虚拟服装后 ，身穿简单的打底衫，在光线适当充足的情况下拍一张身体部位无遮挡并且的清晰全身照，按照指示上传照片，卖家收到后并不是简单的 Ps，他们会根据客户的体型精确地处理衣服，收到照片后就可以在各社交平台轮番打卡啦～GOGOGO～～

集合店: https://dressx.com/ tribute-brand： https://tribute-brand.com/ 小红书：Seronine、Xi 爱可思爱、LIV、UV 朱 2. 大神们的实现流程：

结语 服装作为表达自我的一种语言之一，各色特异的虚拟服装风格体现了虚拟世界自我表达的百鸟争鸣、各显神通。元宇宙的虚拟服装已经初露锋芒，在设计方面，3D 建模下夸张大胆的设计也映射到现实，成为连接现实与虚拟的桥梁。设计师又多了一些机会，可以大胆地乘上这趟列车，把天马行空的创意、自我表达的方式、对世界无尽的幻想都在元宇宙中一一实现。虚拟代替现实，对于整个世界的变革不仅仅是服饰、影像等，也许会对我们的生活带来巨大的变化，充满生命力的虚拟时装行业正在蓬勃发展、技术也日臻完善，越来越多品牌也开始将目光投向虚拟世界，更优质的虚拟服装作品逐渐显现。总之，数字世界一切皆有可能……

各大时尚品牌在网络空间的投入越来越大，以数字形式出现的虚拟时尚品牌也不断汹涌而至，虚拟服装在社交平台呈增长模式逐步显现。

上期回顾：

腾讯出品！2022-2023 设计趋势报告：NFT 玩法应用篇 背景 从 2017 年萌芽到 2021 年爆发，NFT 在过去的一年内正在成为数字经济市场的“顶流”，从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中，展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。

阅读文章 >

1. 虚拟服装是元宇宙的时尚

虚拟服装是利用计算机技术对布料进行仿真制作的数字时装。对服装版型、面料材质、形体和人的动作，以及着装时的形态及其变化等综合考虑后合成的图片或视频。随着元宇宙的流行，NFT 也从艺术领域迅速蔓延到了时尚界，时尚“虚拟化”趋势进入了加速阶段，在未来 NFT 的发展充满想象空间，虚拟时装是元宇宙的时尚。

图片来自：dressx

2. 虚拟时装的起源

追溯到十多年前流行的 QQ 秀，用户根据喜好为 QQ 秀形象购置、搭配一套虚拟的造型，其中包括发型、表情、服饰和场景等。从前我们买漂亮衣服给虚拟人物穿，而当下在社交媒体中我们为“自己”购买一套虚拟时装发布在社交平台上，以新颖的方式展示自己，轻松实现“高定”自由。

3. 虚拟时装为何受追捧

从 QQ 秀到如今的虚拟时装，数字化的浪潮从未消退，且数字时尚已不再“虚拟”，而是逐渐成为生活方式的一部分。社交价值、环保价值、想象空间、包容性等等都是虚拟时装受追捧的原因。

环保价值（Environmental Value）

虚拟时装的价值，远远不止其丰富多彩的时尚表现形式，传统时尚的“产能过剩”对环境的污染一直是行业的痛点，而虚拟时装只有数字、没有物理，它可以不浪费一块面料，省去生产环节，将会是解决时尚产业污染问题的新视角。

社交价值（Social Value）

虚拟时装可以让人们即使迫于疫情期间无法观赏并购买实体衣服的情况下，仍然能在社交媒体分享“新装”。在这个穿衣打扮很大程度上为了在社交媒体打卡的时代，虚拟时装足够胜任。

想象空间（Imagination）

虚拟服装摆脱了现实世界的物理束缚，我们的想象力可以完全疯狂，无尽畅想夸张的廓形与独特质感，把世界万物带在身上。

包容性（Tolerance）

它完全摆脱尺寸、服装自重等物理因素影响，不必担心自己穿不进去或者效果不好，而放弃一眼就看上的衣服，各种身型都可以大胆驾驭。

虚拟服装已经涵盖了我们着装的大部分范围，现实与虚拟自由切换世界，虚拟服装可以在现实着装基础上做丰富多彩的时尚与差异表现，在这形形色色的虚拟时装中，即使是初潮阶段 总有各色各样、脱颖而出的风格值得关注。

1. 未来十足 银色系

清冷又高级，银色系必须是未来主义接班人必备，它带着特有的空灵感，带给人很强的潮流感、满满的科技未来感。一件金属银的虚拟服装足以让你在社交平台，华丽闪耀，高调出挑。强烈的冲击力，未来感与金属感并存。

图片来自：Seronine

镀银的的材质也是在虚拟时装幻想中增加了更多的可能性，下图是以银模拟人鱼的造型的皮，不仅穿上衣服，还穿上了幻想。

图片来自：Xi 爱可思爱

依然是动物的鳞加上银色与其他色相的元素组合也可成为一个新的系列，下图的帽子和夹克都运用了未来感的银色去展示。

图片来自：dressx

2. 霓虹果冻 膨胀色

由惊艳的霓虹色、未来感亮面材质、果冻感的造型、以及洋洋洒洒的大线条，各种元素把时髦气场值拉满，随时随地产出赛博大片。

图片来自：Tribute-brand、Seronine

即使没有大牌加持，但强烈的未来风格就自带吸睛的效果，而且使用惊艳的色彩，在元宇宙里穿浮夸的衣服丝毫不显奇怪。

图片来自：Tribute-brand

在元宇宙遛狗时怎么能少得了爱宠套装呢～

图片来自：Tribute-brand

3. 充气柔软 体积感

同样是艳丽的色彩，但不同的是柔软膨胀的体积感，实用性不是它的必须具备的，它完全可以作为独立的艺术品存在。服饰在不同媒介上带来的另类视觉效果，让服饰的展示更加有趣和多样化。

图片来自：白无常

图片来自：UV 朱

4. 虚实共生 人机合一

ANNAKIKI 2022 秋冬系列从科幻电影《阿丽塔》（Alita）中汲取灵感，受拥有机械身体的女主角阿丽塔的启发，感怀赛博格之于人类的意义，主理人提出了，“赛博格呈现了人机共生的理念，其更深远的意义在于让生命有了更久远的延续。”原本人与机械之间泾渭分明，而赛博格的崛起，正在打破这些界限，它模糊了边界，纯粹的肉体将不复存在，进而抛开一切外在定义，回归人的本质。虚实共生，人机合一。

图片来自：ANNAKIKI

5. 思维前瞻 仿生学

很多“仿生学”出发点喜欢用科学思维前瞻技术运用到自己的时装世界里，不单纯表达“美”就结束了。“仿生学”是实互动的数字时装非常的生动且能带来充满想象力的世界。比如：Ava 套装的概念源于 Sello 想要拥抱她的健康状况：“我有一种无形的残疾，影响了我的淋巴系统，我一直认为我体内的这个系统是一个非常像植物的结构。通过使用静脉作为设计元素，我想把这个对我来说常常很痛苦的东西变成美丽的东西。

图片来自：AUROBOROS

6. 眼中世界 超现实

《我眼中的世界》描述了人与自然的相互作用而产生的六个超现实主义时空。将自身与森林、火山、沙漠、冰川，海洋、沼泽相结合，揭示后疫情时代人的六种心理活动：黑暗、动荡、矛盾、冰封、沉寂、复苏。在这个世界里服装不再是身外之物，它更像是你的皮肤和肌肉与自然共生共荣。此系列虚拟作品与 C4D 艺术家 UV-ZHU 合作，一起探索现实与虚渺时空中的我们，在这里不同的精神个体将与万物相融，幻化成无尽的能量。2022 年 3 月初陈鹏在法国见到了一位抑郁期的老友，谈起这个系列作品时。她是这么描述的：“看似黑暗的画面里，充满了生命的力量。正如春夜里巴黎街边的玉兰树，迎着曙光开出了第一缕嫩芽，它象征着生命与希望。”

图片来自：CHENPENG

7. 动态变装 新时装

看腻了一成不变的质感？虚拟的服装除了对材质的打破以外，也对静态无聊的衣服作出了挑战，下图是一件普通的衬衫但转眼就被火焰烧毁，衣服对人无任何烧伤的。以及虚拟时尚品牌 RTFKT 设计的第一件虚拟夹克，即 METAJACKET。一件上层河豚夹克，配有机械动画的耳朵和袖口，动态屏幕和动力悬浮项链。RTFKT 设计的第一件夹克即售出了 125000 美元。

图片来自：RTFKT

Nike 携手 RTFKT 推出首款虚拟球鞋，Nike 的首款虚拟球鞋即将来袭。在官方推文中，RTFKT 将这款运动鞋形容为“运动鞋的未来（The Future of Sneakers）”，标志着 Nike 正式向元宇宙发力。

图片来自：RTFKT

8. 荆棘尖锐 要拽酷

荆棘尖刺的虚拟服装环绕着身体，带刺的身体是对暗黑世界的抵御，或者说比暗黑世界更酷拽。

图片来自：Seronine、Davina India

触角与骨节解体的万物化生之境，虚拟穿戴类的数码金刚的甲壳也非常拽酷。

图片来自：Sunwanw

头戴式的虚拟时装，耳钉当然也是必不可少了，在荆棘刺的元素上玩转酷拽风范下图的耳钉在 dressx 售价$1。

图片来自：dressx、Sunwanw

9. 数字体验 新宇宙

ADIDAS Originals 打造全新宇宙 Ozworld 系列数字体验，Ozweego 的轮廓重塑了 90 年代末和 21 世纪初的设计元素。在活动体验中可选择自己喜欢的 OZ 装扮。生成别具一格的个性化形象，约有 10 亿种不同流动体的组合，所有 player 都可免费获得专属虚拟形象角色生成后可以体验与其互动换装，走进虚拟世界并化身为秀场的一员。

图片 来自：ADIDAS

10. 未来之境 古典美

未来之境的概念不是在说服饰的设计，也不论及面料的质感，而是在探讨当一切趋于虚拟化，将会给穿搭带来怎样的一次变革？那可能是完全脱离过去服饰定义的全新境界，还有对美的颠覆性的定义，“未来的时装，是依然由布料织就，还是由画笔勾勒？是服务于现实，还是存在于虚拟？是依附于身体，还是成为身体本身？带着这些畅想，VOGUE 特别以五位中国 设计师 的新季设计为灵感，结合传统五行理论，共同勾勒时装的明日世界。”

图片来自：VOGUE

1. 虚拟时装指南

选购想要购入的虚拟服装后 ，身穿简单的打底衫，在光线适当充足的情况下拍一张身体部位无遮挡并且的清晰全身照，按照指示上传照片，卖家收到后并不是简单的 Ps，他们会根据客户的体型精确地处理衣服，收到照片后就可以在各社交平台轮番打卡啦～GOGOGO～～

集合店: https://dressx.com/ tribute-brand： https://tribute-brand.com/ 小红书：Seronine、Xi 爱可思爱、LIV、UV 朱 2. 大神们的实现流程：

结语 服装作为表达自我的一种语言之一，各色特异的虚拟服装风格体现了虚拟世界自我表达的百鸟争鸣、各显神通。元宇宙的虚拟服装已经初露锋芒，在设计方面，3D 建模下夸张大胆的设计也映射到现实，成为连接现实与虚拟的桥梁。设计师又多了一些机会，可以大胆地乘上这趟列车，把天马行空的创意、自我表达的方式、对世界无尽的幻想都在元宇宙中一一实现。虚拟代替现实，对于整个世界的变革不仅仅是服饰、影像等，也许会对我们的生活带来巨大的变化，充满生命力的虚拟时装行业正在蓬勃发展、技术也日臻完善，越来越多品牌也开始将目光投向虚拟世界，更优质的虚拟服装作品逐渐显现。总之，数字世界一切皆有可能……

前言 几年前从 ToC 转到 ToB 时，请教了几位前辈 “什么是 B 端设计师的核心能力”，得到回答最多的是设计推理能力。但有时花了很长一段时间，把方案背景、 设计推理 过程打磨得“天衣无缝”，结果方案一拿出来，就被劈头盖脸的问题问到怀疑人生。我开始思考，通过逻辑自洽的推理，究竟能不能做出好设计？如果不能，怎么做才能更好？

拓展阅读

设计转化率越来越低？教你用数据推理出体验问题！ 随着互联网人口&流量红利的退场，“精益数据分析”“数据驱动”已经成为当下主流趋势。

阅读文章 >

设计推理是什么 设计之所以需要推理，是为了让我们在面临复杂的情况时能更好地决策，推理本身是从已知的命题得出新命题的思维过程 ，已知命题是前提，新命题是结论。推理最常见的方法是三段论，举个例子：所有的植物都需要阳光，所有的向日葵都是植物，所以，所有的向日葵都需要阳光。

在工作中，我也经常用上述的三段论推理，比如，在为腾讯云金融远程风控平台定位设计关键词时，推理的逻辑是：所有和金融类产品的体验关键词都是安全，远程风控类产品是金融产品，所以，远程风控平台需要安全感的设计。再比如，我们在手机银行适老化设计中，给了客户更大字体+切换入口的方案。推演逻辑也同样是三段论：大字号能帮助老人识别信息，手机银行需要服务老年群体，所以，手机银行适老版应该采用大字号的设计。

自洽的设计关键词推理

1. 自洽的推理未必合理

上面两个案例的逻辑看上去没有问题，但结合实际场景，远程风控平台是给坐席端和尽调员使用的，尽调工作由原先两人一同前往客户现场变成了一人坐镇后台指挥另一人在客户现场用手机取材，这样的转变对产品 1.0 阶段体验要求应当是“低门槛好上手，方便客户工作习惯的迁移”。而手机银行适老版同样，如果我们在信息架构已经非常复杂的手机银行中，做了切换版本的设计，老年人能否找得到，找到了是否愿意用，都是问题。

银行适老化设计案例：

腾讯出品！手机银行适老化设计探索（附超多干货） 国务院办公厅在去年 11 月份印发了《关于切实解决老年人运用智能技术困难的实施方案》，发改委、卫健委、工业信息化部、交通运输部、中国人民银行部委联合出动，在国内数字化服务行业掀起了一阵波澜，这也让我们对正在探索的手机银行方案进行重新的审视。

阅读文章 >

逻辑自洽的结论，问题出在哪儿。我之前听到一门课上，老师讲到“逻辑自洽的设计并不一定是好的设计”，如果我们仔细推敲由这些逻辑推导出的结论，其实就会发现有问题。

究其原因，本质是一种复杂问题谬误。即在一个推理的前提中，悄悄地置入自己的倾向，甚至结论，这本身就是一种逻辑谬误。比如当问起“你为什么不喜欢张三？”，就包含了不喜欢张三的前提。

同样，“金融类的产品要为用户营造安全感”，这里已经包含了“金融产品必须为用户营造安全感”的结论，但为什么是安全感？并没有做出解答。 这就导致了后续的推理过程，实际上是在一个错误的前提下进行的。

2. 三个思维为你的推理加持

怎么做可以让推理变得更严谨？我们可以尝试跳出现有的思维方式，用另一个视角对推理的合理性进行思考。这就涉及到三个 思维方式 ：批判性思维、结构化思维和故事化思维。

从另一个角度看待推理的合理性

批判性思维让推理更严谨 结构化思维让推理更系统 故事化思维让推理容易接受 我们用这三种思维重新审视前文提到的“远程风控”和“适老版”的设计方案，在远程风控项目中，我们用批判性思维推导出一期的发力点应当在线下尽调习惯的迁移，方便前后端尽调员更容易配合，从这个目标，最终提供了打标记和尽调 SOP 的体验：

尽调 SOP 体验

在适老化虚拟营业厅项目中，我们通过结构化思维，对手机银行的项目进行反思，跳出来加入了普适性设计原则，从而最终为老人用户做了无感的版本切换，并在办理中提供了家人帮忙办和直观的验证指引体验：

适老化的虚拟营业厅

用批判性思维让推理方式更严谨 1. 批判性思维是什么 首先我们要先明确一个概念，批判性思维与逻辑推理的关系。

前文在金融项目中的举例，是以演绎的思维方式，推导出设计发力点，我们可以尝试从他人视角来关注这种思维的局限。当我们向他人呈现出这种方法时，你会发现对方会关注：你的思路是否充分，是否具备了足够的前提和背景，是否定位到了真实的用户并精准抓住了体验需求，在竞品的总结上是否有普适性。对方更关注的是逻辑推导本身的充分性。

但批判性思维不同，批判思维不是逻辑推导，而是 argument，就是跳出来看怎样进行论证是有意义的，怎样推理是更合理的。如果说逻辑推演是过程，那批判性思维更像是一个筛子，帮助我们筛掉一些糟糕的论证。换句话说，批判性思维就是一种针对思考过程的思考。

之所以设计师需要用批判性思维来看待推理过程，本质上是通过完整的思考，让方案更加健壮，因此完整的思考=论题+论证+结论。如果我们希望进一步加强推理能力，就需要能够找到思考过程本身的争议之处，也就是重新定义论题所在，然后通过更多元的论证，找到真正的结论。

批判性思维

2. 使用批判性思维让推理更严谨 重新定义论题

前文提到了三个关键词，论题、论证和结论。我们要先搞清楚各自的定义，首先是论题，尼尔布朗的《学会提问》里，将论题总结成了以下两种：

描述型论题。这类论题是在描述一种存在方式，比较客观，不受主观情绪影响。例如：减少转账流程中的点击次数是不是有助于提高用户的使用效率？ 规定型论题。这类论题提出了什么是对的，什么是错的，受主观情绪影响。例如：在用户使用金融开发工具完成一项任务后，是不是应该有个庆祝的反馈来提升用户体验？ 在与同事的合作中，当你直接问：“这样设计究竟想解决什么问题”试图找到论题时，多数情况对方的答案并不能说服你，或者对方无法给你准确的答案。因为在现实生活中，无论是哪种论题，往往无法点明，需要自己寻找。此时，需要设计师自己重新定义论题。有一些方法，例如了解对方的背景，对方所处的组织架构，了解组织对他提出了什么要求。以及你的产品当下面临的阶段萌芽期、成长期、发展期还是平缓期等等。这些方法中，比较常用的是拔高一层找论题。

举个例子，当设计师抛出方案后，经常会面临这样的问题：“这里的细节 xxx，你这样设计的目的是什么？”如果不去重新定义论题，就会陷入直接拿结论讨论的过程，即：我使用了某某专业方法做了这样的设计。讨论到最后，就会演变成，设计师说：“我认为这里没必要。”对方回：“我认为这里有必要。” 这种无意义的争执中。核心的原因就是你没有定位到对方真正想要与你讨论的论题，不在正确的方向上，就会导致无疾而终。

找到论题后再讨论

实际上，无论是客户还是老板提出这个问题时，更多的是需要我们拔高一层去找到真正的论题：

这样设计有没有提升商业目标、产品目标 -商业目标型论题 是否定位到了真正的用户以及他们的诉求 – 用户需求型论题 研发实现成本如何/当下人力是否能实现这个设计 – ROI 型论题 执行层面是否优化一下能有更好的方案 – 方案优化型论题 通常来说，内部的合作团队例如产品、研发更关注的是 1、3、4，外部客户更关注的是 1、2。展开来讲，比如 1，论题就是这样设计的，本质上是为了提升用户转化、DAU，还是你单纯觉得有趣才这样设计的。再比如 2，指的是你这样设计是从满足你自己的需求出发的，还会有真正了解过目标群体，为他们的痛点设计的。

找到论题之后，就有了有效讨论的前提。下一步就是去寻求更多元的论证，关于论证层面所使用的到的思维，会在下面即将提到的结构化思维部分中，我们稍后来讨论。假设我们找到了论题，并且拥有了合理的论证，下一步就是要找到对方真正的结论。

寻找真正的结论

要找到结论是什么，要先明确对方抛出来的是结论还是观点。结论是推理出来的，需要一个个观点支撑，如果对方断言某件事是真实的，却没有提供相应的陈述来支撑，可以说这个是观点，反之则可以是结论。

观点和结论

按照结论做设计，会比按照观点做设计更加精准。

以助农网点项目中遇到的问题举例，当时我们接到一个反馈是：“小程序里每个模块跳转不要太多，最好不要超过 3 层，否则会让页面显得很复杂。”这就是一个明显的观点，因为其没有相关的支撑。经过讨论，我们重新组织了这个需求，找到了真正的结论：“小程序里每个模块跳转不要太多，最好不要超过 3 层，因为客户经理每天需要并行的业务较多，加上小程序已有的功能超过了 30 项，所以希望体验上能更加轻量。” 这样的结论让我们在最终的设计上，提供了数据导向的框架+穿梭窗的设计，确保客户经理打开小程序时以及使用功能中，能够不被复杂的信息架构和流程所扰。

从观点出发的思路

从结论出发的思路

从结论出发给出解决方案

设计师在平时推导结论的过程中，可以关注以下关键词：因此、表明、由此可知、由此得出、因此可以判定、显示出、证明、告诉我们、问题的实质是等，这些关键词更加贴近结论。

当然，也要注意避免一些常见错误，例如

“我之前的经验看客户经理应该这么想”- 偏概全谬误 “抖音设计了沉浸式上下滑动的体验非常成功，所以这种极简的体验是能帮助产品成功的” – 典型案例谬误 “很多设计大师都讲少即是多，所以这种设计理念也应该被应用在产品中” – 当事人证言谬误 谨防数据的谬误

有一个谬误值得大家关注，就是数据谬误，我在工作中也经常会犯这样的错误，当你希望通过数据来佐证设计是否合理时，就可能被数据绕进去，总结起来有以下几种：

批判性思维-数据的谬误

不明来历的数据

例如：40%的用户打开银行 App 时，只使用了转账和查明细 2 项功能。

在设计手机银行的信息架构时，坚定地相信了这项数据。但如果仔细思考，你会怀疑：给出数据的人是如何得出这个数据的？这里的样本量是多少？统计的用户画像是什么？多少人是高频用户？等等。不明来历的数字也会容易将我们带跑偏。

平均值与中位数的混淆

例如：使用我们产品用户平均年收入在 200 万以上，所以品牌调性可以尽量往高端定位。

这里使用到了平均这个词，但实际上却有三种不同的方法来测定平均值。

第一种方法就是把所有数值相加，然后用总数去除，得出的结果就是平均数。 第二种方法是将所有的数值排序，找到位于最中间的数值，这个中间数值就是中位数。 第三种方法是统计每个不同数值（或一个数值范围）出现的频次，出现频率最高的叫众数。 上面的案例采用了平均数的计算方法，将高端用户一并算入其中，这样会拉高平均数，而对于我们真正希望抓住的目标用户，也就是占比较多众数而言，影响却不大。

用 A 的结论证明 B

举个我们在远程风控产品调研中遇到的例子：作为尽调员，需要判断借款公司的资质是否与其提供的一致，当现场尽调时，十有八九拿到的报告数据都与实际有偏差。我们之前统计过，因为数据偏差导致最终额度批准过高的概率是 n%。无论这个数据多高，都只证明了一件事，即多数尽调员首次现场收集的数据都不准确。但不能推导出额度批准过高，是由数据偏差导致的。要回答这个问题，可以问：“批准额度的整体流程是什么，除了报告数据，是否还有其他的因素导致这个结果？”进而找到 B 真正的结论。

绝对数值的欺骗

例如：之前问朋友对老家郑州这几年变化的印象，经常得到的一个答案是越来越像文化荒漠了。我继续问为什么？有位朋友的答案很有意思：“比如啊，城市不断有新公司出现，把市区里的那种人文气息赶跑了。就在去年，城里的公司数目增长了 75%。”75%很吸引眼球，但是这里缺少了一些东西：百分比所依据的绝对数值。假如我们知道这种增长是从 4 家到 7 家，而不是 12 家到 21 家，就会对结果有所改观。

以上就是我对批判性思维的理解，借助它可以让我们已有的推理逻辑变得更强。

用结构化思维让推理方式更系统 1. 为什么要用结构化思维

先搞清楚结构化思维的定义。回到文章开头的案例：所有的老人随着年龄增长，都会出现视力下降的症状，所有的产品都做了放大字体切换版本的设计，所以，所有的适老版设计都是放大的设计。

在这个案例中我发现，当我开始设计前，会习惯性地使用演绎法，来定位设计机会点，似乎有一个思维定式让我不由自主地想去使用它，这是为什么？

我在加里·梅哈尔的猴子定律中找到了原因，将 5 只猴子放在 1 个笼子里，并在笼子中间吊上一串香蕉，只要有猴子伸手去拿，就拿高压水枪教训所有的猴子，直到没有猴子敢动手。此时，当实验人员用一只新猴子来替换笼里的猴子时，这只猴子就想伸手去拿香蕉，结果被其他 4 只一顿 K。实验人员替换了几次，猴子发现不去拿香蕉就不会被喷，感受到了这个规矩的好处，于是这里形成了一种”不许拿香蕉“的思维方式。

我们起初参加工作时，脑子里带着一堆的思维方式进入职场，在多次的摔打后，形成了一种有效的思维方式，然后会不断用这种方式处理大部分信息，将这种思维方式本身带来的红利最大化。这也就是为什么，当我开展设计时，通常都会习惯用演绎法来推理设计目标。这个过程看似是一种推理，实际上也是一种固化的思维方式，如果我们希望在推理中变得更强，就需要掌握多种思维方式，在不同的情境中灵活运用。

2. 怎么使用结构化思维丰富推理方式

如果进一步定义，结构化思维=多种思考有序地搭配或排列组合，所形成的一套推理系统。

之前我在做手机银行项目时请教过一位用研大咖：可用性测试的样本有限，如何确保结论的可靠性？他的回答是：不要只把目标聚焦在手机银行用户，可以扩大样本到业务经理。其实这个就是结构化思维，通过扩大样本量对结果做交叉验证，确保结论的有效性。不只单一固定的某种推理方式，而是将多种思考推理系统地搭配使用。

结构化思维

我们曾参与过一款项目金融开发平台，主要是帮助银行等金融机构开发移动 App。按照推理，我们将设计目标定位在了如何带给用户安全感。除了用演绎推导之外，我们还尝试了工单分析进行交叉验证，来重新定位客户所关注的是不是安全。分析过去 1 年的工单，将工单类型做归类，就会发现功能数据报表的全面性、帮助文档的易用性、功能说明的简单性，这些都是客户关注的问题，并非简单的安全感，为此我们提供了相应的设计方案。

产品的易用性设计

除了工单分析之外，有很多种方法例如第一性原理、客户体验地图、客户转化地图、SWOT 等，这里就不展开细讲。重点是当我们在推理时，要使用结构化思维让推理结论变得更加健壮。

但到了这里，仍然有一个困扰我的问题，要用更多的方法来佐证推理，那么方法有很多，像演绎、归纳、体验地图等，但这些方法在真正的实战中，更像是一个个零散的点，他们之间的关系是什么？怎么形成一种结构？

3. 结构化思维的结构

其实总结来看，归纳和演绎是认识事物的方法，当你认识事物后，金字塔模型就是你思考问题的思维结构，但光有了结构还不行，需要结合不同的场景运用，这些具体的运用，就是我们经常提到的客户转化地图、流程思维、故事思维等。就是说，当我们掌握了归纳和演绎以及金字塔模型后，可以自己生长出很多上层思维运用。

思维结构

关于这几个思维模型在设计项目中的运用，后续也会单独开一篇《用推理为设计加持-思维模型运用》来和大家讨论。确保思维的完整性可以用 MECE 法检查，即各个要素之间不能有交叉，也不能有遗漏，相互独立，完全穷尽。

产品思维介绍：

大厂面试问最多的产品思维到底是什么，该如何提升？ 我们的很多视觉能力优异的学员面试过后，都会来反馈面试官对他们的设计能力表示认可，但认为他们的产品思维能力有待提升。

阅读文章 >

例如：用户不使用，可以拆解为外部原因、内部原因，外部原因可以接续拆解为环境、手机、App 性能；内部原因可以继续拆解为需求未满足、觉得产品 low。

这样去拆解，你就可以从一个更加全面的维度去审视推理过程。

用故事化思维让推理容易接受 对于 B 端设计师来说，设计的对象由 C 变成 B，由内部产品团队变为外部客户，外部客户在对方领域是专家，但由于工作经历、行业的差异，大多数客户很难坐下来，像内部团队一样开需求评审会，花时间听你的分析逻辑，我们可以通过故事化思维，把你的逻辑更有效地让对方接受。

1. 故事化的思维是什么

要向不同知识背景的客户阐述你的设计推理，就需要将枯燥、理性的推理转变成对方可以接受的形式 ，也就是我们经常说到的“提案”。

2. 怎么使用故事化思维让推理更易接受

什么才是客户能接受的方式？首先，我们的大脑都是亲近清晰而疏远含糊的。故事，就是把复杂的信息安排地井然有序，从而让大脑更好地接受。那具体应该怎么做，ToC 和 ToB 的环境差异较大，这里以 ToB 面对客户的场景举例。基础逻辑可以分为以下几步：

故事化思维框架

立一个主人公； 主人公遭遇了一个问题； 此时向导出现了； 为主人公提供一套方案； 帮他避免失败； 最终获得成功； 召唤他采取行动； 例如我们在和几个客户的提案中，从开始即定位成客户为本次的故事的主人公（1），在 PPT 的第 2 页就直接亮出问题（2），随即就讲在解决这个问题中，腾讯能带来什么，扮演的角色是什么（3），接下来就是方案（4），方案讲解完毕后，另起了一趴去讲在过程中可能会遇到的风险以及我们如何规避（5），在结束前，将最终合作后所带来的效益与客户同步（6），最后，引导客户采取下一步行动（7）。最终的效果都很不错，成功地拿到了合作。

这里在过程中要注意几个问题：

精准定位客户遭遇的问题。说服的有效性取决于（2），主人公遭遇的问题其实要在一开始就定位清楚。设想一下，如果你对一个客户提案，前 5 分钟连对方的问题是什么都没有精准定位，那剩下的时间基本就是灾难了。作为设计师，我们可以通过售前反馈、市场报告、用户问卷/访谈、竞品分析等方法，确保我们定位的问题是精准的。 我们扮演的角色是向导而非主人公。主人公式的表述会导致客户缺少参与感，从而最终导致合作失败。所以要注意我们的定位是向导，而非主人公。 在结尾要引导客户采取行动。阐述方案后要有明确的下一步计划，抛一个合作的方式，引导客户采取行动而不是仅仅是停留在方案交流。 总结 批判性思维、结构化思维、故事化思维，这三者在设计推理过程中必不可少，在有限的时间里，设计师可以关注故事化思维，确保推理过程能有效地传递。在平时项目之余，可以多关注结构化思维，搭建自己的思维弹药库，项目紧张时可以拿出来使用。在项目进程中，当你推理出一个设计发力点时，也可以尝试使用批判性思维，跳出来对思考过程进行思考。

本文没有触及推理本身，而是希望能换一个视角，对推理过程进行思考。设计推理是一个长期的命题，也是构成设计师核心价值的底层能力之一，里面的课题还有很多，本篇作为一个开端，后续也希望能继续完成这一系列

《用推理为设计加持》（本文） 《思维模型运用》 《故事化的迷人之处》 以上内容仅为我作为 ToB 交互设计师这几年的思考，如有谬误欢迎指正探讨，也希望能和更多同学共同探索，一并前行。

参考资料

M Neil Browne and Keeley, S.M. (1981). Asking the right questions. Englewood Cliffs, N.J.: Prentice-Hall. Miller, D. (2017). Building a storybrand : clarify your message so customers will listen. New York: Harpercollins Leadership, An Imprint Of Harpercollins. 叶修(2020). 学习的逻辑 . 中信出版社 Page, S.E. (2018). The model thinker : what you need to know to make data work for you. New York: Basic Books. Sherwin, D. (2012). Success by design : the essential business reference for designers. Cincinnati, Ohio: How Design ; Newton Abbot.7 张建军, 2014. 逻辑学导论 , 中国人民大学出版社. 欢迎关注作者微信公众号：「腾讯设计族」

本文对曾经介绍过的「免费 图片压缩 工具」进行整理，制作为列表让使用者可更快找到需要的服务，在撰写这篇文章时也测试过所有图片 压缩工具 都能正常运作，我倾向使用免安装、 在线工具 ，只要打开浏览器就能进行相关操作，更为方便快速。

大家也能照着本文章推荐的服务来试试看，若是未来发现任何服务无法使用，那就试着以其他同类型的服务替代吧！

TinyPNG 网站链接： https://tinypng.com/

曾经有一段时期我经常会使用 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片文件大幅缩小，但又不会影响画质。TinyPNG 单次可上传最多 20 张图片，支持 PNG、JPG 和 WebP 格式，每张图片最大 5 MB，上传后会自动远程进行图片优化，大幅缩小图片尺寸。

TinyPNG：在线 PNG 图片压缩工具 TinyPNG4Mac 免费图片压缩、优化应用程序（Mac） TinyPNG 也有 WordPress 图片压缩外挂，上传后自动优化（Compress JPEG & PNG images） 教学请参考「TinyPNG 中文版免费在线图片压缩，单次最多 20 张」。

经典图片压缩神器 TinyPNG 出中文版了！单次免费处理 20 张！ 曾经有一段时期我很喜欢 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片档案大幅缩小，但又不会影响画质（也就是无损压缩），后来也推出 TinyJPG 支持 JPG 格式，还有 WordPress 适用的外挂功能「Compress JP

阅读文章 >

TinyJPG 网站链接： https://tinyjpg.com/

TinyJPG 和 TinyPNG 来自同一个开发商，早期 TinyPNG 只支持 PNG 格式，后来加入 TinyJPG 网站让 JPEG 图片也能使用压缩功能，不过现在两者已经整合在一起了，无论是打开哪一个网站都能正常压缩 WebP、PNG 和 JPEG 三种常见、常用的图片格式，在不破坏原有图文件画质的情况下，可以减少超过 70% 的大小。

Squoosh 网站链接： https://squoosh.app/

Squoosh 是来自 Google 的免费在线图片压缩工具，整合各种强大的图片编码译码器，而且不用额外下载、安装任何软件就能在浏览器进行图片压缩。Squoosh 特色是让用户深入了解各种图片压缩器及选项设定，可自定义性相当高，包括要适应压缩质量、画素、重设图片大小一应俱全。

因为 Squoosh 是一项开放原始码项目，有开发者将它打造为「脱机版」Squoosh Desktop App，支持 Windows、Mac 和 Linux 操作系统，采用 Electron 技术可在没有网络联机的情况下使用。

教学请参考 Google 免费图片压缩工具「Squoosh」，在线帮你的图片减肥。

这款桌面版图片压缩工具 Squoosh，没网也能免费用！ 我以前经常使用 TinyJPG 压缩图片，可以有效减少文件大小，还能维持图片画质，后来在网站开启 Jetpack CDN 直接替换图片网址就有整合加速、分流和压缩图片效果。

阅读文章 >

Shrink.media 网站链接： https://www.shrink.media/

Shrink.media 是一个全新的免费图片压缩服务，提供的压缩技术主要是降低相片质量、调整尺寸大小，预设会降低 50% 画质、缩小 75% 相片尺寸，使用者可拖曳进行调整，比较压缩后的相片与原图差异。

教学请参考「Shrink media 免费图片压缩工具，在线快速调整相片画质和分辨率」。

如何无损压缩图片大小？试试这个在线免费神器「Shrink.media」 通过图片压缩工具可以大幅缩小图片文件的容量大小，使用的技术不外乎是降低画质，做到使用者肉眼几乎看不出差异的「无损压缩」，如果想要让图片变得更小一些，也能把质量降低或是调整图片尺寸，在网页使用的图片经过压缩后，用户开启更快更有效率，也有助于节省容量和传输流量。

阅读文章 >

Compress JPEG 网站链接： https://compressjpeg.com/

Compress JPEG 是一个免费在线图片压缩工具，单次处理最多 20 张图片，支持图片格式包括 JPG、JPEG、PNG、GIF 和 PDF ，只要将图片拖曳到网站就会自动进行压缩，批处理还能压缩成单一文件下载。可单独调整相片压缩比，比较压缩前后的相片差异。

教学请参考「Compress JPEG 免费图片压缩服务，支持四种格式单次可处理 20 张」。

完全免费！可批量压缩图片的在线神器「Compress JPEG」 我很习惯在写文章插入图片前先对屏幕截图进行压缩，让图片容量更小、开启速度更快，更重要的是几乎不会影响画质，以前我都使用 TinyPNG 这个相片压缩工具，只要将图片拖曳到网站就能快速处理，后来就选择以 Imagify 自动从 WordPress 媒体库对图片压缩和优化（免费版每月只能处理

阅读文章 >

ImageResizer 网站链接： https://imageresizer.com/

ImageResizer 是整合了常用图片编辑功能的免费在线工具，从 2013 年开始提供用户简易的调整图片大小工具，多年来不断改良工具，加入更多功能、提升处理速度，目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具。

教学请参考「ImageResizer 整合各种图片编辑功能，在线修改图片大小、压缩、裁切」。

能批量编辑还能压缩！免费图片在线编辑器 ImageResizer 本文要介绍「ImageResizer」是一个整合常用图片编辑功能的免费在线工具，从 2013 年开始提供用户简易的调整图片大小工具，多年来不断改良工具，加入更多功能、提升处理速度，目前除了调整图片尺寸工具也有批次编辑、图片放大、图片压缩、图片裁切和 PDF 工具，这项服务完全免费！

阅读文章 >

Optidash 网站链接： https://optidash.ai/

Optidash 使用人工智能（AI）技术的图片优化平台，可在线对用户上传图片进行处理，降低图片容量，加速网页或应用程序使用，也能节省网络流量和储存空间。Optidash 支持 JPEG、PNG、APNG、WebP、SVG 和 GIF 格式，单张图片不能超过 16 MB。

Resizing.app 网站链接： https://resizing.app/

Resizing.app 是一个调整图片尺寸的在线工具，整合常用的三大功能：转档、压缩和重设大小，特色除了免费以外，更重要的是不会将任何用户图片上传到第三方服务器，也就是直接在浏览器端进行相关操作，即使脱机状态下也可使用。

教学请参考「Resizing.app 在线调整图片大小，可压缩优化相片转档无广告」。

作品图太大？用这个在线图片压缩神器一秒搞定！ 本文要介绍的「Resizing.app」是一个调整图片尺寸的线上工具，整合常用的三大功能：转档、压缩和调整大小。

阅读文章 >

Apowersoft 网站链接： https://www.apowersoft.tw/compress-file-online

在线文件压缩工具来自 Apowersoft，是一个多合一文件压缩工具，提供压缩图片、影片或 PDF 功能，无需注册或安装，支持 Google Chrome、Firefox 等主流浏览器，这个压缩工具的特性是所有功能皆可免费使用，没有压缩次数、文件数或文件大小等限制，也支持所有常见文件格式。

Assetizr 网站链接： https://assetizr.com/

Assetizr 将优化、调整图片大小、重新命名等功能放在单一程序中，方便用户处理图片，支持 JPG、PNG、SVG、GIF 和 WEBP 等常见格式。操作方式很简单，只要将图片拖曳到应用程序就能使用。

Recompressor 网站链接： https://recompressor.com/

Recompressor 是一款免费图片优化工具，将图片拖曳到网页中就能处理，支持 .svg、.jpg 和 .png 三种格式，和其他同类服务不同的是 Recompressor 会自动进行多种压缩，产生不同图文件大小、压缩比和画质对比图，提供使用者最佳的压缩结果建议。

教学请参考「Recompressor 免费图片压缩工具，在容量和画质中找出最佳压缩比」。

2019 年最好用的免费在线图片压缩工具，就它了！ 若要将图片上传、使用于个人网站或博客，通常会对图片大小斤斤计较，这不仅会影响页面载入速度，如果访客较多还会使主机的流量及负载增加，最好的方法还是先压缩图片后再上传。

阅读文章 >

Picdiet 网站链接： https://www.picdiet.com/zh-tw

Picdiet 透过独特的 JavaScript 算法快速压缩 80% 图片大小，而且能够无损图片画质，Picdiet 号称不用任何后端服务器或 API，仅透过浏览器压缩图片，这代表压缩速度快，不会导致隐私或敏感图片外泄，在压缩效果方面也比现有的压缩软件更为理想。

YouCompress 网站链接： https://www.youcompress.com/

YouCompress 可以在浏览器里直接压缩各种类型文件，包括常见的 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF，几乎包办图片、文件、影片和音频格式，文件在压缩处理后的几小时会自动从服务器移除，不过你也可以手动删除。

Pngyu 网站链接： https://nukesaq88.github.io/Pngyu/

Pngyu 使用 pngquant 作为图片压缩引擎，以有损压缩方式运作（就是稍微牺牲一些画质，但可大幅降低图片容量），转换后可以明显减少图片大小（通常会高达 70%），并保留原有的透明度，产生的图片可以和所有浏览器及操作系统完全兼容。

Imageoptim 网站链接： https://imageoptim.com/mac

ImageOptim 是一款很轻巧、简单易用、开放原始码的相片压缩、优化工具，只要把图片拖放到 ImageOptim 就会进行自动化处理，支持 PNG、JPEG 和 GIF 三种常见的图片格式，背后使用多种图片处理技术。

ShortPixel 网站链接： https://free.com.tw/go/shortpixel

ShortPixel 是一个 WordPress 外挂服务，主要功能是在线将网站图片压缩、优化处理，包含失真与不失真的可用压缩方式，最高可压缩达 90% 大小！若不是使用 WordPress 架站，一样能透过 ShortPixel 在线图片压缩工具来对图片压缩及优化，网站本身有提供在线工具，而且完全免费，在压缩时可选择是否保留 EXIF 信息、将 CMYK 颜色转为 RGB 或重设图片大小。

Imagify 网站链接： https://imagify.io/optimizer/

Imagify 和知名的 WordPress 快取外挂「WP Rocket」来自相同开发团队，严格来说它并不是一款免费服务，Imagify 是一个 WordPress 插件，可在用户上传图片时，利用远程服务器来进行图片压缩优化，是你想获得更小尺寸图片又不损失画质的好选择。顺带一提，它也有提供免费的在线压缩工具，不过有单个文件最大 2 MB 限制，而且压缩后的图片只会保存 24 小时。

教学请参考「Imagify 免费在线图片压缩服务，三种模式切换压缩比画质」。

酷站两连发！两个高质量的图片在线压缩工具 编者按：今天推荐两款图片压缩神器，两个都可以直接进行在线压缩，压缩率也非常高。

阅读文章 >

iLoveIMG 网站链接： https://www.iloveimg.com/zh-tw

iLoveIMG 是一款免费使用、无须注册的在线工具，主要以编辑图片为主，提供一些用户可能较常会用到的工具包括：图片压缩、调整图片尺寸、裁剪图片及图片转文件。此外，iLoveIMG 也允许手动删除图片，这对于顾虑到隐私问题的使用者来说是个很好的设计，如果刚好需要处理图片的话不妨打开网站试试看。

Jpeg.io 网站链接： https://www.jpeg.io/

Jpeg.io 是知名网页优化、整合图片压缩服务 Kraken.io 推出的在线图片转文件压缩服务，支持多种常见常用图片格式，只要将图片拖曳到网站里，即可快速转换为优化的 JPEG 图片。虽然 Jpeg.io 网站里没有说明何为优化的图片，但应该是图片尺寸更小、分辨率和画质不变的无损压缩，支持以云端硬盘汇入大量文件，进行批处理。

PP鸭 网站链接： https://ppduck.com/

PP鸭图片压缩工具，支持 JPG、PNG 和 GIF 三种常见格式，利用该软件的算法，自动完成图片压缩任务，且在保证图片质量下有效降低图片大小。这个软件适用于 Windows 及 Mac OSX 两大平台，免费版会有使用限制，付费购买注册码可解除限制。

新用户首次购买立减 5 元哦→ 前往购买

Compressor.io 网站链接： https://compressor.io/

Compressor.io 能在在线把图文件压缩，直接让你比对源文件跟压缩后的图片间有无任何差异，支援 JPG、PNG、GIF、SVG、WebP 五种常见格式，单个文件最大支持 10 MB，提供无失真和失真（降低质量）两种压缩技术，也能依照需求自行调整相关设定。

Kraken.io 网站链接： https://kraken.io/web-interface

Kraken.io 是一个集合各种网页优化的网络服务，其中有免费在线图片压缩工具（Free Online Image Optimizer）可在没有注册的情况下自由使用，这项服务允许使用者上传不超过 1 MB 大小的图片，选择有损、无损或是专家自定义的压缩模式。

Upscale Pics 网站链接： https://upscalepics.com/

Upscale Pics 透过人工智能 AI 强化图片的在线工具，提供三种主要功能：放大图片分辨率、移除 JPEG 噪点和压缩图片，只要将图片上传、选择要使用的选项后就能透过它远程处理，不用额外下载应用程序。

总结 如果你平常工作会经常遇到图片，而且是需要将它们上传到网络上供其他人浏览（例如网站），先将相片进行压缩、优化处理，就能确保图片有更小的文件大小，让访客以更快的时间加载，有助于让网站保持好的浏览体验，也能减少服务器的容量流量消耗。

若你一样会接触到许多相片，但是更在乎的是相片分辨率、画质，而且日后有可能会需要进行编辑或处理，这时候你不需要这些图片压缩工具，因为它们可能会降低图片画质，或是将图片尺寸变小。

无论如何，这些图片压缩工具都非常简单，大部分透过浏览器就能操作，有少数还不需要连上网络，直接在计算机脱机使用，确保图片不会被上传到远程服务器，使用上更具隐私和安全性。