Splash有哪些实用功能，新手如何快速上手
Splash信息介绍
我第一次接触Splash是在设计群里刷到的,当时有人发了个动态启动屏效果，文字像水滴一样慢慢晕开，背景图跟着动效渐变，好看得让人忍不住多看几眼，后来才知道这是Splash做的，它是一款在线设计工具，专门用来做启动屏、弹窗、引导页这些界面元素，不用写代码，拖拖拽拽就能做出带动画的效果，对我这种不会编程的设计小白来说，简直是救星。
打开Splash官网,界面干净得像刚擦过的桌面，没有乱七八糟的广告弹窗，首页就三个按钮：“开始设计”“模板库”“帮助中心”，点“开始设计”直接进入编辑页，不用注册登录也能先用，这点比很多工具都友好，不会一上来就被注册流程劝退。
Splash核心功能有哪些
Splash的核心功能都围绕“简单做动态设计”展开，模板库是它的家底，从App启动屏、小程序弹窗到H5引导页，各种尺寸的模板都有，每个模板自带基础动画，比如文字淡入、图片缩放，不用自己从零做，我数了数，光启动屏模板就有200多个，卡通、简约、科技风各种风格都能找到，挑起来像在超市货架选零食，总能找到合口味的。
编辑功能做得很傻瓜,选中文字双击就能改内容，拖张图片到画布就能替换背景，右侧面板里调颜色、字体、大小，操作简单得像玩拼图，最让我惊喜的是动画编辑器，不用学关键帧，点元素就能加“入场动画”“退场动画”“循环动画”，选个“弹跳”效果，元素就会像皮球一样跳几下，时间还能精确到0.1秒，做出的效果却很专业。
导出功能也贴心,支持PNG、JPG、GIF三种格式，动态效果导出GIF时能调画质和大小，微信表情包要求500KB以内，用它导出时选“压缩模式”，刚好能达标，还能直接生成分享链接，发给同事看效果，对方不用登录就能打开，省了传文件的麻烦。
Splash的产品定价
目前官方暂无明确的定价,我翻遍了官网的“帮助中心”和设置页面，只看到“基础功能免费使用”的说明，免费用户能用所有模板改文字图片，导出静态图片和普通GIF动画，日常做个简单的启动屏完全够用，高级功能比如“3D旋转动画”“自定义音乐同步”这些，点进去会提示“升级专业版解锁”，但具体多少钱一个月、有没有终身会员，页面上没写，估计还在测试阶段，后续可能会公布价格。
不过我发现邀请好友注册能解锁部分高级模板,每邀请一个人，能领3天专业版体验，我上个月邀请了两个朋友，体验了“粒子爆炸”动画，文字散开时像烟花一样，效果确实惊艳，就是体验时间太短，还没玩够就到期了。
这些场景用Splash超合适
上个月帮表姐的烘焙店做小程序更新,需要个“新品上线”的弹窗，用Splash花了15分钟就搞定了，选了个带蛋糕旋转效果的模板，把“草莓慕斯上新”的文字改好，背景换成表姐拍的蛋糕图，加了个“文字从左到右滑入”的动画，导出GIF发给她，她说顾客打开小程序时，弹窗弹出来的瞬间，好多人截图发朋友圈，说“这个弹窗会跳舞”，新品销量都涨了不少。
学生党做课程作业也合适,我室友学UI设计，老师让交启动屏作业，她用Splash选了个科技风模板，改了学校logo和专业名称，加了“线条流动”动画，交上去拿了优，老师还问她是不是用AE做的，她笑着说“就一在线工具，拖拖拽拽就行”。
节日活动时用它做宣传图也绝了,端午节我给公司做公众号头图，用Splash的“节日模板”，选了龙舟和粽子的元素，加了“粽子上下浮动”的循环动画，导出JPG发出去，同事都说比以前静态的头图有灵气，像活过来了一样。
Splash使用注意事项
用Splash时一定要记得随时保存！我第一次用的时候，做好了一版动画，想着先预览一下再保存，结果电脑突然蓝屏，再打开页面啥都没了，气得我差点砸键盘，后来发现右上角有个“自动保存”按钮，打开后每30秒存一次，现在再也没丢过稿子，这个按钮简直是救星，建议大家一进编辑页就打开。
导出动态GIF时别贪大,文件太大会加载慢，有次我做了个带很多粒子效果的动画，导出时选了最高画质，结果文件有3MB，发给朋友看，她手机加载了半分钟才出来，画面还一卡一卡的，后来调低画质到“中等”，文件缩到800KB，流畅多了，肉眼看清晰度也没差多少。
别用太旧的浏览器打开,我试过用家里十年前的旧电脑，用IE浏览器打开Splash，编辑页加载了10分钟，拖元素时卡得像幻灯片，动画预览根本动不了，换成Chrome浏览器后，秒开编辑页，操作顺滑得像摸丝绸，所以建议用Chrome、Edge这些主流浏览器，体验会好很多。
和同类工具比Splash有啥不一样
和Figma比,Splash不用学复杂的图层和组件，它把动画功能都做成了现成的按钮，选个元素点“弹跳”，就能看到效果，新手上手快得像坐滑梯，我表妹零基础，看我操作一遍就会自己改动画了；Figma做动态要调关键帧，对新手来说像解数学题，复杂得头疼。
和Canva的启动屏模板比,Splash的动态效果种类多得多，Canva的模板动画基本就“淡入淡出”“左右滑动”几种，Splash光入场动画就有“弹跳”“旋转”“缩放”“粒子汇聚”十多种，还能组合使用，做出“文字先旋转再弹跳”的复合效果，高级感直接拉满，发朋友圈都被问用啥做的。
和Sketch比,Splash不用下载安装，打开网页就能用，省了电脑内存空间，我以前用Sketch，电脑C盘老提示内存不足，现在用Splash，在线编辑，设计稿存在云端，换电脑登录账号就能接着改，出差时用酒店电脑也能干活，方便得像把工作室揣进了口袋。
新手快速上手Splash教程
打开Splash官网,首页中间的“开始设计”按钮特别显眼，点它进入编辑页面，第一步选尺寸，做启动屏就点“App启动页”，小程序弹窗选“小程序弹窗”，尺寸都是预设好的，不用自己算像素，省心。
选完尺寸进模板库,左侧有“风格”分类，卡通、简约、科技风随便挑，我一般先看“热门模板”，里面都是大家常用的，不容易踩雷，挑个喜欢的模板点一下，画布上就会显示模板内容，双击文字框就能改文字，比如把“启动中”改成自己的App名称，字体、颜色在右侧面板调，想加粗就点“B”，简单得像用Word。
改完静态内容就加动画,点一下要动的元素，比如文字或图片，右侧会出现“动画”面板，选“入场动画”，里面有“淡入”“弹跳”“滑动”等效果，选“弹跳”，下面调时间，0.5秒就够了，太长会显得拖沓，想让多个元素一起动，按住Ctrl键多选，统一加动画，它们就会像合唱团一样整齐入场。
最后点右上角“导出”，选格式，静态图用PNG，动态效果用GIF，调一下画质（普通用“中等”就行），点“确认导出”，文件就会下载到电脑，我第一次用这个流程，从打开网页到导出，全程不到5分钟，做出的启动屏被朋友夸“专业”，心里美滋滋的。
常见问题解答
Splash是免费的吗？
目前基础功能是免费的，不用花钱就能用所有模板改文字图片，导出静态PNG/JPG和普通GIF动画也不收费，不过高级动画效果比如“3D旋转”“粒子爆炸”，还有部分独家模板，点进去会提示“升级专业版解锁”，具体价格现在还没公布，估计还在测试阶段，免费功能做日常启动屏、弹窗完全够用，新手可以先试试免费版。
Splash能做动态表情包吗？
能啊！我试过用“正方形”尺寸模板（表情包一般是正方形），选个卡通头像模板，双击改文字加个“哈哈哈”，然后点头像元素，右侧动画面板选“循环动画”里的“左右摇晃”，时间设1秒，导出时选GIF格式，画质调“低”让文件小于500KB，就能直接发微信当表情包了，我做了个猫咪摇头的表情包，朋友都说可爱，还问我要教程呢。
Splash导出的图片清晰吗？
清晰得很！我上次做启动屏，导出时选了“最高画质”，放到手机上看，文字边缘光滑得像刚熨过的布，图片细节一点没模糊，不过要是你用的素材本身模糊，比如从网上随便下的低像素图片，导出后还是会不清楚，所以素材记得选高清的，普通使用选“中等画质”就行，文件小加载快，清晰度也够用。
Splash需要注册账号吗？
不用注册也能用，直接游客模式设计，但设计稿只能临时保存，关掉网页就没了，下次想改只能重做，注册个账号的话，设计稿会存在云端，换电脑登录账号还能接着改，不怕丢稿，注册很简单，用邮箱或手机号收个验证码就行，花2分钟注册一下，安全感满满，我现在都是登录后才开始设计。
Splash支持手机端使用吗？
现在主要支持电脑端浏览器，手机打开官网能用，但操作不太方便，手机屏幕小，按钮挤在一起，拖元素时手指老点错地方，动画预览也卡，官方说正在开发手机App，估计过几个月就能上线了，到时候躺着用手机设计启动屏，想想就爽，现在急用的话，还是用电脑端吧，体验好很多。
欢迎 你 发表评论: