话不多说，直接上手先吃瓜吧，哦不，做图吧！学会这几招，再也不要甲方爸爸提供渣渣图片素材了。

这个案例我之前分享过小红书，相信我，我不是想偷懒，我只是想把这个实用好技巧让更多的小伙伴知道（一脸正经说的）。

看过的小伙伴也不要急，毕竟后面还有 5 个案例都是船新未公开的版本！走过路过不要错过！

我们在 AI 里画一个正方形选择【效果】→【3D】→【凸出和斜角】得到一个正方体，然后选择扩展，每个面填充白色透明→不透明的渐变。

画一个蓝白渐变色的背景，给夏日里一抹清凉的感觉~

这个桃子是我用苹果电脑自带的【Apple Color Emoji】输入法打出来的，也不一定用桃子，也可以别的哟～

（后面的步奏都是在 PS 里完成的哦～）把桃子放在立方体下面，合并【桃子】+【立方体】图层，选择【滤镜】→【滤镜库】→【扭曲】→【玻璃】数值参考如下。

复制一个，调整大小节奏，再调整一下角度，按住【ctrl+alt+shift+E】键，得到一个合并可见图层的新图层。

再复制一层（留用），选择一个图层【滤镜】→【模糊】→【高斯模糊】，数值：【5】，选择【滤镜】→【滤镜库】→【扭曲】→【海洋玻璃】数值如下。

选择之前复出来留用的那层置于顶层，图层模式选择【颜色加深】，透明度【30%】。

继续细化，用图案建立→填充的方式，加点细节，用混合方式做一个线条背景再加像素字点缀，其他文字环绕编排即可。

不知不觉来到了中午，夏日炎炎，我买了一根雪糕，这次的技巧可以说相当简单，我速战速决，毕竟我的雪糕是会融的……

在 Ai 里画一个矩形，调整圆角，选择【效果】→【3D】→【凸出和斜角】数值如下：

扩展图形，然后调整角度，除顶部部分的形状合并，然后填充渐变色，复制多一个形状，添加描边。

把顶部的形状复制两个，排好填充颜色，然后选择三个形状【对象】→【混合】→【建立】，如果步数不够，就选择混合工具，按住【ALT】键，输入合适步数即可。

同样的方法做一个雪糕棒吧，然后把这几个形状组合在一起，就得到这根可口的雪糕啦！赶快吃起来，哦不，做起来吧！

根据文字的大小加入色块编排可以增加版面的色彩层次，再来点路径文字，活跃一下版面，加上其他文案，这张海报就完成啦！

这次技法以文字为主体，做一个夏日冻感的文字，选择一个圆体的文字，在 PS 里转成智能对象，选择【滤镜】→【模糊画廊】→【路径模糊】数值路径如下：

添加一个蒙版，用画笔把边缘擦得虚一些。

然后新建一个文字图层，改成描边效果，然后转成智能对象，复制上面智能滤镜的效果到这个图层，加入渐变，这个冰块字就做好啦！

接着我们来做文字编排部分，倾斜的文字能够增强画面动感，丰富版面，再用【！】增强情绪张力，其他文字环绕编排即可。

万物皆可卷……而我选择躺平，哦不，我选择让纸张自己卷，这次做一个简单上手的纸张卷曲效果。

先做两组简单的文字编排，调出符号面板，直接往里面拖即可。

选择螺旋线工具，画出线条，然后选择【效果】→【3D】→【凸出和斜角】，数值如下：

先别点【确定】哦，点击左边的【贴图】按钮，进入贴图页面，选择其中三个表面，选择前面做好的符号图样，并调整大小，即可得到这个卷曲纸张的效果啦！

因为文字做了卷曲的效果后，阅读性会降低，所以我们还是要重复排一遍文字，然后我们再加入背景渐变色丰富一下，再来点质感会更好，于是我打开了 PS，找了张褶皱的纸张纹理进行叠加，最后再加点杂色即可！

卷完纸张，我们来卷文字吧！，天长地久有时尽，此卷绵绵无绝期……

选择一个高挑的字体，然后再画一根线进行分割，得到如下图四组图形，并依次拖入符号面板：

画一个矩形，调整圆角，然后选择【效果】→【3D】→【凸出和斜角】，数值如下，点击左边的【贴图】按钮，进入贴图页面，选择其中三个表面，选择前面做好的符号图样，并调整大小，如图所示，即可得到这个卷曲的文字效果。

得到图形后，选择扩展，可以看到有些锚点没有完全吻合，手动调整一下即可，另一个图形也用同样的方法即可得到。

选择图形其中两面替换颜色，再添加一些有趣的图形，增强画面的趣味。

加入趣味标题，与其他文字编排，这张海报也完成啦！

这次的案例到这也就告一段落了，说时迟那时快，萌萌又来一句：要不再来一张？此刻的我当然是欢（mian）天（wu）喜（biao）地（qing）说：好！

于是，我打开刚刚关闭的 PS，打出文字，栅格化后，选择【滤镜】→【模糊画廊】→【移轴模糊】，调整路径，让文字上下边缘有模糊的效果。

复制一层，然后选择【涂抹工具】，用柔边画笔，强度选择【70%】，沿着文字边缘涂抹出想要的形状即可。

新建一个渐变映射图层，添加渐变色，就可以得到这个字体流动效果啦！

接着，同样的秘方，我们来加点质感，找一张做旧纹理的背景，调整合适的图层样式效果即可。

继续添加细节，画一些简单的图形丰富版面，用网格工具画一个小网格，再加入一个酸性的手写字装饰一下

再加入简单的文字编排，这个版面也就完成啦！

作者：大熊

转载请注明：学UI网》AI & PS 夏日魔法篇

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

作者：黑马青年

转载请注明：学UI网》UI 中国首页推荐作品集

有段时间没有写UI动效相关的文章了，之前写过一篇《超全面！动效设计标准与规范》的动画文章，里面会讲到一些更具体的参数范围，实用性拉满，看完就可以用到你的动效调优里，干到拧不出水。今天的这篇更偏方法一些，强烈推荐你把2篇结合一起看，效果更佳！

如今对用户来说，好的体验是界面一致、易读和简单。设计师要如何才能让UI更加符合用户的自然直觉呢？

动效，可以让界面变得更加自然，填补部分体验上的隔阂。今天这篇文章会讲到常用的12个UI/UX动画原则，帮你做出富有乐趣的界面设计。

一、缓动

”缓动“指的是在一个动作在过渡中进行的方式。你可以把缓动理解为加速或减速。一个物体可以从界面的一侧缓慢启动，然后加速，最后到另一侧突然停止。或者，物体可以快速启动，然后逐渐减速到停止。关键帧表示了动画的开始和结束，缓动决定了中间过程。

将缓动应用于补间动画的一种简单方法是使用“属性”面板(彩云注：这里彩云还专门去查了下资料，这个功能是AE的一个Beta版本的功能，叫 Properties panel，可以很方便的修改属性) 。缓动值的范围从 –100 到 100。负值会从起始位置产生更平缓的变化（称为缓入）， 正值会导致逐渐减速（称为缓出）。

（彩云注：在我们现在用的AE正式版中，可以直接修改缓动属性然后配合曲线也可以修改缓动幅度，如果有体验过Beta版本的同学欢迎文末留言交流呀）。

Saptarshi Prakash

二、偏移和延迟

当多个UI元素同时移动时，用户倾向于将它们分组在一起，而忽略了每个元素都可能有自己的功能。

偏移和延迟在同时移动的UI元素之间创建了层次结构，并说明它们是相关的，但又是不同的。不同于完全的同步，元素的时间、速度和间隔是交错的，从而产生了微妙的“一个接一个”的效果。（彩云注：动效本质上也是为了打造层次感，其实这又是上2期讲的底层设计原则的应用之一了。所以，我们在看一个知识点的时候，要学会系统性地去思考）

当用户在屏幕之间切换时，偏移和延迟表明存在多个交互元素。

三、父子关系

”父子关系“意思是将一个UI元素的属性链接到其他元素的属性。当父元素中的属性发生变化时，子元素的链接属性也会发生变化。所有元素属性都可以相互链接。

例如，父元素的位置可以绑定到子元素的比例。当父元素移动时，子元素的大小会增大或减少。

父子级创建了UI元素之间的关系，建立了层次结构，这样方便用户同时与多个元素互动。在实际交互中，这种形式非常有影响力。

Ayoub Kada

四、变换

变换发生在一个UI元素过渡到另一个UI元素时。例如，一个下载按钮变换到一个进度条，进度条完成后转换成完成图标。

从用户的角度来看，变换是显示用户与目标相关状态的有效方法（保证系统状态的可见性）。特别是对于UI元素有从开始到结束状态变换时，这种变换动效尤其有用。比如说这里的文件下载动效。（彩云注：做这样的动效是有效的，对于用户体验的ROI很高）

Y.J.Y

五、数值变化

数值变化动效（数字、文本或图形）在界面中非常常见，比如在银行APP，日历，电商网站等等各类产品中。这些变化与现实中用户的需求产生关联，所以可以随时被调整变化。

这种数值变化表明了数据的动态性质，动效告诉用户数据是可交互的。如果没有这些动态变化时，用户的参与意愿会降低。

Creative jeff

六、滑动和变焦

滑动和变焦这样的动效可以让用户在界面的UI元素中”旅行“，能增加画面的层次细节。

• 滑动: 当用户的视角接近(或远离)一个UI元素时，就会产生滑动。想象一个人拿着相机走到一朵花前想要近距离拍摄。
• 变焦：通过变焦，用户的视角和UI元素保持不变，但元素在用户屏幕中的大小会增加(或减少)。现在想象这个人呆在原地，用相机的变焦功能让花看起来更大。

七、维度

维度使UI元素看起来好像有多个交互面，就像物理世界中的对象一样。这种行为是通过使元素看起来像是可折叠的、可翻转的、浮动的，或赋予现实的深度属性来实现的。

作为一种叙事手段，维度意味着UI元素的不同侧面是连接的，并有助于无缝的屏幕转换。

Sang Nguyen

八、视差

当两个（或更多）UI 元素同时移动但速度不同时，会产生视差，其目的是建立层次结构。

• 交互元素在前景中出现的更快
• 非交互元素在背景中出现的更慢

视差将用户引向交互UI元素，同时允许非交互元素留在屏幕上，并保持设计的统一性。

Netrix

九、模糊

想象一扇磨砂玻璃门， 它需要互动才能打开，但也可以隐约看到门后面的东西。

模糊效果也是如此。它为用户提供了一个需要交互的界面，同时显示屏幕提示，引导用户聚集。导航菜单、锁屏和文件夹/文件窗口中都有经常被使用到。

magazineduwebdesign

十、克隆

克隆是一种动态行为，把一个 UI 元素分裂成其他元素。这是一种突出重要信息或交互选项的聪明方法。

当UI元素在界面中具体化时，它们需要一个清晰的原点，用来链接到已经在界面上的元素。如果元素突然出现或消失，用户就很难清楚地记住上下文。

Interface Market

十一、叠加

在2D空间中，没有所谓的深度，UI元素只能在X和Y轴上移动。叠加在UI的2D空间中创造出前景/背景区分的错觉。通过模拟深度，叠加可以根据用户需要隐藏和显示元素。

在使用叠加时，信息层次结构是一个重要的考虑因素。例如，用户在笔记应用中首先看到的应该是他们的笔记列表。然后，叠加可以用来为每条消息提供次要选项——比如删除或保存。

十二、蒙版

蒙版是对UI元素的部分进行显示和隐藏。通过改变元素的显示区域，蒙版区域产生变化，同时允许元素本身保持可识别。因此，照片和插图等视觉元素非常适合用在这种动效上。

从可用性的角度来看，设计师可以使用蒙版，给用户反馈，让用户知道每一步操作的反馈和进度。

By Min-Sang Choi

原文：https://bootcamp.uxdesign.cc/12-principles-of-ui-ux-animation-you-should-know-75cf41e49e62

作者：Ayoub ┃Marhouse

译者：彩云Sky

本文翻译已获得作者的正式授权（授权截图如下）

作者：彩云Sky

转载请注明：学UI网》这12个常用动效方法，很适合用到你的界面里

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

排版的难点在于，如果完全不用技巧，很容易显得单调；而如果大量地堆砌技巧，就会导致版面花里胡哨，降低了传播和阅读的效率，如何去把握好这个度，达到事半功倍的效果，是设计师需要长期学习、研究的事情，下面葱爷给大家推荐一波优秀的日式商业海报，排版虽然简简单单，但是很好看，且层级分明，视觉感受和阅读体验都很轻松。

在APP设计中，对页面的某些元素、内容也加上手机传感器，不仅可以使得这个功能/设计更加有趣，对于业务上的相关指标也是有积极作用的。

本次帮大家盘点一下，手机传感器在APP设计中的体现与案例。

一、提供更加沉浸的临场式体验

爱奇艺进入全屏播放模式下，用户只需旋转手机，就可以360°任意角度看视频，通过左右滑动屏幕调整观看区域。

减少单一视角下给用户带来的限制，对于沉浸式、可随便更换观看视角的用户是一大利点（特别是观看爱豆的MV、演唱会时）

B站的一些特定的音乐视频，如热门/有趣的音乐、播放量特高如100万、纯音乐视频没有旁白之类的干扰等等。

播放时手机会识别音乐的旋律而进行震动，临场体验感极强！

通过设置手机的‘震感交互’来提升视频的消费性/娱乐性，这个‘跟随震动’是可关闭的，而且听说苹果手机至少在8以上（安卓未知）

还有微信的朋友圈广告：可以进行360度全景观看广告内容，

利用手机重力感应器，摇动手机则转动封面内容，点击封面则进入更加沉浸式的全景页面页。

二、提供更加便捷的使用效率

在线下使用支付宝的收款码时，把手机倾斜对着别人，收款码和下方的文字「支付宝扫一扫，向我付钱」会自动进行翻转。

让文字正对着付款方，对方看起来不那么别扭，特别是对于首次扫码付款的人来说，大大减少操作成本。

打开QQ音乐的「听歌识曲」功能，不仅能识别外部环境的声音，还能检测其他带有音乐or视频的第三方APP中的歌曲，特别方便。

用户听到喜欢的歌曲又不知歌名、没有多余设备帮助识别的情况下，既不用麻烦别人又能快速识别，极大提升操作效率

三、减少业务侧的漏斗与流失

某阅读APP（忘记叫啥了），在’我的’页面会默认开启手机陀螺仪，里面的的’签到’图标会根据用户手机的摆动进行旋转。

通过重力感应吸引用户注意力进行签到，减少签出漏斗和用户流失。

emmo的【登录与注册】页上被设置了重力感应，页面中的表情球会会跟随手机摇摆方向进行滚动。

通过表情球的滚动吸引用户，降低退出【登录/注册】的页面漏斗，也提升了产品整体的趣味性、登录/注册成功率。

四、促进产品趣味程度的增加

腾讯手机管家的充电界面，不仅会显示水位随着电量的上升或下降，还可以利用手机的【重力感应】改变小黄鸭的游行方向，特别有意思。

用户在充电状态下也可以使用手机打发时间，给用户带来惊喜。同时突显产品的个性化服务与对用户的重视程度

喵喵记账有个设计挺有意思的，按下相机拍照后，需要晃动手机来使相片成像，才能看到影像慢慢显现，很有仪式感又有趣的互动体验。

通过连接现实生活感受，使成像过程具备仪式感与趣味性

进入好好住的个人中心，在个人主页上会掉落用户获得过的勋章， 并可跟随手机陀螺仪的晃动而左右滚动。

通过重力感应增加个人中心的可玩性，引导用户获得更多的勋章并带来惊喜。

转载请注明：学UI网》加了手机传感器后，这些产品/设计变得有多牛？

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

一、长线运营活动的价值

百度APP作为移动生态的搜索信息服务产品，用户会在什么场景想到百度APP并使用它呢？

十几年前，精力有限睡眠有限的打工人不惜牺牲睡眠时间，也要设置凌晨3点的闹钟；上网时间被严格控制的学生党也要注册五六个QQ小号，目的很明确：到点“收菜”，蹲点“偷菜”。十几年后每天早上睁眼先去蚂蚁森林收收自己的“能量”，再顺路去蚂蚁庄园喂喂小鸡，安排很多手机号码来种水果……各家产品通过带有游戏氛围的运营活动把产品的服务和功能以趣味化的方式传递给用户，让用户“薅羊毛”拿福利的同时也给产品带来增长价值。

二、百度果园设计打法

本文以百度果园为例，从长线运营增长视角分3个方面分享运营活动玩法如何设计，如何帮助百度APP持续提升用户活跃和用户留存：

1.建立心智：让用户相信百度果园的真实性，愿意参加活动，安全的“薅羊毛”；

2.养成习惯：根据用户不同的属性，设计玩法让用户养成来百度果园浇水的习惯，实现百度APP的长期留存同时把“羊毛”薅到手；

3.平衡：种植真实性+趣味化的方式传递给用户，实现产品增长和用户福利的双重价值，“羊毛”薅不停。

1、心智建立：让用户相信百度果园的真实性，愿意参加活动，安全的“薅羊毛”；

A 从新用户视角打造真实性：新用户上我们区分两个用户角度进行设计：

• “薅羊毛”心理用户：了解各类平台的运营活动，酷爱“薅各个平台的羊毛”，对福利性质的运营活动非常敏感；进入百度果园最先看到Loading页面，从Loading页面开始就在文案上告知用户“免费水果包邮到家” 的福利性信息，图片内容也是倾向于真实水果，利益点明确从而让用户继续往下进行；利益文案和真实水果图片继续延续到“选种子”页面上，明确的福利信息与行动点来打造百度果园的真实性。
• “从众心理”的用户，这类用户会被「TA人已经获得免费福利」的信息所打动，所以我们在“选种子”页面下方增加了动态弹幕，就像耳边有个声音在和你说：“隔壁已经领了3斤免费水果了，快来一起！”动态弹幕不仅是在信息上吸引用户参与活动，也是侧面描述了百度果园活动的真实性，与用户建立信任。

B 精细设计果树成长阶段，与真实场景贴合：

为了营造更加真实的种植体验，我们在百度果园视觉呈现上也进行了升级，整体视觉效果与真实果树成长的6个阶段（种子→幼苗→大树→开花→果实→成熟）更加匹配，建立更加真实的果树成长过程，追求合理性和沉浸感，并且细化每一个不同水果对应的树、花朵、果实形态，让用户在参与活动的过程中体验果树成长到成熟的真实感受，也是在视觉效果上形成百度果园的特色。

C 贯穿全流程的浇水动画增加真实性：

• 我们在浇水动画上进行了体验升级，浇水动画分前中后3步设计来增加浇水的真实感受：
• 尝试通过动画模拟生活中水壶浇水的行动动线，点击浇水后水壶移动至树的位置并倾斜至浇水方向，倾斜的同时水开始从水壶里露出水滴，整条浇水动作一气呵成；
• 在浇水过程中，水滴分层陆续从水壶中浇水至树下土壤，下落时水滴逐渐变弱，就像真的滴落进土壤一样；
• 明确的浇水反馈，浇水动画完成后，我们在树木和土壤上同时增加了光感反馈动画，就像是树木真实的吸收到了水分一样，生动轻松的反馈给用户，让每一次浇水都有视觉上的满足。

2、习惯养成：根据用户不同的属性，设计不同玩法让用户养成来百度果园浇水的习惯，实现百度APP长期留存的同时让用户把“羊毛”薅到手。我们参考百度果园线上老用户数据，把用户分成3类，分别根据他们不同特点进行针对性的玩法设计：

• 沉默用户：这类用户很少来果园玩，活跃的时间也较少，很难长期坚持浇水；对于这类用户，我们尝试设计快速领水果的玩法吸引他们，把领水果当成一个完整的大目标，直接明确出领水果的时间周期，同时也把难完成大目标切割成每天要做的简单小目标，每天召回用户完成当日任务，从而抓住用户回流。
• 忠实用户：对于留存稳定的忠实用户，我们给这类用户增添游戏趣味，来百度果园做任务浇水时给到用户游戏感受，我们设计了“瓜分”玩法，给到用户一些惊喜感受。
• 召回用户：“来帮大姨浇个水”，是不是经常在微信群里看到这样的消息，对于帮助好友达成目标，我们设计了“合种”玩法给到用户，由一人玩百度果园到带动身边亲朋好友一起玩，帮助用户更快一步达成领水果的目标。

A  沉默用户唤醒：

「浇水挑战领水果」玩法参考上瘾模型进行设计，从push渗透入口到用户，基于「稀缺」核心驱动力让用户产生兴趣，引导用户进入活动；当用户进入果园后，通过大转盘抽奖的方式继续抓住用户的注意力，持续利用「稀缺」「紧迫」心智让用户进入活动开始体验玩法。开启浇水挑战后果园首页上方增加明确的浇水进度提示，让用户了解整体玩法进度，从而建立收获奖励的信心。

B 忠实用户-丰富游戏玩法：

百度果园是一个长线养成类运营活动，为了让老用户持续保持新鲜感，我们在果园里增加具有趣味性的「瓜分水滴」玩法，是参与两日就可获得奖励的轻量化的玩法。第一天用户进入「瓜分水滴」活动，通过大额水滴奖池吸引用户的注意力，提起用户的参与兴趣，在行动操作上弱化付出成本突出行为动作，引导用户点击；用户报名后及时提醒用户打开订阅增加触达场景；并在弹窗上对付出成本与收获回报进行对比，吸引用户第二日再次打开百度果园参与领奖；在领奖的同时直接引导报名下一期活动，持续拉动用户回流。

C 召回用户-好友之间的互动玩法：

为百度果园赋予情感与故事性，好友社交上分两步探索，第一步引导用户去“偷”好友的水滴，在好友之间持续互动，水滴是贯穿百度果园整体玩法的重要代币，好友的水滴被“偷”，就降低了好友“薅羊毛”的速度，但对用户自己来说，“偷”水也需要“偷”的高效，我们在果园里增加了连续“偷”水动作，边“偷”水边把好友喊回来；为了丰富用户的体验感受，在好友果园跳转之间增加了树叶遮挡的动画效果，动画转场同时也是替代小程序白屏转场的好思路，营造了好朋友在果园之间串门的感受。

第二步好友互动持续升级，通过家庭合种的概念加强用户之间的联系，情感化的方式来提升用户主动参与意愿，拉动身边亲朋好友一起加入“薅羊毛”的队伍，一方面帮助用户提升领水果的速度，另一方面也帮助百度果园在用户上实现破圈。在玩法设计上我们区分3个视角进行设计：

• 合种的发起者：突出快速收获，激励用户分享拉好友来帮忙种植水果，通过仪式感转场和主视觉的变化营造家庭故事氛围；
• 帮种者视角：通过弹窗上操作确认加入合种小队，加入合种后在每次浇水时增加『谢谢你帮我浇水』的情感动画反馈，烘托帮种氛围；
• 共同利益视角：阶段式的奖励激励用户召回和拉新的好友，把共同“薅羊毛”的氛围拉满。

3、平衡：种植真实性+趣味化的方式传递给用户，实现产品增长和用户福利的双重价值，“羊毛”薅不停。

百度果园在上线一段时间后，我们思考如何能进一步丰富果园玩法，要帮助业务稳定ROI，同时也要在用户角度上玩的更加有趣。我们从体验、用户、增长3个角度进行分析，为百度果园增加“道具”玩法：

• 从体验角度上打造更加真实的种植体验趣味性，让用户感知更丰富的活动玩法，并与用户的核心诉求相匹配，通过浇水道具来帮助提升用户的浇水效率、降低浇水难度；利用互动道具增加自身收益，再留出其它能够持续扩展的方向让百度果园的玩法更加丰富有趣；
• 用户角度上，帮助用户更快实现自身领水果的目标；以及种树人的路上永远不能孤单的互动方式；
• 业务增长角度上，后续可以持续扩展百度果园自身特色，持续把百度APP的服务、功能推荐给用户，持续体验产品，增加百度APP的粘性。

结合百度果园自身可落实上，我们优先在可以提升用户浇水效率，帮助用户快速拿水果的道具进行试水，结合线下实际生活中的种植场景去思考，所以我们将道具名称与玩法设定为「化肥」，在种植中增加化肥收益，提升果树的种植进度，让百度果园在玩法上更加生活化。

新玩法上线后，通过上线提示引导用户去使用道具，用户进入百度果园后先给到用户一袋「化肥」来体验玩法，让用户快速感受到道具带来的实际价值，从而建立信任。用户使用道具后，果园主页直接破壳「化肥」道具的状态，我们给到「化肥」道具3种状态来描述使用情况；健康有活力的绿色状态代表化肥的养分非常充足，果树的成长速度加倍；橙黄色代表果树的生长进度欠佳，需要用户关注；红色状态代表果树缺少养分，需要用户去使用新的「化肥」，并在红色状态下我们直接破壳使用引导，直接提示用户点击。

三、后续发散

随着百度果园的进一步成长，能够带给用户的不仅是“薅羊毛”类活动的概念，百度果园也会继续向带有社会价值与故事性活动内容延伸，更多的去赋予精神意义与社会意义；我们后续也会持续打磨、持续平衡产品收益与用户情绪的价值，不仅仅是在“薅羊毛”，更会让每一次的浇水、施肥和每收到的一箱水果都有自己的含义。

写在最后

增长是产品商业化持续的目标，有了百度果园的经验和设计思路，也为我们后续探索新的长线活动玩法提供了基础和经验，我们的工作也将持续充满着挑战和更多乐趣。

作者：百度APP用户体验

转载请注明：学UI网》关于“薅羊毛”那些事儿——百度果园长线活动设计思考

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

不能被一个网站而限制

最近 Behance 封停了国内账号，导致很多设计师无法访问，因此也流传了很多解决方案。今天黑马哥就不和大家讨论这个解决方案了，其实有很多同学就算在能访问的时候也没看几次~O(∩_∩)O~。

这个事件告诉我们，设计师的习惯是多么的重要，我们的设计灵感不能因为一个网站平台而局限。退出账号依然可以访问，只是很多同学纠结的是自己的收藏没有了，如果平时养成本地化采集的习惯，你就不会出现这个问题。我们不要把希望寄托在云端，只是买一个硬盘就能解决的事情，也不要觉得不方便，其实很多作品我们也不会经常看，存储只是为了不时之需。每年都对采集的作品进行一次整理，近两年的放在电脑里面，时间过长的存储在硬盘里面就可以了。主要还是要对作品进行分析，掌握作品的技法经验和设计思维才是关键。

除了存储习惯以外，我们也不要只是固定访问一个网站获取灵感，优秀的设计类平台是很多的，我们要发现更多新大陆。下面黑马哥为大家精选几个访问频次较高的国外平台，国内的大家都比较熟悉这里就不列举了。

设计/插画等灵感网站推荐

以下推荐一些个人比较常用的几个网站，排名不分先后，属于随机性排序。

1、notefolio

https://notefolio.net/

notefolio 是韩国的一个设计交流网站，很多设计师都会在这里分享自己的设计作品和进行设计交流。和国内很多设计作品分享平台类似，是一个综合型设计师交流社区，有平面设计、UI/UX 设计、插画、产品包装设计、摄影、版式设计、数字艺术、美术、工艺等等。

2、Mobbin

https://mobbin.com/

这是一个汇集全球优秀 APP 截图的网站，有超过 50000 个优秀 APP，节省了下载应用的时间，对于 UI 设计师来说非常实用。

同样的应用还提供了 iOS 和 Android 两个不同版本的截图，简直非常的人性化。这是一个使用起来非常简单的网站，海量的设计必将开启你的灵感脑洞。

3、Pinterest

https://www.pinterest.com/

这绝对是一个灵感采集的绝佳网站，经过众多用户的长期积累，已经汇集了全球大量的优质图片资源，其中设计作品也是非常丰富，且质量都普遍偏高。

你可以通过关键词搜索、画板关注、以图搜图等操作获得灵感，而且相似推荐还能延伸出更多类似构图、配色、主题等图片资源。点击作品还能跳转到原始出处，顺藤摸瓜找到更多优质资源，真的是非常便利。

4、Designspiration

https://www.designspiration.com/

该网站除了通过关键词搜索图片内容以外，在搜索栏有⼀个调色板的图标，点击可以通过指定的颜色进行搜索相关配色的图片或者设计。在选择颜色的时候不是单一的色彩选择，可以选择几个配⾊组合进行搜索，对于设计师来说⾮常实用。

5、Abduzeedo

https://abduzeedo.com/

Abduzeedo 是一个优秀的设计博客，提供给设计师创意和灵感的社区，这里有设计、摄影和 UX 等相关的文章提供给那些想寻找灵感的设计师。这是一个开放的设计社区，它是设计师日常的灵感来源。

6、UI Garage

https://uigarage.net/

UI Garage 提供了很多应用设计的截图和模板，专业细分的类别和精挑细选的设计截图，还有很多设计工具推荐，是一个非常实用的网站。在这里不仅可以获得设计灵感，还能获得优秀的设计工具或者插件来提高我们的工作效率。

7、Dribbble

https://dribbble.com/

Dribbble 相信很多喜欢 UI 设计打卡的同学比较熟悉，汇集了大量设计师的一些日常创意作品。该网站不同之处是发布作品需要邀请码，就是需要有邀请码的设计师邀请加入才能发布作品，获得邀请码也相当于设计能力获得认可。

整体作品的质量还是不错的，如果当你设计时没有想法，这是一个不错的灵感采集地。

8、ndc

https://www.ndc.co.jp/works/

这个网站展示了很多非常不错的设计作品，偏向于简约风。相信这些项目设计的灵感，可以带给我们更多的设计思考。

9、FolioArt

https://folioart.co.uk/

FolioArt 是一个插画艺术作品展示网站，拥有高质量的插画作品，形式也多种多样。就像一个插画家的资源库，让有商业需求的客户通过这个平台，和世界顶尖的插画师进行合作。

10、unDraw

https://undraw.co/illustrations

这里提供的插画作品数量众多，各种小场景的插画无论是独立使用，还是组合使用，肯定可以满足很多场景需求了。平台内置的编辑器还可以对插画进行调色，导出格式也是支持后期编辑，非常的实用和便利。

小结

设计的灵感来源途径是很多的，不局限于某一个单一路径，以上的推荐仅为抛砖引玉，还有很多优秀的网站给我们带来设计灵感和经验学习。每个人的关注焦点和选择角度不同，以上仅为个人推荐，不足之处欢迎大家留言补充。

作者：黑马青年

转载请注明：学UI网》设计灵感不应该被一个网站而限制

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加蓝小助，微信号:ben_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司