这是一篇有格局的文章，这是一篇娱乐的文章，这是一篇整活儿的文章。 [link https://www.uisdc.com/promotion-repor...

这是一篇有格局的文章，这是一篇娱乐的文章，这是一篇整活儿的文章。

设计师如何做晋升汇报？来看大厂高手的分享！ 每年年初或年底，各大公司都会要进行述职，年终总结或者晋升，我工作这么多年也参加了很多次晋升面试，也经历了很多坑，也有很多小伙伴提问我，如何去做一份晋升 PPT 或者如何去述职，今天，我结合一下我之前的工作经验，和大家梳理出一套框架，这套框架不一定对，但是希望可以帮助到大家。

阅读文章 >

所以各位观众姥爷们不要批判我。本文目录如下:

前言 项目背景 设计目标 设计策略 设计方案 设计验证 前言 先来看这段话，大家猜猜这说的是一件什么事情？

我联合硬件排查部门、采购部门、电力工程部门等等，结合这些资源。我快速找到了问题根结，推动各个部门协同合作，在各部门共同努力之下，最后成功和圆满的解决了问题。

最后，我也总结出了一套流程，打造出了一个新系统，该系统可用于自动检测类似问题。一旦被系统发现问题，系统将自动下发指令给最精准的业务部分，自动完成整个工程，解决问题。

该系统不但节省了资源，还节省了人力。以前需要多人才能解决的问题，现在只需要 1 个人即可完成失去光明的时间，由以前的一个月，缩短到了 1 小时，在线时间达到 99.99%。

如果用通俗的语言来说，就是：买了个灯泡，问了一圈同事，最后自己换了。以后灯泡再坏，也自己换了就好。

明明一句话就能说明做的事情，为什么非通过黑话去进行转译？

因为在日常工作中，大部分同事做的事情大同小异，很多都是很小的事情，如何能拉开差距，体现自己做的事情有价值，那么这时候，通过黑话可以很好的拉开和大家的差距，虽然本质上大家做的事情都大同小异。

黑话的流行，个人认为有以下两种原因：

同事间相互内卷的结果，通过黑话的包装，去拉开和同事间的差距。 更加高效地沟通。一个黑化名词，是一两句话极度简化的结果。如果每次大家沟通都大篇幅的白话去沟通，效率就会降低。 例如：消费者对品牌和产品形成固有看法和观念，这句话用“消费认知”这个词代替，就很高效了。

随着时代的进步，上面换灯泡的黑话来自于 2019 年，现在看来，已经显得很朴素。不够更黑话，步入 2022 年，黑话的维度也迎来升维增幅。

我进行一波修改，大家感受下这样是不是感觉更高级呢？

拉通多部门角色倒逼流程迭代，建立模型化、标准化、流程化范式。通过对建立范式的流程化复用，实现核心业务价值转化。通过新范式的迭代，形成不同业务标准分层，人效提升高达 2000bp。

一个小小的换灯泡，都能说得如此高深莫测。那么在实际工作中，即使是对文案进行小修改，那文字会变得更加高深莫测。干的活立马就显得高级了。

接下来让我们来看看如何将黑话整进项目里面。

项目背景 以下这段是常见的项目背景的白话文：

目前购买流程用户流失率高，通过优化该流程，提升整体转化效率。

如何将这句话包装的高大上呢，显示的有格局呢？那么可以这么说:

通过数据分析发现整个购买转化漏斗，用户流失率高。通过设计手段重塑用户动线和购买心智，加固消费购买场，以此提升整体转化率和整体 GMV。

通过上面可以看出，要将具体的细节手段写出来，具体的手段通过一些对应的高端词汇去替换，这样一整段话，就有比较深度和格局的样子。

最后通过具体的核心指标去验证项目背景的设计优化的意义。

设计目标 以下这段是常见的设计目标的白话文：

统一设计风格，提升整个购买流程统一性。 减少操作层级，降低多层级导致的流失率。 简化视觉元素，强化重要信息。 上述的这个设计目标通常来说没毛病，说的也比较清晰，但是不够黑话。接下来看看下面这个升级版，感觉如何：

通过平台 IP 统一植入到购买链路，深度绑定购买心智场景，全面占领用户心智。 通过设计策略透传平台的信任价值。 信息降噪，通过重构用户动线和视觉布局，简化用户认知与操作负荷。 重建购买链路的优惠服务承载力。 设计策略 以下这段是常见的设计策略的白话文：

统一性：通过优化图标，文字和视觉布局，提升整个流程的统一性。 简化层级：通过简化用户操作次数，提升转化率。 上述的这个设计策略，比较好懂，主要通过两方面提升整体转化率。如果给其他高纬度的大佬看的话，显得小白好懂，接下来看看下面这个升级版。

深挖品牌价值、提炼 IP、强化信任，形成多矩阵购买心智，通过平台 IP 反哺购买链路。 透传信任，通过官方、第三方保险、用户评价等多维度组合拳深化用户信任感知。 通过对用户调研，重构用户购买动线，简化操作流程和信息降噪等方式提升转化率。 通过视觉表现和交互布局全方位展示优惠服务卖点，提升操作能效。 设计方案 常见的设计方案，都是直接放主界面和交互流程。但是这会显得不够高级。项目方案显得普普通通。

如果按照升维思路的话，那么就应该先展示以下四部分:

深挖品牌价值、提炼 ip、强化信任，形成多矩阵购买心智，通过平台 ip 反哺购买链路。 透传信任，通过官方、第三方保险、用户评价等多维度组合拳深化用户信任感知。 通过对用户调研，重构用户购买动线，简化操作流程和信息降噪等方式提升转化率。 通过视觉表现和交互布局全方位展示优惠服务卖点，以此提升购买效率。 首先单独建一个画板，将上述的四个方面全方位展示。

然后做一个整体的方案汇报，展示全局性、局部性以及异常等。

最后才展示具体的设计方案。

最重要的是展示的角度要让阅读者眼前一亮，富有创意和高格局。

设计验证 以下这段是常见的设计验证的白话文：

本次优化，用户反馈良好。设计感官有一个整体的质量提升。上线之后，收到了业务方的好评。

上述的描述，只能说明上线效果良好，缺乏更细节的东西，例如可以这样说:

定量方面：

核心指标：GMV 提升 360bp，月人均订单数从 5.1 提升至 6.2 大幅度降低用户操作时长，降低用户跳出率。用户操作时长从 45s 降低到了 30s 整个购买链路，用户完成率提升 550bp。 定性方面：

进一步完善购买场景操作链路，强化用户对平台消费心智。 通过对用户问卷数据回收，购买链路整体好感完成了一个新的升维定位。 以上是晚上临时写的，欢迎大家友好留言。如果反馈的好，下期出迭代 2.0 版。

欢迎关注作者的微信公众号：「Echo的设计笔记」

一款口碑两极分化的软件。虽然它不是歌曲最多的听歌软件， 但绝对是听歌软件里情感体验最好的。 网易云小程序设计： [link https://www.u...

一款口碑两极分化的软件。虽然它不是歌曲最多的听歌软件， 但绝对是听歌软件里情感体验最好的。

网易云小程序设计：

音乐类小程序如何设计？来看网易云音乐的重设计案例实战 Tips：以下说的「网易云音乐小程序」均为重设计尝试版DEMO 前言 最近写了一篇关于小程序的文章，得到了很多同学的认可，非常感谢。

阅读文章 >

事先声明 /attention。

强烈建议使用电脑查看， 用户体验 更佳。 Gif 体积较大，请耐心查看。 为了让设计细节更容易被看到，用 GIf 来呈现展示。 前言 碳水 Sir｜5 年村龄｜听过上万首歌｜发布过几首翻唱歌曲｜黑胶·伍级｜LV.9，众多身份都不能表达我对网易云的喜欢程度。因为它不仅是一款音乐播放器，更像是一个有血有肉、有情感的虚拟人一直陪伴在我身边，治愈着我～ 你很好奇它具有什么力量，能使用户粘性如此持久，那么我不妨带大家看看 网易云音乐 中情感化驱动的魅力所在。

情感化设计 ：

关于情感化设计，这篇干货带你快速入门这个知识点！ 小溜Epik：情感化设计是完善产品，提升用户体验的关键，在当今移动应用泛滥的时代，只有存在情感化设计的产品才能脱颖而出。

阅读文章 >

「送信猫头鹰」 飞鹰传信 – 在第 43 秒送你入学通知书

1. 使用场景

在听歌页面，呈现猫头鹰送信环节，带领粉丝回忆那个魔法学院，重温经典音乐。

2. 设计思考

设计目标：通过增加彩蛋，纪念《哈利波特 40 周岁暨电影重映》，提升歌曲二次曝光度。

设计方案：首页搜索哈利波特 第二首 「海德薇变奏曲」，当音乐播放到 第 43s 时，黑胶唱片中会突然飞出一只叼着通知书的猫头鹰，重现海德薇送入学通知书的经典桥段。猫头鹰飞过，你会看到评论区图标变成了一封信。用极具创意的动画手法，引导用户进入评论区进行后续操作。

这也给做产品设计的同学了一些灵感，当有合作方时，尝试着换种设计思路（例如：当前影视与音乐结合的彩蛋），来绑定产品与合作方之间的联系。形成高级记忆点，从而达到用户主动传播的裂变效应。

「穿越 9¾站台」 双击评论 – 进入魔法车站

1. 使用场景

在上一个场景中，点击信件进入评论区，通过评论区用户引导继续彩蛋探险之旅。

2. 设计思考

设计目标：为了使上个彩蛋具有连续性，提升彩蛋引入玩法达到评论话题热度。

设计方案：点击通知书- 在评论区找到第 9-10 评论，在中间空隙位置双击两下，出现一个缝隙随后逐渐放大，映入眼帘的是魔法站台，随后飞速而来一辆通往霍格沃茨的列车，当门打开时，又一个强光出现，随后穿梭回评论区。整体动画一气呵成，仿佛真的穿梭了一回。

当用户不知情下进入评论区，会看到其他用户都在以“彩蛋”为话题，展开激烈讨论，这时就激发出你的评论欲望，以及彩蛋入口探索，为彩蛋话题持续供热发光。该手法也是利用“圈内梗”标志事物，再结合穿梭般的动画体验，给「哈迷圈」用户体验了一波惊喜感，同时为后续「哈利波特魔法觉醒」游戏做好引流铺垫。

「旗帜仪式感」 分院帽之歌 – 评论区的特殊仪式感彩蛋

1. 使用场景

正式入学前，怎么能少了入学典礼这么重要的仪式。

2. 设计思考

设计目标：提升歌曲传播性以及记忆度，通过彩蛋强化音乐仪式感。

设计方案：点击「分院帽之歌」评论区 输入学院名称如格兰芬多，院旗降落，迎风飘扬，出现代表学院的旗帜，分院仪式就完成啦！仪式感是不是瞬间拉满。

没看过哈利波特的用户，我这里为大家收集好了四个学院名称，分别是赫奇帕奇、格兰芬多、斯莱特林、拉文克劳，想体验的用户快去试试吧～

「丁磊粉丝」 99999 以不变胜万变

1. 使用场景

用户进入 CEO 丁磊的主页可以看到 99999 粉丝，在强迫症驱使下为丁磊增加粉丝。

2. 设计思考

设计目标：通过 99999 粉丝，来“骗取”新粉丝关注，提升粉丝量。

设计方案：可能是程序员们被产品或 CEO 的各种需求堆压的透不过气，想着拿 CEO 来整活一下，这就有了上面的神奇一幕。进入首页，搜索「网易 CEO 丁磊」进入主页，第一次和 CEO 这么近距离接触，当你看到 99999 粉丝时，心想我原来就是那幸运的第 10 万粉丝，心中很是激动，当你点击关注后，返回首页再一次进去时，你会发现，粉丝数从新回到了 99999 粉丝，你以为是有人取消关注！其实这是程序员写的一个欺骗代码。利用这种仿制数字，来为 CEO 骗粉。这是程序员想到的点还是 CEO 丁磊的阴谋。就不得而知了～

这么细小的改动，确实让用户对网易云音乐产生神秘感，或许还有很多彩蛋没有发现，因此更能激发用户的探索欲望～感兴趣的同学快去试试吧～

「无渴不爽」 汽水特效 – 夏天的感觉就是如此清爽

1. 使用场景

网易云音乐与雪碧达成的深度合作，要通过（音乐+设计）手段探索跨界营销方式。

2. 设计思考

设计目标：传播品牌主张， 通过彩蛋提升品牌新主张“透心凉、渴释放”。

设计方案：在播放「无渴不爽」时，在特定位置会激活雪碧动效，你能看到右上方一个雪碧瓶开启，并倾倒而出，上深到一半高度清爽柠檬炸开效果，不仔细看还以为换手机进水了。

通过对设计的高度还原，模拟真实世界汽水反馈，例如二氧化碳气体等极具细节的动画效果，以及开瓶时“呲”的音效声让用户更好投身于音乐背后的情境中，以及紧扣歌名「无渴不爽」的“透心凉、渴释放”理念。用“音乐彩蛋”来赋予用户“视觉+听觉+味觉”三觉的沉浸式体验，让品牌主张成为用户切身感受。

这种营销方式，作为用户的我都很难拒绝，心里暗暗道：“这样的营销手段，多给我来一些，真的不错，喜欢～”。换做是你，也同样喜欢，对嘛～

「城南花已开」 纪念云村人 – 满屏花瓣飘落

1. 使用场景

17 年的一个遥远的往事，网易云团队为了纪念「音乐人-三亩地」给「城南花已开」ID 用户专门写的音乐。

2. 设计思考

设计目标：缅怀用音乐纪念的骨癌「南城花开时」用户，放大产品人情世故的高度，从而提升品牌对于用户的重视程度。

设计方案：在每年 3-4 月时，收听「南城花开时」这首歌，在播放页就能看到满屏花瓣飘落，点击最亮的一瓣，会看到花海中有一个少年。对于老用户来说无疑勾起了往日回忆，通过彩蛋动画来强化音乐缅怀的力量。同时吸引围观用户的好奇，引导查看评论区，翻找彩蛋根源，进而提升评论区活跃度以及产品情感关联。

毕竟产品本身是冰冷的，用产品本身的功能来安抚用户以达到共鸣效果那就太棒了。这也正是网易云音乐依靠评论区获得业界影响力的重要体现。即使版权少的可怜但依然稳居前 3 宝座的原因之一。

「Light The Light」 灯光彩蛋 – 完美结合硬件生态

1. 使用场景

面对疫情，网易推出「光援行动」通过「Light The Light」歌曲「LTL」功能，给用户传递音乐的治愈力量。

2. 设计思考

设计目标：结合硬件生态，提高闪光灯与音乐的多重组合玩法，用音乐与光传递希望给到用户。

设计方案：网易团队通过歌曲《Light The Light》歌词”每个人都是一处微光，每当我们闪烁一次灯光，也许某处黑暗就会被我们照亮”中获得灵感，配合歌曲中的鼓点来不断闪烁节奏光，营造氛围感的同时，传递出即使是一颗小小的微光，凝聚起来依然可以照亮一片天地。

同时表示面对防疫，人民团结一致，互相帮助的社会凝聚力。宣扬音乐的力量以及对未来美好生活的祝福。

「抱抱安慰」 评论区 – 两指捏合 送给陌生人一个抱抱

1. 使用场景

为响应 “云村评论治愈计划”，设计“抱抱彩蛋”，传递温暖的社区氛围。

2. 设计思考

设计目标：通过彩蛋玩法，提升社区情感鼓励，净化社区良好氛围。

设计方案：再任意歌曲评论区，对着评论双指向中间捏和的方式，去“抱”一个用户的评论给予情感抚慰。视觉方面呈现两个可爱的白、红小人相互拥抱安抚的画面，评论者的头像也会出现“收到抱抱”的提示，以达到与陌生人之间互相鼓励温暖的目的。

这种方式挺暖的，通过音乐平台送出抱抱以及接受抱抱的形式，更加体现出音乐无边界的魅力所在。

「银河赴约」 孔明灯 – 考生与家长的祝福

1. 使用场景

每年高考时，「银河赴约」都会收到来自音乐人以及网易的各种祝福，祝旗开得胜。

2. 设计思考

设计目标：在高考前夕，通过孔明灯来收集用户的祝福语录提高评论话题统一性。，为用户提供高考话题入口。

设计方案：在 2020 年疫情期间的高考阶段，网易云音乐制作了助力高考自制「银河赴约」曲目，用户在听歌时，能看到评论区占位符变成了孔明灯。要知道，孔明灯是中国特有的手工艺术，又叫天灯，俗称许愿灯、祈天灯。它的作用是祈福，许愿，保佑。用这种视觉效果，引导暗示用户评论区特殊的意义，真诚的祝福，高考加油！带话题输入祝福，还能获得“网易云音乐高考助力 buff”。形式拉满，意义非凡有没有～

「搜索‘自杀’」 云村治愈所 – 生活有你才更美好

1. 使用场景

音乐是人心灵深处的对白，很多抑郁的用户都有沟通障碍不想与人交流，唯有音乐可以独自倾听。

2. 设计思考

设计目标：解决抑郁用户危险的心理活动，通过治愈所提高用户对生活的美好追求。

设计方案：在首页搜索“自杀”等敏感词汇，会立即跳出云村治愈所页面，标题写着“生活没有那么奇妙，但有你才会变得更好”。让抑郁用户感受到自我的重要性。

（2.1）开头用生活中的美好事物来告诉用户真实世界值得回味。

（2.2）精选了四类治愈歌单来温暖用户的心情。

（2.3）罗列了一线城市心理咨询热线，间接体现出在一线城市生活压力指数。

（2.4）精彩评论，云村村民的八方支援，感受到网络中温暖纯良一面。以治愈的文字、音乐推荐、心理咨询热线、热心评论来唤醒抑郁用户，既有文字的力量也有音乐的力量，多维度努力，一起帮助云村用户积极生活，健康快乐。

最后，当我看到阅读总人数 863.7 万时，心情还是无比复杂，虽然很多都是闻声前来，但大部分还是真实抑郁用户搜索而来，衷心希望音乐的力量可以帮助他们战胜困难，也感谢网易云音乐平台用特殊的方式来治愈用户。这真是很珍贵的用户洞察点。

「黑胶故事」 歌单 – 双指下滑的视觉享受

1. 使用场景

在听歌时，播放页用视频展示歌曲背后的故事，听觉视觉双重享受。

2. 设计思考

设计目标：满足用户“边听边看”需求，通过视频拉近用户与音乐人的距离。

设计方案：在特定曲目中，对黑胶播放界面双指下滑，激活“黑胶故事”，黑胶内将自动播放 30s 的无声视频，再次点击即可跳转至完整的音乐视频播放页面。形成快速切换的视音交互链路。

这种尝试，也是进一步把音乐延伸，每首音乐都有属于自己的故事，很多都是在听音乐时才会引发共鸣，再去搜索音乐背后的故事，链路长、操作不便捷，网易推出的黑胶唱片，音乐人只需自主上传，审核通过后，便可以最低成本，进行歌曲宣传，同时用户能极大的节约时间，从而更加沉浸在音乐世界中。

想要体验，直接搜索「黑胶故事」找到歌单就可以啦～

摸鱼计算器 1. 使用场景

计算上班摸鱼听歌的时间，看看朋友群里谁是摸鱼之王。

2. 设计思考

设计目标：通过热点话题并结合数据分析，来提高 H5 活动玩法，达到裂变传播。

设计方案：只需要在活动页中输入自己的名称，就能分析出，摸鱼总时长和具体流量。这个功能的开发，起因网络热点话题吐槽包含网易云音乐等产品消耗 10GB 以上流量为基础，发掘出可结合产品自身做的测试尝试，「摸鱼计算器」依靠平台数据流量分析，根据「上班听歌时间在工作时间的占比」估算出全年的「摸鱼流量」。来满足用户猎奇心。

虽然此活动只是休闲放松的形式，并非真的宣传摸鱼有多好。但为了说明一下，还是文字提醒：“摸鱼”虽好，可不要贪摸哦，正确听歌有助于提升工作效率！告诉用户，正确的价值观。

8 级证明书 1. 使用场景

在网易云大约需要听上千首新歌，看很多故事，明白许多道理才是个好男孩。

2. 设计思考

设计目标：创造「网易云八级」梗，通过活动提升产品热度。

设计方案：只需要在活动中，选择性别，依靠听歌数据分析，总结网易云等级段位。当时也有女孩说，找男朋友就找网易云八级，因为懂得很多很沉稳。当然女孩子也是同理。

据了解，这个活动也是因为有网友晒出等级截图，并且上了热搜，而这一事件瞬间被网易云团队看到，迅速整活。同时间上线「8 级证明书」，8 级以上的用户可获爱好听歌的“好男孩”“好女孩”认证。没错，看到配图的朋友都知道了吧，我是 8 级哦～

表白翻译机 1. 使用场景

七夕节，表白日，语言组织不行，说不了浪漫的情话。

2. 设计思考

设计目标：结合音乐，提升表白语言的趣味呈现，为用户提供浪漫语言帮助。

设计方案：在搜索框输入名字，就会随机推荐表白歌词，都是心动的感觉，帮助不会说情话的你。当然我也可以输入你的的名字，因为你的名字本身，也足以吸引我。有没有被甜到～

除此之外，搜索特定名称，会出来特殊的表白，一语中的。例如搜索苏炳添，出来的是“我会用 9 秒 83 的速度出现在你面前”完全整活了，有木有～不仅如此，页面配图，绘制了大量精美小线稿，在我尝试了很多名称后都没遇到重复的图形，可见这个小细节做了 N 个图形出来，很是用心。是一个很棒的设计细节。

个人感受 早期受到“网抑云”的负面冲击，评论区中存在太多抑郁情绪发言，导致很多用户看到后都同情怜悯随后一起陷入抑郁。后来网易云音乐推出各种「治愈计划」包括「云村治愈所」「抱抱功能」「治愈专辑」等等设计手段。

最终，越来越多的用户用正能量回怼丧文化「网抑云」变成了「网愈云」，把人间美好给到大家。这也是产品从用户情感诉求出发，反向驱动设计。或许这才是网易云音乐取胜的重要法宝。

结语 设计师要有发现美的眼睛。美不仅是视觉，还有好的体验流程。不要让用户思考，这是每个设计师所追求的。认真记录产品细节，了解背后的思考，也是不断提升自己逻辑思维和表达能力的一种方式。

参考文献及链接：

https://www.sohu.com/a/506317507_120099902 https://baijiahao.baidu.com/s?id=1667366524064453555&wfr=spider&for=pc https://www.zhihu.com/question/404810159/answer/1326228938 https://xw.qq.com/cmsid/20210328A0A1JB00 欢迎关注作者微信公众号：草蓉三石

一款口碑两极分化的软件。虽然它不是歌曲最多的听歌软件， 但绝对是听歌软件里情感体验最好的。 网易云小程序设计： [link https://www.u...

一款口碑两极分化的软件。虽然它不是歌曲最多的听歌软件， 但绝对是听歌软件里情感体验最好的。

网易云小程序设计：

音乐类小程序如何设计？来看网易云音乐的重设计案例实战 Tips：以下说的「网易云音乐小程序」均为重设计尝试版DEMO 前言 最近写了一篇关于小程序的文章，得到了很多同学的认可，非常感谢。

阅读文章 >

事先声明 /attention。

强烈建议使用电脑查看， 用户体验 更佳。 Gif 体积较大，请耐心查看。 为了让设计细节更容易被看到，用 GIf 来呈现展示。 前言 碳水 Sir｜5 年村龄｜听过上万首歌｜发布过几首翻唱歌曲｜黑胶·伍级｜LV.9，众多身份都不能表达我对网易云的喜欢程度。因为它不仅是一款音乐播放器，更像是一个有血有肉、有情感的虚拟人一直陪伴在我身边，治愈着我～ 你很好奇它具有什么力量，能使用户粘性如此持久，那么我不妨带大家看看 网易云音乐 中情感化驱动的魅力所在。

情感化设计 ：

关于情感化设计，这篇干货带你快速入门这个知识点！ 小溜Epik：情感化设计是完善产品，提升用户体验的关键，在当今移动应用泛滥的时代，只有存在情感化设计的产品才能脱颖而出。

阅读文章 >

「送信猫头鹰」 飞鹰传信 – 在第 43 秒送你入学通知书

1. 使用场景

在听歌页面，呈现猫头鹰送信环节，带领粉丝回忆那个魔法学院，重温经典音乐。

2. 设计思考

设计目标：通过增加彩蛋，纪念《哈利波特 40 周岁暨电影重映》，提升歌曲二次曝光度。

设计方案：首页搜索哈利波特 第二首 「海德薇变奏曲」，当音乐播放到 第 43s 时，黑胶唱片中会突然飞出一只叼着通知书的猫头鹰，重现海德薇送入学通知书的经典桥段。猫头鹰飞过，你会看到评论区图标变成了一封信。用极具创意的动画手法，引导用户进入评论区进行后续操作。

这也给做产品设计的同学了一些灵感，当有合作方时，尝试着换种设计思路（例如：当前影视与音乐结合的彩蛋），来绑定产品与合作方之间的联系。形成高级记忆点，从而达到用户主动传播的裂变效应。

「穿越 9¾站台」 双击评论 – 进入魔法车站

1. 使用场景

在上一个场景中，点击信件进入评论区，通过评论区用户引导继续彩蛋探险之旅。

2. 设计思考

设计目标：为了使上个彩蛋具有连续性，提升彩蛋引入玩法达到评论话题热度。

设计方案：点击通知书- 在评论区找到第 9-10 评论，在中间空隙位置双击两下，出现一个缝隙随后逐渐放大，映入眼帘的是魔法站台，随后飞速而来一辆通往霍格沃茨的列车，当门打开时，又一个强光出现，随后穿梭回评论区。整体动画一气呵成，仿佛真的穿梭了一回。

当用户不知情下进入评论区，会看到其他用户都在以“彩蛋”为话题，展开激烈讨论，这时就激发出你的评论欲望，以及彩蛋入口探索，为彩蛋话题持续供热发光。该手法也是利用“圈内梗”标志事物，再结合穿梭般的动画体验，给「哈迷圈」用户体验了一波惊喜感，同时为后续「哈利波特魔法觉醒」游戏做好引流铺垫。

「旗帜仪式感」 分院帽之歌 – 评论区的特殊仪式感彩蛋

1. 使用场景

正式入学前，怎么能少了入学典礼这么重要的仪式。

2. 设计思考

设计目标：提升歌曲传播性以及记忆度，通过彩蛋强化音乐仪式感。

设计方案：点击「分院帽之歌」评论区 输入学院名称如格兰芬多，院旗降落，迎风飘扬，出现代表学院的旗帜，分院仪式就完成啦！仪式感是不是瞬间拉满。

没看过哈利波特的用户，我这里为大家收集好了四个学院名称，分别是赫奇帕奇、格兰芬多、斯莱特林、拉文克劳，想体验的用户快去试试吧～

「丁磊粉丝」 99999 以不变胜万变

1. 使用场景

用户进入 CEO 丁磊的主页可以看到 99999 粉丝，在强迫症驱使下为丁磊增加粉丝。

2. 设计思考

设计目标：通过 99999 粉丝，来“骗取”新粉丝关注，提升粉丝量。

设计方案：可能是程序员们被产品或 CEO 的各种需求堆压的透不过气，想着拿 CEO 来整活一下，这就有了上面的神奇一幕。进入首页，搜索「网易 CEO 丁磊」进入主页，第一次和 CEO 这么近距离接触，当你看到 99999 粉丝时，心想我原来就是那幸运的第 10 万粉丝，心中很是激动，当你点击关注后，返回首页再一次进去时，你会发现，粉丝数从新回到了 99999 粉丝，你以为是有人取消关注！其实这是程序员写的一个欺骗代码。利用这种仿制数字，来为 CEO 骗粉。这是程序员想到的点还是 CEO 丁磊的阴谋。就不得而知了～

这么细小的改动，确实让用户对网易云音乐产生神秘感，或许还有很多彩蛋没有发现，因此更能激发用户的探索欲望～感兴趣的同学快去试试吧～

「无渴不爽」 汽水特效 – 夏天的感觉就是如此清爽

1. 使用场景

网易云音乐与雪碧达成的深度合作，要通过（音乐+设计）手段探索跨界营销方式。

2. 设计思考

设计目标：传播品牌主张， 通过彩蛋提升品牌新主张“透心凉、渴释放”。

设计方案：在播放「无渴不爽」时，在特定位置会激活雪碧动效，你能看到右上方一个雪碧瓶开启，并倾倒而出，上深到一半高度清爽柠檬炸开效果，不仔细看还以为换手机进水了。

通过对设计的高度还原，模拟真实世界汽水反馈，例如二氧化碳气体等极具细节的动画效果，以及开瓶时“呲”的音效声让用户更好投身于音乐背后的情境中，以及紧扣歌名「无渴不爽」的“透心凉、渴释放”理念。用“音乐彩蛋”来赋予用户“视觉+听觉+味觉”三觉的沉浸式体验，让品牌主张成为用户切身感受。

这种营销方式，作为用户的我都很难拒绝，心里暗暗道：“这样的营销手段，多给我来一些，真的不错，喜欢～”。换做是你，也同样喜欢，对嘛～

「城南花已开」 纪念云村人 – 满屏花瓣飘落

1. 使用场景

17 年的一个遥远的往事，网易云团队为了纪念「音乐人-三亩地」给「城南花已开」ID 用户专门写的音乐。

2. 设计思考

设计目标：缅怀用音乐纪念的骨癌「南城花开时」用户，放大产品人情世故的高度，从而提升品牌对于用户的重视程度。

设计方案：在每年 3-4 月时，收听「南城花开时」这首歌，在播放页就能看到满屏花瓣飘落，点击最亮的一瓣，会看到花海中有一个少年。对于老用户来说无疑勾起了往日回忆，通过彩蛋动画来强化音乐缅怀的力量。同时吸引围观用户的好奇，引导查看评论区，翻找彩蛋根源，进而提升评论区活跃度以及产品情感关联。

毕竟产品本身是冰冷的，用产品本身的功能来安抚用户以达到共鸣效果那就太棒了。这也正是网易云音乐依靠评论区获得业界影响力的重要体现。即使版权少的可怜但依然稳居前 3 宝座的原因之一。

「Light The Light」 灯光彩蛋 – 完美结合硬件生态

1. 使用场景

面对疫情，网易推出「光援行动」通过「Light The Light」歌曲「LTL」功能，给用户传递音乐的治愈力量。

2. 设计思考

设计目标：结合硬件生态，提高闪光灯与音乐的多重组合玩法，用音乐与光传递希望给到用户。

设计方案：网易团队通过歌曲《Light The Light》歌词”每个人都是一处微光，每当我们闪烁一次灯光，也许某处黑暗就会被我们照亮”中获得灵感，配合歌曲中的鼓点来不断闪烁节奏光，营造氛围感的同时，传递出即使是一颗小小的微光，凝聚起来依然可以照亮一片天地。

同时表示面对防疫，人民团结一致，互相帮助的社会凝聚力。宣扬音乐的力量以及对未来美好生活的祝福。

「抱抱安慰」 评论区 – 两指捏合 送给陌生人一个抱抱

1. 使用场景

为响应 “云村评论治愈计划”，设计“抱抱彩蛋”，传递温暖的社区氛围。

2. 设计思考

设计目标：通过彩蛋玩法，提升社区情感鼓励，净化社区良好氛围。

设计方案：再任意歌曲评论区，对着评论双指向中间捏和的方式，去“抱”一个用户的评论给予情感抚慰。视觉方面呈现两个可爱的白、红小人相互拥抱安抚的画面，评论者的头像也会出现“收到抱抱”的提示，以达到与陌生人之间互相鼓励温暖的目的。

这种方式挺暖的，通过音乐平台送出抱抱以及接受抱抱的形式，更加体现出音乐无边界的魅力所在。

「银河赴约」 孔明灯 – 考生与家长的祝福

1. 使用场景

每年高考时，「银河赴约」都会收到来自音乐人以及网易的各种祝福，祝旗开得胜。

2. 设计思考

设计目标：在高考前夕，通过孔明灯来收集用户的祝福语录提高评论话题统一性。，为用户提供高考话题入口。

设计方案：在 2020 年疫情期间的高考阶段，网易云音乐制作了助力高考自制「银河赴约」曲目，用户在听歌时，能看到评论区占位符变成了孔明灯。要知道，孔明灯是中国特有的手工艺术，又叫天灯，俗称许愿灯、祈天灯。它的作用是祈福，许愿，保佑。用这种视觉效果，引导暗示用户评论区特殊的意义，真诚的祝福，高考加油！带话题输入祝福，还能获得“网易云音乐高考助力 buff”。形式拉满，意义非凡有没有～

「搜索‘自杀’」 云村治愈所 – 生活有你才更美好

1. 使用场景

音乐是人心灵深处的对白，很多抑郁的用户都有沟通障碍不想与人交流，唯有音乐可以独自倾听。

2. 设计思考

设计目标：解决抑郁用户危险的心理活动，通过治愈所提高用户对生活的美好追求。

设计方案：在首页搜索“自杀”等敏感词汇，会立即跳出云村治愈所页面，标题写着“生活没有那么奇妙，但有你才会变得更好”。让抑郁用户感受到自我的重要性。

（2.1）开头用生活中的美好事物来告诉用户真实世界值得回味。

（2.2）精选了四类治愈歌单来温暖用户的心情。

（2.3）罗列了一线城市心理咨询热线，间接体现出在一线城市生活压力指数。

（2.4）精彩评论，云村村民的八方支援，感受到网络中温暖纯良一面。以治愈的文字、音乐推荐、心理咨询热线、热心评论来唤醒抑郁用户，既有文字的力量也有音乐的力量，多维度努力，一起帮助云村用户积极生活，健康快乐。

最后，当我看到阅读总人数 863.7 万时，心情还是无比复杂，虽然很多都是闻声前来，但大部分还是真实抑郁用户搜索而来，衷心希望音乐的力量可以帮助他们战胜困难，也感谢网易云音乐平台用特殊的方式来治愈用户。这真是很珍贵的用户洞察点。

「黑胶故事」 歌单 – 双指下滑的视觉享受

1. 使用场景

在听歌时，播放页用视频展示歌曲背后的故事，听觉视觉双重享受。

2. 设计思考

设计目标：满足用户“边听边看”需求，通过视频拉近用户与音乐人的距离。

设计方案：在特定曲目中，对黑胶播放界面双指下滑，激活“黑胶故事”，黑胶内将自动播放 30s 的无声视频，再次点击即可跳转至完整的音乐视频播放页面。形成快速切换的视音交互链路。

这种尝试，也是进一步把音乐延伸，每首音乐都有属于自己的故事，很多都是在听音乐时才会引发共鸣，再去搜索音乐背后的故事，链路长、操作不便捷，网易推出的黑胶唱片，音乐人只需自主上传，审核通过后，便可以最低成本，进行歌曲宣传，同时用户能极大的节约时间，从而更加沉浸在音乐世界中。

想要体验，直接搜索「黑胶故事」找到歌单就可以啦～

摸鱼计算器 1. 使用场景

计算上班摸鱼听歌的时间，看看朋友群里谁是摸鱼之王。

2. 设计思考

设计目标：通过热点话题并结合数据分析，来提高 H5 活动玩法，达到裂变传播。

设计方案：只需要在活动页中输入自己的名称，就能分析出，摸鱼总时长和具体流量。这个功能的开发，起因网络热点话题吐槽包含网易云音乐等产品消耗 10GB 以上流量为基础，发掘出可结合产品自身做的测试尝试，「摸鱼计算器」依靠平台数据流量分析，根据「上班听歌时间在工作时间的占比」估算出全年的「摸鱼流量」。来满足用户猎奇心。

虽然此活动只是休闲放松的形式，并非真的宣传摸鱼有多好。但为了说明一下，还是文字提醒：“摸鱼”虽好，可不要贪摸哦，正确听歌有助于提升工作效率！告诉用户，正确的价值观。

8 级证明书 1. 使用场景

在网易云大约需要听上千首新歌，看很多故事，明白许多道理才是个好男孩。

2. 设计思考

设计目标：创造「网易云八级」梗，通过活动提升产品热度。

设计方案：只需要在活动中，选择性别，依靠听歌数据分析，总结网易云等级段位。当时也有女孩说，找男朋友就找网易云八级，因为懂得很多很沉稳。当然女孩子也是同理。

据了解，这个活动也是因为有网友晒出等级截图，并且上了热搜，而这一事件瞬间被网易云团队看到，迅速整活。同时间上线「8 级证明书」，8 级以上的用户可获爱好听歌的“好男孩”“好女孩”认证。没错，看到配图的朋友都知道了吧，我是 8 级哦～

表白翻译机 1. 使用场景

七夕节，表白日，语言组织不行，说不了浪漫的情话。

2. 设计思考

设计目标：结合音乐，提升表白语言的趣味呈现，为用户提供浪漫语言帮助。

设计方案：在搜索框输入名字，就会随机推荐表白歌词，都是心动的感觉，帮助不会说情话的你。当然我也可以输入你的的名字，因为你的名字本身，也足以吸引我。有没有被甜到～

除此之外，搜索特定名称，会出来特殊的表白，一语中的。例如搜索苏炳添，出来的是“我会用 9 秒 83 的速度出现在你面前”完全整活了，有木有～不仅如此，页面配图，绘制了大量精美小线稿，在我尝试了很多名称后都没遇到重复的图形，可见这个小细节做了 N 个图形出来，很是用心。是一个很棒的设计细节。

个人感受 早期受到“网抑云”的负面冲击，评论区中存在太多抑郁情绪发言，导致很多用户看到后都同情怜悯随后一起陷入抑郁。后来网易云音乐推出各种「治愈计划」包括「云村治愈所」「抱抱功能」「治愈专辑」等等设计手段。

最终，越来越多的用户用正能量回怼丧文化「网抑云」变成了「网愈云」，把人间美好给到大家。这也是产品从用户情感诉求出发，反向驱动设计。或许这才是网易云音乐取胜的重要法宝。

结语 设计师要有发现美的眼睛。美不仅是视觉，还有好的体验流程。不要让用户思考，这是每个设计师所追求的。认真记录产品细节，了解背后的思考，也是不断提升自己逻辑思维和表达能力的一种方式。

参考文献及链接：

https://www.sohu.com/a/506317507_120099902 https://baijiahao.baidu.com/s?id=1667366524064453555&wfr=spider&for=pc https://www.zhihu.com/question/404810159/answer/1326228938 https://xw.qq.com/cmsid/20210328A0A1JB00 欢迎关注作者微信公众号：草蓉三石

周二早上好！现在你看到的是这个炎热的 7 月第最后一波干货，这一次所梳理的干货素材有一部分会更加偏向于前端和开发者，比如可以直接复制的按钮 CSS 代码素...

周二早上好！现在你看到的是这个炎热的 7 月第最后一波干货，这一次所梳理的干货素材有一部分会更加偏向于前端和开发者，比如可以直接复制的按钮 CSS 代码素材和可以直接编辑样式的 React 代码编辑器，当然也有很多东西是设计师甚至非设计从业者都能用得上好东西，比如借助机器学习直接给图片分层的插件，单独提取图片背景的工具，一次性生成品牌相关的主要素材和模板的服务，总会有那么一款素材正好是你需要的。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年7月精选实用设计干货合集 7月第1波设计干货合集来了！

阅读文章 >

第二波！2022年7月精选实用设计干货合集 现在你看到的是7月第2波设计干货合集，不过严格意义上来说，这一波完全是干货合集中的合集。

阅读文章 >

第三波！2022年7月精选实用设计干货合集 周二早上好！

阅读文章 >

下面我们具体看看这一期的干货：

优质设计素材合集分享网站 https://www.produkit.co/

如果你对于设计素材有搜集癖，或者正在寻找高素质的设计素材，那么这个名为 Produkit 的网站一定要收藏一下，这个网站的内容筛选核心是素质，他们会尽可能选择足够优质的最新设计素材，其中相当一部分都是付费的，不过通常价格不会太高，相应的，其中免费的素材的素质也大都是非常过硬的。

图片放大提升清晰度+优化 APP https://apps.apple.com/us/app/alto-ai-photo-enhancer/id1634488334

和以往所提供的工具不同，这个名为 Alto AI 的工具是一个移动端的 APP，你可以直接在自己的手机上将素质不佳的照片的效果直接提升起来。这个 APP 有 iOS 的版本也有 Android 的版本，完全免费。相信有很多同学有类似的需求，可以下载下来体验一下。

React 组件的可视化编辑器 https://aspect.app/

这个名为 Aspect 的工具也是为了最大程度地降低设计和开发的难度而诞生的工具，它本身是一个可以直接编辑 React 控件的编辑器，但是为了更加贴合大家的使用场景和需求，你可以直接直接在其他网页中找到你感觉可以用的空间，直接复制粘贴就能在这个编辑器当中进行处理了，当然它还支持直接导入 React 和 HTML 代码来进行编辑，不过最近他们还加入了将 Figma 控件直接转化为可用的 React 控件的功能，随后还会支持 Sketch 和 Adobe XD。

从图片中快速提取背景的工具 https://extractbg.com/

不得不说，用了那么多去背景的工具，从来没想过这个事儿反过来一样也非常有用。当你发现一张非常漂亮的图片，但是前景的人物或者元素你不需要的话，可以使用这个名为 Extract Bg 的服务，将前景的元素干掉，直接生成可以随便哪里都能用的背景图。这个工具和各种去背景的设计服务简直是绝配。

超智能的图片素材分层处理插件 https://www.figma.com/community/plugin/1123355421740529204/ClipDrop

和上一个服务截然不同的地方在于，这个立足于 Figma 的图片处理插件 ClipDrop 干脆就借助 AI 算法，直接把图片本身的前后景素材全部拆分开来，想用前景的素材就用前景的，想把背景拿走就把背景拿走，按需取用，可以说是非常自由了。当然你也可以当之前的那些去背景或者去前景元素的工具一样使用。

一键生成所有控件样式列表的插件 https://www.figma.com/community/plugin/1116018586739867857

随着今年 Figma 追加了「组件属性」这个功能之后，设计师在设置每个组件的状态的时候就更加方便了，不过在有的时候，还是需要将控件的不同样式和状态都罗列出来，在对接的时候可以更加直观地看到，而且你还可以根据需求改变这个表单的呈现方式、优先级排列等等。

根据LOGO自动生成品牌素材的服务 https://www.crowdspring.com/brand-studio/

品牌设计通常会需要完整的设计规范和大量的辅助素材作为补充，而这个名为 Brand Studio 的服务可以根据他们事先提供的海量数据，通过算法根据你所提供的品牌、行业等信息，帮你直接生成可用的品牌设计素材，各种不同功用的免费模板，包括商业提案、发票、传单模板、演示文稿模板等等等等。

100 款超级好用的按钮样式 CSS https://ui-buttons.web.app/

这是一个包含有 100 种截然不同的按钮的 CSS 代码，它所提供的这些素材并不只是静态的样式，还包含有各种个样的动画效果，方便设计师和开发者直接一键使用。当你选好感兴趣的样式之后，点击进去，直接复制这个按钮对应的 CSS 和 HTML 代码，相当方便了。

成长路上有踩过坑，有平平坦坦，也有收获的高光时刻，本篇文章将分享我这 7 年的设计工作与成长历程，分享我在其中的心得感悟，希望能与你共勉～ [link ...

成长路上有踩过坑，有平平坦坦，也有收获的高光时刻，本篇文章将分享我这 7 年的设计工作与成长历程，分享我在其中的心得感悟，希望能与你共勉～

毕业一年从小公司到天猫设计师，我是如何快速成长的？ 编者注：一个非科班的毕业生，用一年时间从创业公司跃升至天猫设计师，这一年时间他用哪些方法驱动自己，有哪些让他快速成长的学习方法？

阅读文章 >

在一线城市漂泊，最不差的大概就是焦虑感，年龄的焦虑、性别的焦虑、未来的焦虑，尤其每天身边、网络中都可以看到很多优秀的存在与新起，为了解这些优秀的存在，以我自身视角，大致把他们划分为三类人群：1、遥不可及的高峰；2、可复用能量的榜样；3、未来的自己；究其根本，我焦虑的所在是希望能够通过借鉴榜样的力量成就未来更好的自己。

我，一名处于 30+阶段的在职 UI 设计，也更希望能通过一些知识、经验的沉淀与积累，达到职场、生活双得意的美好愿景，过程中难免有急功近利的时候，也有踩坑放弃，或迷茫质疑的时刻，因此以本篇记录下我的经历感悟，若你正在面对同样的问题，希望你能从中收获一些解决的灵感与思路，参考使用。

自我觉醒有七个阶段：动物本能、自我反思、管控情绪、知行合一、专注忘我、利他之心以及开悟觉醒，这个过程其实就是心智不断提升的过程，也是正视自己本身、进阶提升的过程。

如此回顾我过去几年的大部分时间都只是遵循了本能去行动，即便知道要反思、管控与知行合一，但也会潜意识偷懒，只做到流水账似反思，负罪式谴责和 flag 立了又倒的程度。

想要避坑上述状况，我们可以结合设计产品的思维，去设计属于自己的曲线人生，那就需要先明确提升目的与方向，做好规划安排，再去实践中验证，找出适合自己的成长之路，这个过程中我们也需要保持正向的心态，给予我们前行的动力。

1. 定目标 做主动成长者，有针对性的学习，这是关键的第一步，反思以往囤课、零散学习的“绕路”经历，制定有效的目标更能为我之后的行动指明方向，并且成为一种对齐标杆，避免中途偏离太远；

（1）什么是有效目标？

有效目标基于 SMART 法则理念，具有清晰、明确、可量化、强相关以及时限性这五个特点，是那些你完成之后可以勾掉，并有收获正向价值的结果，即罗列 todolist 清单，例如：今天五点之前产出一版 XX 项目首页风格设计方案，对接 XX 负责人以待提案审核；

（2）如何制定有效目标？

赖德·卡罗尔的《子弹笔记》这本书中就有提到目标的设定方法，有效目标可以分为长期目标、短期目标、执行目标及停顿目标；

长期目标

选择周期：根据自己所处的人生阶段，选择周期时长，可以是五年、十年，也可选择一年、三年，我是以 3 年为一个长周期；

过去 3 年：首先罗列出过去 3 年内，我经历的高光时刻，例如职场中的收获成长、生活经历的趣事见闻等；

3 年以后：然后重启一张新的清单，罗列 3 年后我希望记录下哪些内容，按优先级排序，从中选出一个最主要的目标，以一个专注点去全身心投入；

温馨提示：长期目标需要对应场景预期，让自己憧憬并有动力去实现，例如 3 年后我要成为行业中的设计专家、拥有圈层影响力，那达成之后我要做什么事情呢？是要积累人脉实现地理自由，还是进行知识讲座等，为目标设立完成标志与应用场景。

短期目标

也叫分解冲刺目标，即短时间内完成的单个小目标，传统阶段目标会随着时间的拉长，动力逐渐下降；而把目标分解为多个独立的冲刺目标，如此就可以在一定程度上保持动力的输出与激活，增加目标完成的几率；

例如图中我的进度一般为三周发表一篇设计类文章，其中从选题到书写再到最后的发布，每一项都是可行的冲刺目标；

短期目标设立原则有三：

从简单的开始，让自己能快速入门上手； 步骤清晰可行，如发表文章的时间流程，先通过网络搜索或请教有经验的前辈，了解做一件事需要哪些步骤，再制定短期冲刺目标； 短期内完成，常规设定为 1-2 周左右，最长也要控制在一个月内，超过的则需要继续拆解细分，避免时间太长而消耗自己的意志力。 温馨提示：短期目标可以让我们在单独的小目标阶段中保持一定的动力输出，并在进行下一个独立小目标时可以快速激活状态；同理在设计项目中，也可以具有“最小可交付”的思维，短期内先产出目标 1.0 版本，在实践中总结经验，再进行优化迭代的循环过程，即先完成再完美。

执行目标

执行目标就是把独立目标再细分，具体到日期、时间、时长为记录，即每天的 todolist 来源；

例如 7 月 1 日，浏览内容源网站，记录 10 个备选主题，预计总用时 1 小时；7 月 2 日，优选 2-3 个主题，记录主题来源，预计用时 1 小时；等等。

我们每一天都会存在一些不确定性，比如工作上的突发事项、任务安排变动等，当遇到自己的目标实际完成时间与计划不一样，该怎么办呢？

这里我们就可以善用截止日期这个设定，以它为验收成果与暂停反思的时间点，思考这个目标是否还值得继续，是否给自己或他人带去价值，之前完成的进度、效率如何，还有没有改进与调整的空间，为后续目标进行优化与及时止损。

温馨提示：细分到每日待办的事项中要与自己的年度目标相关联，若充斥了大部分的紧急临时待办，那么就需要自查进行目标调整啦！以截止日期为一个验收时间点，暂停反思可以让自己更明确目标的可行程度与价值，为后续优化提供助益，也能及时止损，减少踩坑几率。

停顿目标

设计类工作很多时候需要灵感，它区别于其他可被周密安排的事项，例如学习一门课，我们可以详细计划如何去听课、如何记笔记等，但设计一个项目方案时则需要灵感爆发的支持，如果卡在瓶颈期或没有灵感时，我就会快速制定停顿目标，即与主目标无关，短期且独立，能够为自己带来成就感的小事，例如做手账排版与记录，与家人一起出门散散步，下班去超市购买喜欢的食材等日常生活中会做的事情；

制定停顿目标需要明确以下 4 个点：

短时间可做，例如 1-2 个小时就可以完成的事； 容易完成，提升自信心，如收拾书桌、整理衣橱、更换床单用品等，都是可以让自己获得舒适与开心的事； 与困扰自己的主目标无关，短暂的抽离，以新的视角与思维获取灵感； 停顿目标可随主目标进行或大或小的调整，停顿目标过大时也需要细化拆分，逐一完成即可； 温馨提示：停顿目标只是作为环境与思维的抽离，让自己能换个新的视角，适当放松一下，所以无需太大压力或周密计划，小到去买个菜、享受一个下午茶都是可以哒～

2. 列规划 有了目标与方向，我们还需要具体执行的内容，首先进行能力梳理，即我们需要具备哪些能力才能更好的达成有效目标；

这里以 UI 设计师 的能力模型为例，可分为 3 大类：

基础的模型框架仅是范围的概念参考，还需结合市场的实际需求去对标具体能力，关于市场的实际需求，最直观的方式就是搜索招聘网站，精选 5 家最想去的公司，找到岗位的招聘信息，汇总其中的能力关键点；筛选其中自己不具备的能力或弱项，针对性的补充提升。

其次就是确定学习提升的途径：

（1）自主学习

如果自己有足够的专注力与明确的方向计划，可以优选第一种途径，它可以让我们对目标有个基础认知，并能低成本快速试错，方便调整优化，或及时止损；

自主学习的方式有很多种，我们可以通过阅读专业类书籍沉淀理论基础，通过设计分享会、大厂公众号文章进行学习，还可通过一些社群、赛事活动提升自己的技能与项目沉淀，方法很多，通过实践精选几个适合自己的方式就可，然后就是交给时间去见证成果了。

（2）寻求指导

当迷茫没有目标的时候，寻找一位导师，跟着课程的知识体系，按进度去学习也是一个常见且高效的方式，寻求专业指导的前提是我们需要筛选对比，通过授课老师的资历背书、讲课方式、收获内容等方面，找出适合自己的课程体系，进行系统学习。

温馨提示：切忌贪多，行业瞬息万变，就像女生总觉得自己的衣橱里少那么一件衣服似的，我们在提升的迫切渴望中也总觉得自己缺乏很多，想学的、需要学的也很多，此时仍需要我们按捺一下躁动的内心，一个类目只精选一门即可，只要认真对待，通过体系的学习我们至少可以算是“师傅领进门”，掌握了基础理论与技法，剩下的就是“修行在个人”，需要日后在工作中通过真实项目、经历去检验、不断沉淀的过程。

3. 去践行 不要在没有行动与经历的情况下为自己先设定“不行”的限制，我们把目标由大拆解细分到一个个小点，也是为了能够快速明确的上手去做；践行过程中除行动本身，我们还需要做好 2 点：

（1）阶段复盘

阶段复盘可以看作是一种自我调节机制，在践行过程中定期反思，通过反思审视自己，让我们从目标计划本身抽离，以旁观视角思考周身的事情及其价值，是一个自己跟自己学习的过程，看清问题真相，避免重复犯错。

那如何进行复盘呢？这里我分享我学到的 3 个复盘模版，工具仅供参考，适不适合还是要结合自身去应用才可！

（2）奖励机制

必要的正向反馈与鼓励，也是项目执行过程中必不可少的一环；

正如我们对游戏的痴迷，也是因为每次通关的成就感、获得的装备奖励等，让自己充满信心与激情；同样的心理应用到我们的规划体系中，我们可以尝试让它变得很有趣，例如把每个阶段、每个项目比作一个关卡，当成功通关时，可以给予自己夸赞鼓励，提升大脑潜意识的满足感；也可以通过一顿美食犒劳自己，当完成一个中级/满级目标的时候，奖励自己一场说走就走的旅行，都是很棒的方式，给予自己一定的放松享受时光，还能开拓视野，从中收获更多其他有价值的存在。

温馨提示：只有正视自己，不断的激励自己，才有满满的动力去迎接想要的未来～

4. 正心态 心态 1: 勇于试错

只要朝着目标深耕，大胆尝试，允许犯错，这是很重要的心态之一；

因为我自己吃过几次反复犹豫而错失良机的亏，所以现在但凡有想法，有下一步要做什么的指向，我会优先选择去做，这样的本质原因就一个“不让想法落空”；

我所理解的面对新挑战或机遇时，我们需要以成长型思维去认知自己、观察新事物，尝试接触了解，然后在倾心经历、记录实际行动所获后，客观分析这个事物给予我们的结果，再以批判性思考去全面认知它，包括重新审视自身的优点与不足，认知自己的极限点，接受未知、坦然面对，最后思考下一个阶段可行的提升优化方案，不断提炼属于自己的运行体系，而非再度陷入否定/肆意放纵的僵局。

与其询问他人“我能去做/去学 XX” “我还来得及改变吗？”之类的话题，何不多关注“我想达成 XX 目标，目前我拥有哪些相关能力，还需要补充什么，如何有效补充……”然后落实到实践中去反复验证、优化迭代；

温馨提示：简单来想，勇于试错的底层逻辑是：全力以赴的行动 – 出现问题 – 拆解分离 – 多选择方案 – 逐一践行 – 反复检验 – 达成目标 – 复盘反思 – 复用/沉淀知识体系，化繁为简，这是一个循环的过程。

心态 2：长期主义

“罗马不是一日建成的”，在我们的人生中，会经历不同的阶段、有不同的愿景与目标，我们想要成长与提升，需要沉下心来脚踏实地的干事儿，经过长期的积累与沉淀，拥有扎实的基础与核心竞争力，才能带领自己突破每一个瓶颈，达成所愿；

心态 3：利他复利

利他即自己掌握的知识能力能够帮助到他人，复利是努力使一件事物按指数增长的一种思维方式，这两种思维都有一个普通人可以马上开始且时间增值最快速的起步方式 — 分享；

通过输出倒逼输入、输入促进输出的循环模式进行分享，把简单的事情反复做，反复的事情认真做，逐步建立影响力，只要一直在场，有效进行，就有机会获得翻倍成果，不论是自身、团队或者被影响到的其他人。

我们总会在某些时候，对于过去自己所做的决定有所后悔或遗憾，想象着“如果当时我做了别的选择……”，但幻想终归是“如果”的假设，我没有时光机可以倒退回去，索性就总结了过去的成长误区，以对标现在的行动，时时警醒自己，以避免重复遗憾的发生。

误区一：沉迷知识付费

我最“疯狂”的时期大概就是 20 年与 21 年，在这之前的几年虽也有报课学习，但数量有所控制并且只注重在设计领域，例如交互、C4D、UI 进阶等；

近两年伴随着疫情影响，学习思维的转变，我开始拓展了其他方面的知识接触，包括参加读书会、线下讲座、理财课、手账等一切我喜欢、觉得不错的内容，这样的情况下往往会出现两种问题：

囤货式学习

不管三七二十一，只要自己觉得有用，就“囤”，然后根据开课日期及上课时间安排去学，我记得曾经有一年是 4 月底体验完 python 的 7 天入门后，报名正式课，并选择了延期 9 个月直到次年 2 月才开始，结果到了快开课的时候，我发现自己短期内又安排了其他“不错”的课，无奈只能同时进行，但也总有取舍，而 python 就是被我暂时舍掉的那一个，舍弃原因定的是“暂时用不到”，然后慢慢失去热情与动力，也就不了了之了；

并且囤货式学习总会让自己处于忙乱、被动之中，形成逆反心理；

我先浅算了下 20 年-21 年报名学习的课程数量，分别为 20 年 17 门，21 年 26 门，这还不算额外赠送的一些福利课，这些课程安排让我除去必要的工作时间外，基本全部“奉献”给了书桌这一亩三分地，平均最多时一个月有 2-3 门同步并行的课，能穿插就穿插学，有重叠的部分就做下取舍，然后再找其他时间补回来，大量减少了社交、娱乐活动，这期间让我出现了“报复性娱乐”、“阶段性摆烂”等状况。

零散且皮毛

没有明确系统的课程类目，仅靠喜欢、想学、觉得有用而囤，面临的第二个问题就是知识零散且皮毛，我基本上是学完设计理论，接着学理财，穿插练瑜伽，时不时还会整两句英文练一练，每门课程都只是阶段性了解了体系结构的一小部分，却忽略了深挖根本，与形成完整的体系闭环；到面对每一个可能的机会点时，总会后知后觉的想自己好像没有什么拿得出手的作品。

误区二：学 = 会？

“糟糕的坚持，也好过什么都没做”，每当我遇到课时撞车或者慵懒因子冒头时，我总会抱着这个想法，然后采取的行动之一竟是一心二用，比如慵懒因子冒头的时候，我会进入课程直播，当作背景音乐播放，偶尔也会参与群内互动，听的过程中伴随”啊，原来如此“或者“这个我知道”的感叹，结束课程后就会觉得自己基本掌握了这个课程内容，大概率也不会再回看复习呀，或者记录笔记等等；

如此也忽略了学后的实践与应用掌握，待到下次再进入类似的课程学习时，又会旧景重现的发出同样的感叹，似曾相识的感觉，或许会令自己尴尬的回想到上次的课程，或许也就一笑而过了。

误区三：早晚用得上

不论知识或灵感，先码住收藏的心理，让我的收藏夹明明上千的干货、素材，但每到项目的时候自己仍会重新检索，这种循环除了让自己的本地存储负担更大，也起不到知识的本来价值；

除了狗熊掰棒子似的遗忘，或回归“填鸭式学习”的泥沼，早晚用的上这个想法使得这些内容于我而言只空有其表，也渐渐迷失了自己的初衷，忽略问题的存在，进入恶性循环的状态。

总会有一个契机促使我们发生改变，这也是自我觉醒的前提；我是从意识到焦虑带给我的影响开始，不再接受“摆烂”与“躺平”，选择一条对我来说具有挑战的道路；

在初期的启航之旅中，我确定了属于自己的有效目标，拆解罗列规划方案，并且仍在不断进行挑战的过程中，以上提到的方法与技巧都是亲测有效的内容，希望看到的你能从中收获灵感，选择适合自己的方法进行改变与提升。

最后分享我很喜欢的一句话：

不要过度拘泥于曾经的得失，而是要享受当下，放眼未来，才能成为自己想成为的那个人，最终心成事享！

加油吧～设计师们～

声明：图中 3D 插画素材来自 Ouch!

成长路上有踩过坑，有平平坦坦，也有收获的高光时刻，本篇文章将分享我这 7 年的设计工作与成长历程，分享我在其中的心得感悟，希望能与你共勉～ [link ...

成长路上有踩过坑，有平平坦坦，也有收获的高光时刻，本篇文章将分享我这 7 年的设计工作与成长历程，分享我在其中的心得感悟，希望能与你共勉～

毕业一年从小公司到天猫设计师，我是如何快速成长的？ 编者注：一个非科班的毕业生，用一年时间从创业公司跃升至天猫设计师，这一年时间他用哪些方法驱动自己，有哪些让他快速成长的学习方法？

阅读文章 >

在一线城市漂泊，最不差的大概就是焦虑感，年龄的焦虑、性别的焦虑、未来的焦虑，尤其每天身边、网络中都可以看到很多优秀的存在与新起，为了解这些优秀的存在，以我自身视角，大致把他们划分为三类人群：1、遥不可及的高峰；2、可复用能量的榜样；3、未来的自己；究其根本，我焦虑的所在是希望能够通过借鉴榜样的力量成就未来更好的自己。

我，一名处于 30+阶段的在职 UI 设计，也更希望能通过一些知识、经验的沉淀与积累，达到职场、生活双得意的美好愿景，过程中难免有急功近利的时候，也有踩坑放弃，或迷茫质疑的时刻，因此以本篇记录下我的经历感悟，若你正在面对同样的问题，希望你能从中收获一些解决的灵感与思路，参考使用。

自我觉醒有七个阶段：动物本能、自我反思、管控情绪、知行合一、专注忘我、利他之心以及开悟觉醒，这个过程其实就是心智不断提升的过程，也是正视自己本身、进阶提升的过程。

如此回顾我过去几年的大部分时间都只是遵循了本能去行动，即便知道要反思、管控与知行合一，但也会潜意识偷懒，只做到流水账似反思，负罪式谴责和 flag 立了又倒的程度。

想要避坑上述状况，我们可以结合设计产品的思维，去设计属于自己的曲线人生，那就需要先明确提升目的与方向，做好规划安排，再去实践中验证，找出适合自己的成长之路，这个过程中我们也需要保持正向的心态，给予我们前行的动力。

1. 定目标 做主动成长者，有针对性的学习，这是关键的第一步，反思以往囤课、零散学习的“绕路”经历，制定有效的目标更能为我之后的行动指明方向，并且成为一种对齐标杆，避免中途偏离太远；

（1）什么是有效目标？

有效目标基于 SMART 法则理念，具有清晰、明确、可量化、强相关以及时限性这五个特点，是那些你完成之后可以勾掉，并有收获正向价值的结果，即罗列 todolist 清单，例如：今天五点之前产出一版 XX 项目首页风格设计方案，对接 XX 负责人以待提案审核；

（2）如何制定有效目标？

赖德·卡罗尔的《子弹笔记》这本书中就有提到目标的设定方法，有效目标可以分为长期目标、短期目标、执行目标及停顿目标；

长期目标

选择周期：根据自己所处的人生阶段，选择周期时长，可以是五年、十年，也可选择一年、三年，我是以 3 年为一个长周期；

过去 3 年：首先罗列出过去 3 年内，我经历的高光时刻，例如职场中的收获成长、生活经历的趣事见闻等；

3 年以后：然后重启一张新的清单，罗列 3 年后我希望记录下哪些内容，按优先级排序，从中选出一个最主要的目标，以一个专注点去全身心投入；

温馨提示：长期目标需要对应场景预期，让自己憧憬并有动力去实现，例如 3 年后我要成为行业中的设计专家、拥有圈层影响力，那达成之后我要做什么事情呢？是要积累人脉实现地理自由，还是进行知识讲座等，为目标设立完成标志与应用场景。

短期目标

也叫分解冲刺目标，即短时间内完成的单个小目标，传统阶段目标会随着时间的拉长，动力逐渐下降；而把目标分解为多个独立的冲刺目标，如此就可以在一定程度上保持动力的输出与激活，增加目标完成的几率；

例如图中我的进度一般为三周发表一篇设计类文章，其中从选题到书写再到最后的发布，每一项都是可行的冲刺目标；

短期目标设立原则有三：

从简单的开始，让自己能快速入门上手； 步骤清晰可行，如发表文章的时间流程，先通过网络搜索或请教有经验的前辈，了解做一件事需要哪些步骤，再制定短期冲刺目标； 短期内完成，常规设定为 1-2 周左右，最长也要控制在一个月内，超过的则需要继续拆解细分，避免时间太长而消耗自己的意志力。 温馨提示：短期目标可以让我们在单独的小目标阶段中保持一定的动力输出，并在进行下一个独立小目标时可以快速激活状态；同理在设计项目中，也可以具有“最小可交付”的思维，短期内先产出目标 1.0 版本，在实践中总结经验，再进行优化迭代的循环过程，即先完成再完美。

执行目标

执行目标就是把独立目标再细分，具体到日期、时间、时长为记录，即每天的 todolist 来源；

例如 7 月 1 日，浏览内容源网站，记录 10 个备选主题，预计总用时 1 小时；7 月 2 日，优选 2-3 个主题，记录主题来源，预计用时 1 小时；等等。

我们每一天都会存在一些不确定性，比如工作上的突发事项、任务安排变动等，当遇到自己的目标实际完成时间与计划不一样，该怎么办呢？

这里我们就可以善用截止日期这个设定，以它为验收成果与暂停反思的时间点，思考这个目标是否还值得继续，是否给自己或他人带去价值，之前完成的进度、效率如何，还有没有改进与调整的空间，为后续目标进行优化与及时止损。

温馨提示：细分到每日待办的事项中要与自己的年度目标相关联，若充斥了大部分的紧急临时待办，那么就需要自查进行目标调整啦！以截止日期为一个验收时间点，暂停反思可以让自己更明确目标的可行程度与价值，为后续优化提供助益，也能及时止损，减少踩坑几率。

停顿目标

设计类工作很多时候需要灵感，它区别于其他可被周密安排的事项，例如学习一门课，我们可以详细计划如何去听课、如何记笔记等，但设计一个项目方案时则需要灵感爆发的支持，如果卡在瓶颈期或没有灵感时，我就会快速制定停顿目标，即与主目标无关，短期且独立，能够为自己带来成就感的小事，例如做手账排版与记录，与家人一起出门散散步，下班去超市购买喜欢的食材等日常生活中会做的事情；

制定停顿目标需要明确以下 4 个点：

短时间可做，例如 1-2 个小时就可以完成的事； 容易完成，提升自信心，如收拾书桌、整理衣橱、更换床单用品等，都是可以让自己获得舒适与开心的事； 与困扰自己的主目标无关，短暂的抽离，以新的视角与思维获取灵感； 停顿目标可随主目标进行或大或小的调整，停顿目标过大时也需要细化拆分，逐一完成即可； 温馨提示：停顿目标只是作为环境与思维的抽离，让自己能换个新的视角，适当放松一下，所以无需太大压力或周密计划，小到去买个菜、享受一个下午茶都是可以哒～

2. 列规划 有了目标与方向，我们还需要具体执行的内容，首先进行能力梳理，即我们需要具备哪些能力才能更好的达成有效目标；

这里以 UI 设计师 的能力模型为例，可分为 3 大类：

基础的模型框架仅是范围的概念参考，还需结合市场的实际需求去对标具体能力，关于市场的实际需求，最直观的方式就是搜索招聘网站，精选 5 家最想去的公司，找到岗位的招聘信息，汇总其中的能力关键点；筛选其中自己不具备的能力或弱项，针对性的补充提升。

其次就是确定学习提升的途径：

（1）自主学习

如果自己有足够的专注力与明确的方向计划，可以优选第一种途径，它可以让我们对目标有个基础认知，并能低成本快速试错，方便调整优化，或及时止损；

自主学习的方式有很多种，我们可以通过阅读专业类书籍沉淀理论基础，通过设计分享会、大厂公众号文章进行学习，还可通过一些社群、赛事活动提升自己的技能与项目沉淀，方法很多，通过实践精选几个适合自己的方式就可，然后就是交给时间去见证成果了。

（2）寻求指导

当迷茫没有目标的时候，寻找一位导师，跟着课程的知识体系，按进度去学习也是一个常见且高效的方式，寻求专业指导的前提是我们需要筛选对比，通过授课老师的资历背书、讲课方式、收获内容等方面，找出适合自己的课程体系，进行系统学习。

温馨提示：切忌贪多，行业瞬息万变，就像女生总觉得自己的衣橱里少那么一件衣服似的，我们在提升的迫切渴望中也总觉得自己缺乏很多，想学的、需要学的也很多，此时仍需要我们按捺一下躁动的内心，一个类目只精选一门即可，只要认真对待，通过体系的学习我们至少可以算是“师傅领进门”，掌握了基础理论与技法，剩下的就是“修行在个人”，需要日后在工作中通过真实项目、经历去检验、不断沉淀的过程。

3. 去践行 不要在没有行动与经历的情况下为自己先设定“不行”的限制，我们把目标由大拆解细分到一个个小点，也是为了能够快速明确的上手去做；践行过程中除行动本身，我们还需要做好 2 点：

（1）阶段复盘

阶段复盘可以看作是一种自我调节机制，在践行过程中定期反思，通过反思审视自己，让我们从目标计划本身抽离，以旁观视角思考周身的事情及其价值，是一个自己跟自己学习的过程，看清问题真相，避免重复犯错。

那如何进行复盘呢？这里我分享我学到的 3 个复盘模版，工具仅供参考，适不适合还是要结合自身去应用才可！

（2）奖励机制

必要的正向反馈与鼓励，也是项目执行过程中必不可少的一环；

正如我们对游戏的痴迷，也是因为每次通关的成就感、获得的装备奖励等，让自己充满信心与激情；同样的心理应用到我们的规划体系中，我们可以尝试让它变得很有趣，例如把每个阶段、每个项目比作一个关卡，当成功通关时，可以给予自己夸赞鼓励，提升大脑潜意识的满足感；也可以通过一顿美食犒劳自己，当完成一个中级/满级目标的时候，奖励自己一场说走就走的旅行，都是很棒的方式，给予自己一定的放松享受时光，还能开拓视野，从中收获更多其他有价值的存在。

温馨提示：只有正视自己，不断的激励自己，才有满满的动力去迎接想要的未来～

4. 正心态 心态 1: 勇于试错

只要朝着目标深耕，大胆尝试，允许犯错，这是很重要的心态之一；

因为我自己吃过几次反复犹豫而错失良机的亏，所以现在但凡有想法，有下一步要做什么的指向，我会优先选择去做，这样的本质原因就一个“不让想法落空”；

我所理解的面对新挑战或机遇时，我们需要以成长型思维去认知自己、观察新事物，尝试接触了解，然后在倾心经历、记录实际行动所获后，客观分析这个事物给予我们的结果，再以批判性思考去全面认知它，包括重新审视自身的优点与不足，认知自己的极限点，接受未知、坦然面对，最后思考下一个阶段可行的提升优化方案，不断提炼属于自己的运行体系，而非再度陷入否定/肆意放纵的僵局。

与其询问他人“我能去做/去学 XX” “我还来得及改变吗？”之类的话题，何不多关注“我想达成 XX 目标，目前我拥有哪些相关能力，还需要补充什么，如何有效补充……”然后落实到实践中去反复验证、优化迭代；

温馨提示：简单来想，勇于试错的底层逻辑是：全力以赴的行动 – 出现问题 – 拆解分离 – 多选择方案 – 逐一践行 – 反复检验 – 达成目标 – 复盘反思 – 复用/沉淀知识体系，化繁为简，这是一个循环的过程。

心态 2：长期主义

“罗马不是一日建成的”，在我们的人生中，会经历不同的阶段、有不同的愿景与目标，我们想要成长与提升，需要沉下心来脚踏实地的干事儿，经过长期的积累与沉淀，拥有扎实的基础与核心竞争力，才能带领自己突破每一个瓶颈，达成所愿；

心态 3：利他复利

利他即自己掌握的知识能力能够帮助到他人，复利是努力使一件事物按指数增长的一种思维方式，这两种思维都有一个普通人可以马上开始且时间增值最快速的起步方式 — 分享；

通过输出倒逼输入、输入促进输出的循环模式进行分享，把简单的事情反复做，反复的事情认真做，逐步建立影响力，只要一直在场，有效进行，就有机会获得翻倍成果，不论是自身、团队或者被影响到的其他人。

我们总会在某些时候，对于过去自己所做的决定有所后悔或遗憾，想象着“如果当时我做了别的选择……”，但幻想终归是“如果”的假设，我没有时光机可以倒退回去，索性就总结了过去的成长误区，以对标现在的行动，时时警醒自己，以避免重复遗憾的发生。

误区一：沉迷知识付费

我最“疯狂”的时期大概就是 20 年与 21 年，在这之前的几年虽也有报课学习，但数量有所控制并且只注重在设计领域，例如交互、C4D、UI 进阶等；

近两年伴随着疫情影响，学习思维的转变，我开始拓展了其他方面的知识接触，包括参加读书会、线下讲座、理财课、手账等一切我喜欢、觉得不错的内容，这样的情况下往往会出现两种问题：

囤货式学习

不管三七二十一，只要自己觉得有用，就“囤”，然后根据开课日期及上课时间安排去学，我记得曾经有一年是 4 月底体验完 python 的 7 天入门后，报名正式课，并选择了延期 9 个月直到次年 2 月才开始，结果到了快开课的时候，我发现自己短期内又安排了其他“不错”的课，无奈只能同时进行，但也总有取舍，而 python 就是被我暂时舍掉的那一个，舍弃原因定的是“暂时用不到”，然后慢慢失去热情与动力，也就不了了之了；

并且囤货式学习总会让自己处于忙乱、被动之中，形成逆反心理；

我先浅算了下 20 年-21 年报名学习的课程数量，分别为 20 年 17 门，21 年 26 门，这还不算额外赠送的一些福利课，这些课程安排让我除去必要的工作时间外，基本全部“奉献”给了书桌这一亩三分地，平均最多时一个月有 2-3 门同步并行的课，能穿插就穿插学，有重叠的部分就做下取舍，然后再找其他时间补回来，大量减少了社交、娱乐活动，这期间让我出现了“报复性娱乐”、“阶段性摆烂”等状况。

零散且皮毛

没有明确系统的课程类目，仅靠喜欢、想学、觉得有用而囤，面临的第二个问题就是知识零散且皮毛，我基本上是学完设计理论，接着学理财，穿插练瑜伽，时不时还会整两句英文练一练，每门课程都只是阶段性了解了体系结构的一小部分，却忽略了深挖根本，与形成完整的体系闭环；到面对每一个可能的机会点时，总会后知后觉的想自己好像没有什么拿得出手的作品。

误区二：学 = 会？

“糟糕的坚持，也好过什么都没做”，每当我遇到课时撞车或者慵懒因子冒头时，我总会抱着这个想法，然后采取的行动之一竟是一心二用，比如慵懒因子冒头的时候，我会进入课程直播，当作背景音乐播放，偶尔也会参与群内互动，听的过程中伴随”啊，原来如此“或者“这个我知道”的感叹，结束课程后就会觉得自己基本掌握了这个课程内容，大概率也不会再回看复习呀，或者记录笔记等等；

如此也忽略了学后的实践与应用掌握，待到下次再进入类似的课程学习时，又会旧景重现的发出同样的感叹，似曾相识的感觉，或许会令自己尴尬的回想到上次的课程，或许也就一笑而过了。

误区三：早晚用得上

不论知识或灵感，先码住收藏的心理，让我的收藏夹明明上千的干货、素材，但每到项目的时候自己仍会重新检索，这种循环除了让自己的本地存储负担更大，也起不到知识的本来价值；

除了狗熊掰棒子似的遗忘，或回归“填鸭式学习”的泥沼，早晚用的上这个想法使得这些内容于我而言只空有其表，也渐渐迷失了自己的初衷，忽略问题的存在，进入恶性循环的状态。

总会有一个契机促使我们发生改变，这也是自我觉醒的前提；我是从意识到焦虑带给我的影响开始，不再接受“摆烂”与“躺平”，选择一条对我来说具有挑战的道路；

在初期的启航之旅中，我确定了属于自己的有效目标，拆解罗列规划方案，并且仍在不断进行挑战的过程中，以上提到的方法与技巧都是亲测有效的内容，希望看到的你能从中收获灵感，选择适合自己的方法进行改变与提升。

最后分享我很喜欢的一句话：

不要过度拘泥于曾经的得失，而是要享受当下，放眼未来，才能成为自己想成为的那个人，最终心成事享！

加油吧～设计师们～

声明：图中 3D 插画素材来自 Ouch!

周二早上好！现在你看到的是这个炎热的 7 月第最后一波干货，这一次所梳理的干货素材有一部分会更加偏向于前端和开发者，比如可以直接复制的按钮 CSS 代码素...

周二早上好！现在你看到的是这个炎热的 7 月第最后一波干货，这一次所梳理的干货素材有一部分会更加偏向于前端和开发者，比如可以直接复制的按钮 CSS 代码素材和可以直接编辑样式的 React 代码编辑器，当然也有很多东西是设计师甚至非设计从业者都能用得上好东西，比如借助机器学习直接给图片分层的插件，单独提取图片背景的工具，一次性生成品牌相关的主要素材和模板的服务，总会有那么一款素材正好是你需要的。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年7月精选实用设计干货合集 7月第1波设计干货合集来了！

阅读文章 >

第二波！2022年7月精选实用设计干货合集 现在你看到的是7月第2波设计干货合集，不过严格意义上来说，这一波完全是干货合集中的合集。

阅读文章 >

第三波！2022年7月精选实用设计干货合集 周二早上好！

阅读文章 >

下面我们具体看看这一期的干货：

优质设计素材合集分享网站 https://www.produkit.co/

如果你对于设计素材有搜集癖，或者正在寻找高素质的设计素材，那么这个名为 Produkit 的网站一定要收藏一下，这个网站的内容筛选核心是素质，他们会尽可能选择足够优质的最新设计素材，其中相当一部分都是付费的，不过通常价格不会太高，相应的，其中免费的素材的素质也大都是非常过硬的。

图片放大提升清晰度+优化 APP https://apps.apple.com/us/app/alto-ai-photo-enhancer/id1634488334

和以往所提供的工具不同，这个名为 Alto AI 的工具是一个移动端的 APP，你可以直接在自己的手机上将素质不佳的照片的效果直接提升起来。这个 APP 有 iOS 的版本也有 Android 的版本，完全免费。相信有很多同学有类似的需求，可以下载下来体验一下。

React 组件的可视化编辑器 https://aspect.app/

这个名为 Aspect 的工具也是为了最大程度地降低设计和开发的难度而诞生的工具，它本身是一个可以直接编辑 React 控件的编辑器，但是为了更加贴合大家的使用场景和需求，你可以直接直接在其他网页中找到你感觉可以用的空间，直接复制粘贴就能在这个编辑器当中进行处理了，当然它还支持直接导入 React 和 HTML 代码来进行编辑，不过最近他们还加入了将 Figma 控件直接转化为可用的 React 控件的功能，随后还会支持 Sketch 和 Adobe XD。

从图片中快速提取背景的工具 https://extractbg.com/

不得不说，用了那么多去背景的工具，从来没想过这个事儿反过来一样也非常有用。当你发现一张非常漂亮的图片，但是前景的人物或者元素你不需要的话，可以使用这个名为 Extract Bg 的服务，将前景的元素干掉，直接生成可以随便哪里都能用的背景图。这个工具和各种去背景的设计服务简直是绝配。

超智能的图片素材分层处理插件 https://www.figma.com/community/plugin/1123355421740529204/ClipDrop

和上一个服务截然不同的地方在于，这个立足于 Figma 的图片处理插件 ClipDrop 干脆就借助 AI 算法，直接把图片本身的前后景素材全部拆分开来，想用前景的素材就用前景的，想把背景拿走就把背景拿走，按需取用，可以说是非常自由了。当然你也可以当之前的那些去背景或者去前景元素的工具一样使用。

一键生成所有控件样式列表的插件 https://www.figma.com/community/plugin/1116018586739867857

随着今年 Figma 追加了「组件属性」这个功能之后，设计师在设置每个组件的状态的时候就更加方便了，不过在有的时候，还是需要将控件的不同样式和状态都罗列出来，在对接的时候可以更加直观地看到，而且你还可以根据需求改变这个表单的呈现方式、优先级排列等等。

根据LOGO自动生成品牌素材的服务 https://www.crowdspring.com/brand-studio/

品牌设计通常会需要完整的设计规范和大量的辅助素材作为补充，而这个名为 Brand Studio 的服务可以根据他们事先提供的海量数据，通过算法根据你所提供的品牌、行业等信息，帮你直接生成可用的品牌设计素材，各种不同功用的免费模板，包括商业提案、发票、传单模板、演示文稿模板等等等等。

100 款超级好用的按钮样式 CSS https://ui-buttons.web.app/

这是一个包含有 100 种截然不同的按钮的 CSS 代码，它所提供的这些素材并不只是静态的样式，还包含有各种个样的动画效果，方便设计师和开发者直接一键使用。当你选好感兴趣的样式之后，点击进去，直接复制这个按钮对应的 CSS 和 HTML 代码，相当方便了。

编辑导语：本篇文章作者就2022年IAA行业品类发展进行分析报告，具体分析了IAA行业发展的情况以及重点IAA品类分析，最后再进行行业总结，一起来学习一下吧。 易观分析：易观分析联合穿山甲与巨量算数共同构建IAA发展指数，通过行业规模、内容热度、商业变现的多维

编辑导语：本篇文章作者就2022年IAA行业品类发展进行分析报告，具体分析了IAA行业发展的情况以及重点IAA品类分析，最后再进行行业总结，一起来学习一下吧。

易观分析： 易观分析联合穿山甲与巨量算数共同构建IAA发展指数，通过行业规模、内容热度、商业变现的多维数据指标反映行业细分品类的发展情况，对领域季度运行情况、热门品类进行分析解读，助力开发者深入洞察领域特性和发展趋势，把握IAA生态机遇。

IAA行业品类发展洞察系列报告共计四期，覆盖2022全年。本期报告基于2022年4至6月的数据对行业二季度表现进行研究。

一、IAA行业发展分析 第二期IAA发展指数显示，游戏行业在本季度周期性回落，内容向品类实现排名跃升。

在游戏领域中，合成、模拟经营、消除三大品类排名居高，作为经典玩法表现出更强的抗周期性，值得开发者关注。并且，这三大游戏品类偏休闲向，具备研发周期短、门槛低的特点，也更易以微创新吸量。 内容向品类中，短视频平台、在线阅读、长视频平台的IAA发展指数位居前三位。其中，短视频平台仍是移动互联网内容流量聚集地，其广告变现潜力在本期得到进一步释放，IAA发展指数排名大幅提升至第一。 工具型品类中，运动健身迎来需求增长期，其广告变现收入及CPM数据呈现持续增长趋势，在行业发展及商业化方面均表现出高潜力。 基于指数表现、开发门槛、行业趋势等多重因素，本期选取 模拟经营类游戏、消除游戏、合成游戏、运动健身 四大品类进行深入分析。

二、重点IAA品类分析 ①模拟经营类游戏

在市场集中度低、玩法热度高的背景之下，赛道持续跑出黑马。稳定的用户粘性、高留存率、丰富的变现场景均为其商业化变现提供了有力保障。开发者团队可以通过简化、加快经营循环和探索玩法融合打造产品差异点。

②消除游戏

具备高国民度，在游戏行业中表现稳健，且广告请求量、收入等多项指标仍在波动上涨。由于头部产品地位稳固，开发者可以通过微创新和激励体系设计增加产品吸引力、提升用户粘性。

③合成游戏

内容方面，基于题材与合成过程吸引用户，带动品类内容指数在二季度实现增长。在行业的发展趋势下，开发者可重点关注“合成+”融合玩法。由于激励视频为主要广告样式，开发者需要结合其他副玩法的激励体系合理设计变现场景。

④运动健身

在社会意识、宏观政策等利好之下，线上运动常态化，促使运动健身行业的活跃用户规模及粘性稳中有升。作为成熟赛道，开发者可以围绕产品功能优化、运动内容引入、社区互动建设及激励体系设计增强产品竞争力与商业化能力。

1. 模拟经营类游戏 模拟经营游戏IAA指数位居第九。品类商业化表现优秀，请求量和收益水平位居前五；其行业、内容指数表现相较于上一期均有所提升。

1）品类发展概况

行业表现： 模拟经营作为常青游戏品类，产品数量持续增长。赛道百花齐放但市场集中度较低，对于新开发团队而言更易进入。 用户粘性： 根据易观千帆数据，2022年以来模拟经营游戏的人均启动次数和使用时长总体保持在约15次和2.5小时的水平。头部游戏的活跃用户30日留存率可达40%以上。 内容热度： 二季度抖音平台中模拟经营游戏相关视频播放量稳定在百万级别，同比增长显著；评论、分享等多项互动数据实现同比上涨。 广告变现： 穿山甲数据显示，模拟经营品类的广告收益稳定在Top 3。同时，自2022年2月以来，模拟经营游戏的广告请求量呈现波动上涨趋势，变现能力仍在持续提升。 2）产品开发设计

（1）玩法扫描： 传统模拟经营游戏重视资源规划；超休闲品类在核心玩法上简化操作，加快循环扩张过程。产品设计的要点在于构建合理的经济循环体系，让玩家不断达成目标、实现扩张，产生成就感。

（2）立项与开发建议： 新入局开发团队可以从简化模拟经营和品类融合方向切入，在核心玩法轻度化的同时通过结合副玩法提升用户活跃及留存。根据当前的市场红利和新游表现，放置、益智、策略及卡牌等融合玩法类型值得关注。

3）广告变现设计

（1）广告样式占比

根据穿山甲数据，模拟经营类游戏主要广告样式为激励视频，新插屏次之。iOS端的激励视频收益占比高于Android端。

4）广告场景设置

模拟经营手游市场上较为通用的广告场景及变现情况如下，开发者可结合游戏玩家使用行为进行广告场景的设置及进一步优化，最大化提升收益空间。

2. 消除游戏

消除游戏本期IAA发展总指数排名第十，内容指数呈逐月上升态势；商业化方面，消除游戏品类的请求量与收益水平居Top 10，在游戏行业中仅次于模拟经营。

1）品类发展概况

用户规模： 消除类游戏受众群体广泛，用户量级巨大。根据易观千帆数据，其月度活跃用户规模保持在1.23亿以上，且活跃人数领域渗透率持续增长。 行业格局： 消除类游戏发展成熟，头部产品渗透率超五成。在底层核心玩法稳定、简单消除占据大量市场的背景下，“消除+模拟”、“消除+任务激励”等方向产品开始涌现。 用户粘性： 消除游戏人均使用时长在休闲游戏领域中位列第一，呈增长趋势。留存方面，Top级消除游戏的活跃用户7日留存率为45%-65%，30日留存多分布在30%-55%之间。 商业化： 根据穿山甲数据，消除游戏的广告请求量、收入等多项指标呈现明显的波动上涨态势，品类未来表现可期。 2）产品开发设计

（1）玩法扫描

①简单消除是主要品类，其中交换、点消相对最为主流。

②消除融合玩法逐渐丰富，以提高用户黏性、形成强留存。

（2）立项与开发建议： 根据玩法热度和开发门槛，开发者可以选择简单交换、点消或休闲向融合玩法进行布局。

3）广告变现设计

（1）广告样式收益占比

消除游戏广告变现同样以激励视频为主，占比超过七成，新插屏、banner 、信息流等样式构成补充。

（2）广告场景设置

消除类游戏闯关属性强，主要围绕关卡相关场景和道具获取设计广告。

3. 合成游戏

合成游戏抖音平台相关内容的播放、点赞、评论、分享数据同比涨幅均位居前列，带动内容指数跃升；行业方面，品类活跃用户规模、粘性呈增长态势；广告变现数据在休闲游戏中排名较高。

1）品类发展概况

受众基础： 合成游戏移动端泛休闲娱乐受众基础庞大。根据易观千帆数据，品类活跃用户规模保持在近2500万级别。其中女性玩家占六成，下沉市场玩家占比超五成。 行业发展： 合成游戏超休闲化发展，以规则简单、强快感的轻量级游戏吸引用户，并通过社交平台分享快速传播；融合玩法带来更多行业探索空间，有助于实现用户长线留存。 内容热度： 萌宠题材、萌趣画风最受欢迎，通过展示珍稀物品的合成过程表现游戏爽感，吸引用户眼球，带动品类内容指数增长。 商业化： 合成游戏在商业表现方面处于中上水平，随着超休闲化发展和厂商广告变现策略的加强，品类商业潜力逐步释放。根据穿山甲数据，自2022年4月以来，合成游戏的CPM一直保持快速增长。

2）产品开发设计

（1）玩法扫描

①简单合成的玩法传统、经典，操作简单、规则易懂。

②基于简单合成的底层机制融合其他玩法，带来更多游戏可玩性，能够提高用户中长期留存表现，因此 合成游戏融合化发展成为非常重要的行业方向。

（2）立项与开发建议

结合开发门槛和品类表现，新进开发者更适合选择超休闲化的简单二合一进行布局；有一定开发经验的团队可以探索轻度的融合合成玩法。

3）广告变现设计

（1）广告样式收益占比

（2）广告变现场景设计

4. 运动健身

运动健身IAA发展指数排名第五。其广告收入、CPM自4月起持续增长，多项数据的环比、同比增速名列前茅，商业指数居高。

1）品类发展概况

用户规模： 国民健身意愿高涨，线上健身参与人群基数扩大，为行业发展提供稳定增长的用户基础。易观千帆数据显示，2022年以来行业活跃用户规模呈上升趋势，近3个月连续保持在1亿左右。 用户粘性： 线上运动常态化、使用场景丰富化，带动粘性稳中有升。2022年以来，运动健身APP的人均单日使用时长稳定在20分钟以上；人均单日启动次数超过5次且仍在上升。 行业格局： 头部产品竞争优势显著，中尾部产品数量众多，开发者进入门槛相对较低。在线下运动开展受限、线上健身类KOL的强势带动等外部刺激之下，运动健身类APP仍有增量市场和进入空间。 商业化： 用户付费习惯尚未养成，广告变现为主要收入。根据穿山甲平台数据，运动健身品类的广告收益和CPM自4月开始增长，未来仍具备非常大的潜力空间。

2）产品开发设计

（1）玩法扫描： 运动健身产品按功能类型可分为两大类，一类产品的工具属性更强，主要满足用户各类运动数据的监测、记录需求；另一类在基础功能之上增加更多运动健身的指导内容，服务更为综合。

（2）立项与开发建议： 新进团队更适合以工具型产品为主，优化、丰富基础功能、打造差异化体验。同时，通过转载、推荐引入优质内容提升粘性，以激励体系助力长期留存。

此外，考虑到功能设计的合理性，建议在产品开发过程中进行差异化功能组合，选择测试表现较优的几款进行稳定投放。

3）广告变现设计

（1）广告变现数据参考

（2）广告样式类型占比

（3）变现场景设计

三、IAA行业发展总结 在本期研究中，游戏品类里玩法经典、休闲特征强的模拟经营类游戏、消除游戏发展稳定，广告收益可观的同时还有更多探索空间；合成游戏在内容方面的强势表现和融合化趋势值得关注。此外，运动健身作为行业成熟品类，在宏观长期利好之下仍有增长空间。

随着夏季到来，预计以游戏为代表的行业将迎来周期性上涨，开发者可提前关注，选取开发门槛低、易于进入的热门赛道进行布局，抓住夏季增长的窗口期。

声明须知： 易观分析在本文中引用的第三方数据和其他信息均来源于公开渠道，易观分析不对此承担任何责任。任何情况下，本文仅作为参考，不作为任何依据。本文著作权归发布者所有，未经易观分析授权，严禁转载、引用或以任何方式使用易观分析发布的任何内容。经授权后的任何媒体、网站或者个人使用时应原文引用并注明来源，且分析观点以易观分析官方发布的内容为准，不得进行任何形式的删减、增添、拼接、演绎、歪曲等。因不当使用而引发的争议，易观分析不承担因此产生的任何责任，并保留向相关责任主体进行责任追究的权利。

 

本文由 @易观分析原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏

编辑导语：对于设计师来说，项目改版是经常会遇到的工作。本篇文章中作者围绕视觉、交互、框架三方面详细的介绍了从视觉上的互联网产品的点线面改版，感兴趣的小伙伴们快来一起看看吧，希望对你有所帮助。 近期在统筹一个跨境电商的App改版项目的过程中，有位“优秀”的设计师

编辑导语：对于设计师来说，项目改版是经常会遇到的工作。本篇文章中作者围绕视觉、交互、框架三方面详细的介绍了从视觉上的互联网产品的点线面改版，感兴趣的小伙伴们快来一起看看吧，希望对你有所帮助。

近期在统筹一个跨境电商的App改版项目的过程中，有位“优秀”的设计师与我进行了一系列沟通，让我发现仍有不少设计师更愿意直接动手而非先动脑，从而导致后续的设计工作中缺乏完整的思路与目标。

设计师是脑力与体力结合的创造性岗位，灵感和思路是不会凭空出现的。

一定是在对现状进行大量的深入分析和研究之后，通过自身的理解才能形成完整的思路和方向。

那么如何从无到有的梳理完整的思路，则是设计师们需要在动手之前认真的动脑思考，这也是整个改版项目的基础思路和依据。

结合之前文章《设计师的点线面场景化设计》所述的点线面设计思路，整个产品体验主要以品牌为基调，由视觉（点）、交互（线）、框架（面）所构成。因此无论是动脑还是动手，都将围绕着视觉、交互、框架这三方面进行，全程以数据为依据。

[ 产品体验的点线面 ]

在确定好改版项目的最终目标的前提下，成功的产品体验改版，必须动脑动手结合，分析梳理并结合各业务需求，综合输出设计方案。

[ 产品体验改版的核心步骤 ]

先动脑再动手！

这里的动脑和动手是指的顺序，并非只动脑或只动手，在整个项目的任何阶段，都是手脑并用的。

动脑：动脑就是分析、思考，现状分析的过程其实就是找茬的过程，而找茬的过程也就是思考和寻找解决思路的过程，把问题点找出来并构思相应解决方案，那么基础思路和灵感也就有了（连现存的问题都搞不清楚，谈何优化创新）。

[ 现状分析主要内容 ]

视觉是用户对产品最直接的第一感觉，所以动脑的第一步也是最表层的一步，就是对视觉表现层面的分析和找茬。

[ 视觉呈现层面的分析内容 ]

让我们先看看现版本的App效果，然后开始动脑吧

[ 现线上App效果 ]

一、色 —— 色彩系统 色彩系统混乱，缺乏统一的标准规范，同一元素在不同场景的色值却各不相同，导致不同场景间切换时需重新适应，另外从整体页言，对于品牌主色调的运用非常不足，没有很好的传达品牌的调性。

[ App各场景常用色值 ]

从App的各个流程场景里，包括文字、按钮、模块等，可以取得以上3种主色调、8种辅助色以及10多种基础色调的色值，即使抛开色值杂乱和不统一的问题，主色调与辅助色调之间的饱和度、色相等的搭配也十分不合理，主色调饱和度比较高，而辅助色却饱和度却十分弱，从整体的视觉呈现来看则显得主色调十分刺眼，而辅助色却十分薄弱。

二、形 —— 图形元素（图标、图片、组件） 1. Icon

[ App常用icon ]

1）缺少品牌基因

Icon是品牌调性的重要传达方式，应该着重与品牌加强关联，突出品牌调性；

[ 品牌logo与icon ]

2）释义传达不一致

Icon即是装饰和点缀，更是氛围与场景的强调，要清晰直接的传达其本应该所饮食的含义；

[ icon的具体应用场景及含义 ]

3）图形样式不统一

Icon是统一的图形标识，即使在不同的场景也应该保持统一，减少误读，降低学习成本；

[ icon使用场景及样式 ]

2.内容图片 1）缺乏统一的内容展示规范

商品图片缺乏统一的信息传递及展示规范，每个区域的展示内容不统一，用户视觉焦点散乱，有效信息获取效率低；

[ 列表商品展示组件 ]

2）图片尺寸不合适

1:1的图片无法较完整的展示头发的整体形状，仅展示脸部范围的造型，图片区域内容会显示过于拥挤，若要完整展示长发，则图图两则会留白太多，图片展示不饱满；

[ 商品图片尺寸及核心内容区域 ]

3. 广告图片 1）图片尺寸偏大，屏效低

首页作为整个App的第一流量入口，Banner尺寸占据整屏超过二分之一的比重，其他重要内容露出不充分，使整个首屏略显单薄。

[ 首页Banner位与屏幕尺寸占比 ]

2）视觉焦点分散，图片内容规划缺乏规范性

Banner图之间缺乏统一的内容区域划分，不同图片之间的核心内容及按钮等设置不一至，图片切换浏览时视觉焦点起始位置不一至，浏览效率低。

[ 首页Banner图片内容 ]

4. 模块组件 1）视觉焦点散乱无章

在有限的屏幕空间内，并没有建立有效的视觉浏览顺序，在单一个商品展示组件里，完整的浏览单一个商品的信息，需要8个视觉焦点，而在列表页这种商品组合页面里，多个组件结合在一起，视觉焦点更是多、乱、杂，用户在列表页面的信息浏览会十分低效。

[ 商品展示组件视觉焦点及列表视觉燥点 ]

2）信息展示不完整

信息传递不完整，内容缺失，用户无法通过组件的浏览获取完整的商品信息，无法让用户快速获取完整且有决策帮助的信息。

[ 商品展示组件的信息内容展示 ]

3）信息排版不合理

同一类型的内容信息分布在组件里的不同区域，没有合理的整合排版，没有形成区域性信息浏览习惯，同样大大降低了信息的获取效率。

[ 商品展示组件的内容归类 ]

三、字 —— 内容文字 与色彩系统问题一样，字体的使用规范非常混乱，相同的文字在不同场景之间的字体大小各不相同，每一单独场景的字体规范各自独立，超过十种字体大小应用，仅数字价格的字体就有6种大小，没有形成整体的使用规范。

[ 数字字体字号及应用场景 ]

[ App常见字体字号及应用场景 ]

四、质 —— 品牌质感 品牌质感弱，没有体现 品牌调性及品牌相关露出，任何产品的推出都不能脱离品牌而独立存在，都必须以品牌为基调，视觉的呈现更品牌调性的重要展现方式。

1.广告图 广告图是核心的营销展现方式，包含整个平台的营销手段和理念，也是吸引用户产生消费的重要场景，在用户产生消费的同时也需要加强用户对品牌的印象以及认可感，需要在广告宣传图里有足够的品牌透出以及强调品牌的调性。

[ 广告图样式 ]

2. Icon，图片、模块、缺省页、加载等 将伴随用户在App的整个使用生命周期，是随处可见的操作，同时也是品牌理念植入的核心场景之一，并且是重复性最高的场景之一。

现版本的App各场景中，无论是Icon还是Loading这些常见的视觉元素，还是缺省页引导页这些流程性的场景页面，基本上都没结合品牌logo以及整体调性。

[ Loading、缺省页、为空状态、Icon ]

3.商品图 商品图片是用户对商品最直观的认识场方式，是最核心的用户决策场景，除了商品的价格等信息，品牌的调性呈现，同样在影响用户消费决策心理发挥极为重要的作用。

目前线上的商品图片没有任何调性可言，包括模特的选用，衣着的搭配等，纯粹是网友YY的图片，完全无法体现品牌相关的专业和调性，如最右边的商品图，模特搭配了白色上衣有大片的红色，很容易吸引用户的视觉焦点，而导致用户无法第一视觉落点在假发产品上。

[ 商品展示图片 ]

4. 现状总结与优化方向 品牌质感弱 —— 定义品牌调性，加强品牌露出； 色彩系统混乱 —— 统一主色调及辅助色调，合并近似的色值，统一规范色彩系统； 视觉焦点散乱 —— 规范内容分布，合理规划浏览路径； 信息展示不完整 —— 提取核心信息内容，规范展示标准； 内容排版不合理 —— 归整内容信息，合理而已模块区域； 字体规范混乱 —— 规范正文与数字字号，合并近似的字体大小； 动手：通过动脑找茬，确定了问题点以及优化方向，接下来就是动手解决这些问题了，动手其实就是输出解决方案，设计师的解决方案自然就是通过设计输出，精准的解决问题并提升用户体验。（定位到问题点，就必须输出解决方案，以此为基础进行创新）。

[ 解决方案的要点 ]

五、品牌调性 ——定义品牌核心关键词，重构品牌logo 以高贵自然时尚的女性假发产品为核心关键词，结合头发的曲线与字母UN，输出全新logo，并以logo为基础延展设计整套Icon、loading等。

[ 品牌全新logo及关键词 ]

[ 新logo设计思路 ]

[ Icon设计思路 ]

六、色彩规范 —— 定义核心色调，建立色彩使用标准规范 以皇冠为形象，体现女性的高贵，并以此为基础取出拍完的金色为主色调，以及皇冠中的宝石的橙色为强调色，加上黑白灰为基础色，定义全新的色彩使用规范。

[ 主色调与强调色的取色来源 ]

七、字体规范 —— 定义常用字体，建立完善的字体使用规范 以品牌logo为基调，将logo字体延展至整个App作为正文字体使用，价格作为核心的信息之一，需要与正文有一点区分，故挑选一款与logo形状相似又与正文字体同局粗黑的字体作为数字字体。

[ 核心正文字体与数字字体 ]

八、内容归整 —— 定义图片内容规范，设置浏览路径 1. 广告图 广告Banner图必须包含品牌logo、核心文字信息、核心图形展示、行动按钮，且按钮位置、文字位置及图形展示位置需在相应的位置范围内，整体图片风格以简洁风为基调，重点突出核心内容及按钮指引。

[ 广告图内容规范 ]

2. 商品展示组件 放大商品组件展示区域，统一规范展示商品正面、侧面、背面三种视图，将商品名称、商品价格、折扣信息等信息归类排版，收藏、评分等商品评价信息另外归类放置，合理设置整体视觉浏览顺序，提高商品信息获取效率。

[ 商品展示组件视觉落点 ]

3. 商品图片 商品图片尺寸调整为长条形，更好的完整的展示假发产品，也更适合手机浏览，严格挑选商品展示模特及拍摄，统一以淡灰色为背景，着重于强调产品本身的展示，提升浏览效率以及统一输出品牌格调。

[ 商品图片拍摄规范 ]

到此，针对具体问题点的解决方案已经基本上输出了，接下来则需要将各个点的解决方案封装成完整的页面，并输出完整的视觉设计规范，其实在做好问题梳理和解决方案的思考，最基础的视觉设计规范就已经有了初型了。

[ 新设计方案效果图 ]

从局部到整体，把各个细节点都考虑到极致，针对性的解决细节问题，着重于单一页面上的问题（点），然后把关联的页面及细节串起来，形成用户的完整路径（线），最后以品牌为基础，把所有的关键点与路径流程合并起来，形成整个完整的产品体验，这也是之前的文章里提到的，点线面的设计方式的另一种体现。

篇幅有限，文章只能举例说明，在实际的项目过程中还需要包含很多内容，包括各种竞品调研、数据分析验证、沟通协调、优化调整等等。

设计师作为用户体验模块的最直接参与者，需要具备善于发现问题的眼睛，并能迅速反应提出完善的解决思路，这是需要长期的动脑和动手结合并加以落实到实际项目当中，不断试错才能练就一双火眼金睛，设计师的价值也绝非是输出优秀的设计图，而是要输出一整套完整的设计理念。

 

本文由 @包大佬 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议。

给作者打赏，鼓励TA抓紧创作！

{{{path> 赞赏