很久没有发现令人眼前一亮的交互了。前阵听说《叛逆者》不错，到百度里搜朱一龙，发现百度百科小程序上了一个惊艳的小功能，官方叫loft。loft大家都知道，普遍意义上指那种层高4~5米、可以搭建阁楼的屋子，通过上下层不同的功能分区来实现理想居住的目的，是国内的酒店公寓最喜欢的物业形态之一。百度百科小程序这个创新，是将线下的空间体验移植到线上，其间学习成本几乎为零，用户只需要滑动测试两下就完成了心智转移。在我看来，这种取材于现实物理世界的移情设计，才是真正的拟态，令出身空间设计背景的我瞬间心动。

Week（原阿里UCAN）官网的这个“&”视觉符号已经谙熟于心了。今天分享一个简短的创作思路，仅供参考原理，不作100%还原。先备好C4D、Octane。

产品有时候像人，我们每天使用的过程就像是和老朋友打交道一样，非常熟悉彼此的言行套路，但同时又会被对方身上一些微小闪光点轻易地打动。本文就用3站地铁的时间，给大家分享12个APP中非常精彩的体验设计细节。分享目录①

最近“毛玻璃图标”疯狂刷屏，本文主要分享一个创作思路，让扁平化的“磨砂视觉”变得立体和生动起来。基于这个思路进行触类旁通，可以得到无限有趣的视觉创意。去年开始很多品牌试水“磨砂风格”

大部分的用户都懒得选择，更不会喜欢使用自定义设置。淘宝购物时，同一商品哪怕有很多颜色和款式，商家也宁愿为每个颜色和款式单独做一个封面和标题，都不愿意弄个集合。选项数量太多对决策判断会产生严重影响，这在心理学上被称为：选择超荷（

过去的一周，基金应该算是热门话题中的顶流。微信里各种设计群、校友群、带货群、滑雪群都充斥着一片财富缩水的哀嚎。每逢这个时候，大家也就开始顺势讨论起各种基金投资APP好不好用的问题。今天抽点时间，聊聊招商银行、蚂蚁财富、天天基金这三家APP的基金详情页设计。基金产品的详情页大体是围绕一只基金的概况、盘中行情、历史数据、持仓情况、基金经理介绍、基金档案、交易规则等一级模块，来“客观包装”这只基金。一级模块的信息下包含了众多层次级信息，各家APP对于同一个次级信息，是否曝光在详情页的一级模块里，都有着独立的思考，这在很大程度上决定着信息分发和触达的效率。为什么要强调“客观包装”，因为无论你看到与否，信息都在那里，而信息曝光的顺序却直接影响到用户对基金的认知。就好像我们了解一个人，如果只是看他的穿搭、气质、体态，可能会觉得这是一个艺术家。但你若先把眼睛蒙上，听他讲量化策略、深度学习，你发现这人居然是个技术男！比如我们挑一只基金，来看看它在三个APP的详情页里，分别长啥样。01/

在很多APP首页的金刚区，动态icon是一个常见的设计。由于几百像素的二维空间所能承载的静态图像信息实在有限，因此不得不借助时间这一维度，使二维静态icon化身为“三维”动态icon。所以动态icon设计，本质上是对流动信息的感知设计。有别于我们在做PPT时给各种元素添加的动态效果，PPT的动效往往是为了配合演讲的节奏而强调元素的存在和变化，因为运动的事物总是更容易吸引视线。而动态icon除了比静态icon更容易引起注意以外，它本身还要具有自叙故事的能力。讲故事是考验品牌拓展能力的一个硬技能，故事讲得好，就能快速占领用户心智。这需要我们在设计前就规划好故事脚本，也就是信息流动的秩序。梳理信息秩序并不难，按照常用的脚本可以分为几种类型：视觉引导、情感共鸣、品牌背书、利益点曝光、任务引导等。在实际的项目中通常会结合以上的一类或两类。超过两类会对信息秩序和动态时长都造成不小的挑战，尽量避免。来看几个简单的例子。01/

设计之内互为人间，设计之外自成宇宙。最近在一个UX群公告里看到这句话，非常喜欢。“互为人间，自成宇宙”的本意大致是我们在社交关系中相互陪衬彼此的同时，又有着各自独立的思想和世界。当然这也不是唯一答案，不同人、不同语境都有不同的解读方式。这跟设计有什么关系呢？随手举个例子，传统的设计原则告诉我们要尽可能降低产品设计中的交互阻力，但我们仍然会在日常使用中遇到很多反原则的阻力设计。这些阻力力道不一，小到一个用户召回弹窗打扰，大到整个信息架构更迭。比如一些促活小游戏在退出时的召回弹窗，UI上会将“退出操作”的按钮层级弱化，引导用户下意识点击“继续停留”，增长游戏时间来提高转化概率。比如在蚂蚁财富APP中卖出你的持仓公募基金，平台就会以弹窗的形式强打扰用户的赎回流程，引导你继续持有或者进行基金转换。确实对体验有影响，但对于基金代销平台来讲，也实现了部分营收目标。再比如滴滴新版首页进行了生活方式的资源整合，业务覆盖面也不再限于出行场景，同时其共享单车也换成了智能闭锁，用完单车得回到移动端闭锁。原本的手动机械闭锁用完即走，快捷方便，但并没有实现用户价值的二次挖掘。因此这波改版操作虽然在骑行流程中带来体验上的打扰，但也确实能给其新版首页带入一定的用户回流。设计之内互为人间，设计之外自成宇宙。标题中描述的这句话，我看到的时候刚好还沉浸在对滴滴这个案例的思考中，所以理解的维度往另一个方向去了，感到有些匹配。设计之内外，在我当时的语境中理解为我们作UX设计师所身处的立场：“内”即站在设计师的角度思考体验设计要素的时候；“外”为我们剥离了自身角色，站在需求方、业务方、甲方等角度思考宏观格局的时候。禅修法里有门课叫“内观”，是通过静修来重新认识自己、认识环境，洞察问题与烦恼的根源，将自己抽身出来以第三视角去判断立场，以此来指引第一视角的自己面对问题该如何决策。在那一瞬间，我通感了，将这句话理解为整个内观复杂系统的完美抽象。互为人间。当我们负责落地执行的时候不断实践研究、迭代方案、修订规范，对标业内先锋的设计水平来自省，完成技能和经验的升级。在团队里、公司里甚至社群中形成精进的氛围，以互助互补互利为职场社交原则，情义人间。自成宇宙。暂别设计师身份，当我们尝试着站在产品、运营、开发、商务、销售、售后等多角色立场去理解整个业务运作机制的时候，以及站在下属、领导、高管等多层级视角去权衡关系的时候，之前遇到的一些项目上的症结也许豁然开朗。设计之内的逻辑固然自圆其说，设计之外又何尝不是一套严密的商业法则在支撑宇宙的无限运行。最后说一点近来的小感想。未来的一些年里，UX设计师可能有必要进入管培生计划实行轮岗制，在职业开展的前期就深入理解业务从哪里来，要到哪里去，公司怎么赚钱，流量怎么拆分等等一些看上去跟曾经学校里设计专业毫不相关的内容，这样等回到自身角色的时候，可以避免在很多问题上产生无端的困惑，提高自身发展效率。关注公众号，后台回复“直播回看”可获取2021年1月9日SEE

这款出自于腾讯内部团队之手的作品「HOOD」，上架已有三个月了。近期忽然看到好几个公众号开始研究它，微信指数自12月14日以来开始陡然增长。抱着一颗未泯的童心，我也开始了这一段“无脸”探索。这是一个基于95后、00后Z世代年轻人们喜爱的“对镜挡脸自拍”行为模式衍生的新锐社交平台，传播内容以穿搭、音乐、好物分享为主，交互行为类似探探。当然，关于“贴纸遮脸社交”的创意来源于Z世代们喜欢的“对镜挡脸自拍”这件事，是我猜的，不知道有没有跟原创团队不谋而合。互动模式很简单，别管我长啥样，先看衣品看歌品看兴趣爱好，投缘了咱再往下聊。有点像西方过万圣节的假面舞会，总之通过图片和聊天你可以了解对方的一切，但除了脸。虽然产品结构如出一辙，但「探探」社交完全看脸，简单粗暴，也难辨真伪。配对成功简单寒暄之后，就该加微信了，一加过去发现对方是个微商，这样的例子屡见不鲜。所以HOOD这款产品是在借着“想看看脸”的诉求给自家微信QQ引流？可能没这必要。也许在这张遮脸的贴纸下面，腾讯隐藏着更大的商业画布。其实从新手引导也能看出些许端倪。其中很重要的一个环节就是选单品和品牌，以及自定义风格标签，不难想象这种削弱了荷尔蒙影响的社交，更加高效和目的导向。至于能为用户实现什么目的，主创团队还是留了一手：女性用户会同时看到同性和异性的推荐，而男性用户只能看到异性推荐。明招，未来看中的就是小圈带货，或者等待声量做大了以后开启付费增值服务，亦或是各种品牌联合营销，毕竟女性消费市场的钱和男性交友市场的钱，都不算太难赚。目前每日摇卡片有额度上限，也没有基于LBS推荐同城用户。等地理位置和增值服务一开，“无限摇卡”、“付费看脸”等类似的功能，钱包君只好默默等着上岗了。可以预想到的玩法还有很多，比如潮品厂牌联合、嘻哈街舞圈合作，只要腾讯爸爸投资源，HOOD可以在精品小众圈里耕出自己的一亩三分地。说到耕耘，HOOD对初期的种子用户培养和回馈十分到位，做了好几个有质感的活动。奖励都是圈内认可度很高的单品，比如AMBUSH项链、山本耀司和Supreme的联名T恤等。在应用市场的发版记录里还能看到以种子用户ID命名的楼层，每次发版都会@一位提出反馈贡献度最大的用户，以示敬重。这，就很HOOD。HOOD是neighborhood的简称，在黑人俚语中是“地盘”的意思。在嘻哈的语境里，它有更加丰富和深层次的涵义，抽象又装饰性地活在rapper们的韵脚里。大家在同样的环境下成长，彼此尊重对方的价值崇拜和文化属性。产品提供了不同分类的卡片自由组合，用户通过上传服饰、单品、听歌截图、旅行照片等素材来拼凑自己的画像。由于挡住了脸，主创团队的想法是可以让观者将注意力更多放在脸以外的部分。不过有一说一，探探“露脸”真实性已经大打折扣，此处“无脸“素材的可信度更不得而知。也可能是我真的老了，千禧一代不是非常能够理解Z世代之间缺乏信任力的线上社交关系。街头尬舞可是面对面掰头，锋芒毕露，真实刺激。产品初衷美好而纯粹，但你还是难以左右生态。尤其是初见雏形的阶段。很赞同之前唐韧那篇文章（点击下方查看原文）的观点，基于图片社交的平台还是要加强平台内容的真实性审查与合规监管。否则诞生出批量潮品微商挂羊头卖狗肉事小，滋生出一系列游走在法律边缘的灰色产业事大。

在目前市场上主流的财富、基金、券商类APP内，基金产品、智能化理财工具的重合度越来越高，竞品之间差异化竞争的目标越来越难得以实现。在同质化严重的环境下，如何通过体验创新找到途径破局，增加用户黏度、提高用户满意度和交易份额，是传统金融机构做好财富管理数字化转型的一个重要课题。在对支付宝、京东金融、华泰涨乐财富通等APP在2020年818期间的各类财富节活动进行体验走查和深入分析之后，不难发现其中贯穿了游戏化的大促运营思路和玩法交互上的体验创新，且主要依靠三点形成了财富节体验设计的主流趋势：视频运营、IP化设计、组件化思维。▁视频运营2020年是视频直播理财带货元年，各大基金公司联合直播平台纷纷进行战略布局，券商也借助这一时机，在财富节期间借助APP渠道，打造自己的财富管理线上视频营销阵地。不同于前段时间5大基金公司在支付宝平台做的蚂蚁战略配售基金“直播带货”，券商的视频内容更侧重理财知识投教科普，在观看体验上的设计创新点自然有所区别。传统直播平台考虑到对实物商品的展示需求，多为竖屏全面屏设计以增大展示面积，并且屏内包含弹幕、浮层、礼物、头像、点赞/转发等类型复杂的UI组件，直播形式尽可能趣味化、社交化，增加用户浏览时⻓促转化；而券商投教直播的内容核心在于视频本身传递的知识，以及用户与主播间的专业QA互动，因此在多元体验和趣味创新

library设计组件库进行了一次升级，针对雪球业务特点及日常设计场景增加了更多自定义组件。比如我们把金融类产品中经常使用到图表，拆分成图例、图表类型、横纵坐标轴，使用时简单组装即可。▲

近些天指数震荡，A股市场投资情绪有点疯狂，身边大多数群聊和公众号，似乎都绕不开这个话题。就在前不久，蚂蚁财富资产频道悄悄上线了“人生三笔钱”的功能，这是一个基于用户持仓和资产配置的财务规划方案。别激动，钱当然是没有变多。▁概念这个概念的原始版叫做“四笔钱”，来源于标准普尔家庭资产配置理论，核心是把家庭资产账户按照1234的配比，划分成4个象限。活钱管理

最近接连遇到了2个需求，产品经理没有需求文档，没有流程图。有的只是一句话，就是传说中的“一句话需求”。简单描述下需求过程。Case.01产品经理A：我们要做XX功能了，参考下竞品XXX，然后摔过一张竞品图片。产品经理A：给你1天时间够吗？我：。。。。Case.02产品经理B：有时间吗？有个需求一起聊聊。（产品经理把业务方，设计师喊到一起，各自表达下自己的想法）业务方A：我们要弱化XX功能。有两个思路，一方面.......，另一方面........产品经理B：懂了吗？速度要快，什么时候能出方案？我：。。。。这种情况，大家是不是也都遇到过呢？今天我就来聊一聊应对策略。主要包括以下内容：1、一句话需求产生的原因2、设计师可能存在的3个误区3、我的应对策略▁为什么有一句话需求目前规模大点的公司基本都有完整的项目工作流程规范，但是在实施过程中总会打折扣，主要原因不外乎几项：1、自下而上的需求，时间紧任务重，急于看到成型的结果方案，需要设计提前介入，与需求同步进行；2、产品经理缺少对需求场景的规划和认知，主观认为需求很简单，不遵守项目规范；3、产品经理不愿思考，不去分析用户需求和场景，将需求工作转移给了设计师，有了原型方案后才会跟进，完成需求文档；第1种情形，通常需要设计师积极配合，毕竟领导的板子拍下来谁都受不了。第2、3种情形，虽然可以借助制度规范回绝掉，但是很难从根本上杜绝。而且职场是需要培养关系的。如果单纯依靠生硬地拒绝，不利于后续的工作开展。所以一般情况下，我们都会接下需求，在设计过程中逐渐地引导产品经理认识到一句话需求并没有想象的那么简单，反而存在很多潜在的“深坑”。▁可能出现的3个误区由于一句话需求缺少明确的内容限定，设计师在具体执行过程中可能会陷入3个误区：误区1

开屏设计是产品每次进行大版本更新的时候，经常会遇到的设计需求。产品的大版本迭代往往包含了整个平台信息架构的调整、新功能上线发布、页面布局的重组等等一系列变更，开屏作为新版与用户的第一个触点，承载了将上述重要变化进行可视化的关键作用。根据不同产品的迭代诉求和企业团队的资源储备，开屏往往分为沉浸式动画、可交互动画、静态引导页等几类。动画的设计开发成本高，由于还涉及到动画脚本组织和故事板搭建，设计师需要不断保持和产品同学的沟通校对，确保创意的合理性和完整性；静态引导页相对节省资源，但在功能引导的易懂性和情感设计的趣味性上，难免落后于前两种形式。来看两个例子，雪球和高德。▁雪球雪球股票是一款投资交流交易APP，对于股民来说一定不陌生。它定位于社交化投资平台，为投资者提供实时行情、新闻资讯、投资策略、交易服务，目前涵盖A股/港股/基金/美股交易，通过与第三方券商合作来满足投资者的需求，其最突出的特色是将社交和投资结合，也是区别于大智慧、同花顺等老牌竞品最显著的差异。它的12.0版本于2019年底发布，定性为一次重磅改版，重新突出社区定位，相对弱化证券服务平台定位。

为夜间及弱光环境而设计的深色基调界面，使用推荐尼特值范围的背景色与前景色（可参考腾讯ISUX之前总结过的一套设计方法），使用较弱的色彩对比度降低对眼睛的刺激，达到护眼目的。护眼模式

如大家所见，今天大部分的APP都加了黑白滤镜，悼念在这场战疫中牺牲的无畏英雄们。去色能反映中国人传统的生死观，在这次线上公祭仪式中，绝大部分产品都放弃了自己的品牌色，但是根据不同领域、不同企业的业务模式，各产品在去色的呈现上依然能反映出微妙的策略差异，我们按照行业属性来看。码字仓促，不说废话，直接上图。生活服务类美团

深耕设计多年的我们，平日里各种玩转sketch，吊打principle，逐浪C4D，早已熟知RGB、CMYK和HSB/HSV/HSL等不同的色彩模式，但你想过我们提交给开发爸爸们的色值是怎么计算出来的吗？在计算机领域，开发色值是一种基于RGB色彩模式的十六进制颜色编码。我们知道屏幕上看到的任何颜色都是由红、绿、蓝三种最基本的色光叠加形成的，这三种颜色参数的取值范围都是0~255，因此RGB色彩模式也是所有传统色彩模式里色域空间最为丰富的。它包含了255×255×255＝16,581,375种颜色(与此对应，HSB/HSV/HSL色彩模式只包含了360×100×100＝3,600,000种颜色)，而这1600多万种颜色在计算机语言里就以“#”加6位代码存在，因此这6位代码与RGB色号有严格的对应关系。6位代码两两分为3组，这3组编码分别对应了RGB三个参数。此处要注意的是，代码数制是十六进制，而我们平时用的数字是十进制，因此想要把开发色值转译为RGB色号，只需要把这3组两位数编码转换成十进制数字就好了！怎么转呢？下方高能。先讲一个概念，位权。位权是数制中每一个固定位置数码所对应的数值。比如在十进制下，第2位(从右往左数)的位权为10，第3位的位权为100，总之第a位的位权就等于10的a-1次方。什么意思呢？拿最近比较火的325举个例子，左边3(第3位)的位权怎么计算呢？它＝10^3-1＝100中间2(第2位)的位权＝10^2-1＝10右边5(第1位)的位权＝10^1-1＝1(除0以外任何数的零次方都为1)因此对于N进制数，整数部分第x位的位权为N^x-1，理解了这个基础概念，我们就能计算不同进制下的数值啦！还拿325来举例。上面的公式只帮我们算出了位权，而这组数码代表的数值还要将位权乘以对应位置的基数，基数是什么呢？就是3、2、5。所以325这组数码的数值＝3×10^3-1+2×10^2-1+5×10^1-1＝300+20+5＝325感觉好牛逼啊！325＝325，好像讲了一通废话呢！那是因为我们这是在计算十进制，而325本来就是我们熟知的十进制结果。如果现在告诉你325是一组十六进制代码呢？它在十进制下等于多少？简单，代入上面公式。它的十六进制数值＝3×16^3-1+2×16^2-1+5×16^1-1＝768+32+5＝805神奇吧！(✪₃✪)理解到这一步，来详细说一下十六进制。十六进制一个周期的数码符号有16个，表示为0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。其中A代表10，B代表11，C代表12，D代表13，E代表14，F代表15。这也就是我们平时为什么在开发色值代码里看不到什么K啊、S啊、W这些F以后的字母。上面的325因为没有涉及到大于9的数码，所以没有出现字母。我们找一个带字母的真实案例来康康。支付宝logo换色以后的蓝色开发色值为#1778FF（截屏取色，非官方），先把它拆成对应RGB的编码17、78、FF，代入上面公式算出它们在十进制下等值的色号。R值(10)＝1×16^2-1+7×16^1-1＝16+7＝23G值(10)＝7×16^2-1+8×16^1-1＝112+8＝120B值(10)＝15×16^2-1+15×16^1-1＝240+15＝255在色板里切换到RGB模式验证一下，完全一致。很简单有没有！感觉自己通透了有没有！以后跟开发爸爸们说话可以抬起头了有没有！口算基础好的同学，看到一组开发色值就能在心理默算出对应的RGB色号，再根据色彩基础知识，就大概能判断出这是一个偏红or偏绿or偏蓝、偏亮or偏暗的颜色。这个冷知识对你的工作并没有直接的指导意义，但它能使我们成为有趣的人。See？艺术和科学，从来不矛盾。最后留一点小作业，假设B612是一组十六进制数码，它在十进制下等于多少呢？有答案了别忘在评论区留言哦！