<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[e2_cool的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/e2_cool</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; e2_cool]]></copyright><item><title><![CDATA[SVG编辑器如何生成浪漫全屏下雪特效图文？]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/156021367</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/156021367</guid><author>e2_cool</author><pubDate>Wed, 17 Dec 2025 16:33:50 +0800</pubDate><description><![CDATA[E2 编辑器传授给你一种更智慧的策略——制作纯黑色底的白色飘雪效果，随后通过黑科技编辑器「滤镜」特效中的「滤色」组件，基于 CSS 混合模式产生最终的覆盖效果！如果我们想通过 SVG 编辑器，让任何长图文的局部或全文产生下雪效果，那么一定要仔细阅读本文提供的 3 种方法，并关注正版黑科技编辑器让你的品牌新媒体运营更上一层楼。以上就是基于 SVG 编辑器生成浪漫全屏下雪特效图文的巧妙策略，并且这些布局方式都是完全穿透的，这就意味着雪花之下你还可以采用更多轮播、交互等体验化的设计！]]></description><category></category></item><item><title><![CDATA[详解：如何打造SVG图文「高级感」？]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/149332987</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/149332987</guid><author>e2_cool</author><pubDate>Mon, 14 Jul 2025 16:07:25 +0800</pubDate><description><![CDATA[让动态元素服务于视觉焦点的构建，通过 SVG 交互设计适当强化阅读的仪式感，自然能让读者因格式塔心理学中的“闭合原则”而主动参与完成交互，对内容产生更强的心理认同。无论缓动函数的合理应用，动画效果的克制选择，交互菜单的积极引入，都实则是品牌性格的量化表达。》T/CASME 1609—2024 指导，SVG 设计“宜优先选择具备缓动函数的动画表达，能体现物理加速、阻尼感的动画为佳，动画细节宜尽可能表现出物理特性的生动感”。最终，每一个像素的移动，每一处按钮的反馈，都应服务于品牌价值的传递。]]></description><category></category></item><item><title><![CDATA[详解：图片渐变上传到公众号出现条纹怎么办？]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/148145959</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/148145959</guid><author>e2_cool</author><pubDate>Thu, 22 May 2025 17:35:57 +0800</pubDate><description><![CDATA[这种条纹效果，并不仅仅是公众号图床压缩机制所致——若你将这张渐变原图在 PS 中极限调整曲线值，就会暴露出该特性，公众号的压缩只是放大了这一缺陷——我们可以将它称之为“色阶断层”，也有一些设计师会习惯将其称为“摩尔纹”。注意，你或许见过一些解析，认为是 8 位/通道导致的色阶断层，进而建议你使用 16 位进行 JPEG/PNG 的导出——好了，以上就是“图片渐变上传到公众号出现条纹”的快速解决方案，运营人不妨分享给你的设计师搭子，下次出图万无一失。真正的解决方案，是对渐变添加“仿色”，一步搞定这一问题——]]></description><category></category></item><item><title><![CDATA[详解：多帧SVG动画在公众号表现卡顿，怎么优化？]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/148145779</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/148145779</guid><author>e2_cool</author><pubDate>Thu, 22 May 2025 17:26:05 +0800</pubDate><description><![CDATA[对动辄 10 万+的多数头部品牌而言，在本就流量基数庞大的图文中再植入超多的序列图片，毫无疑问会为腾讯云服务器带来惊为天人的总流量消耗——从平台侧看，以每年 300 元的账号认证费来讲，平均下来其实根本抵不上每个品牌的官方账号流量成本。更重要的是，以每张图片 1MB 为估计，单个普通 64 帧序列在没有被压缩的条件下，就能理论上瞬间消耗掉用户观看一个短视频的流量——并不是想说用户的流量成本有多高，对于一些非轮播特性的动态，通过动静分离等策略，我们也可以极大优化图文体积的同时实际提升画面的品质。]]></description><category></category></item><item><title><![CDATA[详解：SVG地图热点交互可以怎么做？]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/148144109</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/148144109</guid><author>e2_cool</author><pubDate>Thu, 22 May 2025 17:16:32 +0800</pubDate><description><![CDATA[当我们面对一张巨大的地图素材，并要求对部分关键位置（如高亮城市、地标等）进行可交互的弹窗设计时，我们应该如何合理利用 SVG 编辑器组件，结合恰当的开发思路创作出优秀的地图交互？由此，我们通过 5 大方法可谓完美解决了 SVG 地图热点交互的各种痛点，几乎可以涵盖任何对地图黑科技排版的特殊需求。假如地图信息密度很高，一个分栏里也包含了多个热点，那就意味着弹窗不可互相覆盖，最好具备互斥特性，并支持连续切换可反复查看。中，可多热区触控的无限缩放浮窗大放异彩，它同样能作为地图热点交互的极佳解决方案。]]></description><category></category></item><item><title><![CDATA[[特殊字符]适合母亲节的SVG模版[特殊字符]]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/147821611</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/147821611</guid><author>e2_cool</author><pubDate>Fri, 09 May 2025 14:59:08 +0800</pubDate><description><![CDATA[E2.COOL 秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。这种 H5 感的 SVG 信息展示方法，我们已经多次通过授课为广大 E2 编辑器用户解析，这里可以查看由 Ceep 老师录制的一期视频专题进行学习。的剧情表现，很多运营人当下热衷于通过全文刷新的方式进行 SVG 设计，正如《》通过文案层面的变化巧思，构建了 SVG 填字互动的。]]></description><category></category></item><item><title><![CDATA[中国首个SVG技术标准公开，上海四零四艺术文化发展有限公司参与起草与制定]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/147631877</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/147631877</guid><author>e2_cool</author><pubDate>Wed, 30 Apr 2025 14:23:11 +0800</pubDate><description><![CDATA[中华人民共和国《融媒体 SVG 交互设计技术规范》是由复旦大学奇点新媒体研究中心等单位牵头，上海四零四艺术文化发展有限公司作为中国领先的零代码 SVG 交互设计在线平台，受邀参与到起草与制定工作中，并于 2024 年 8 月起面向全社会行业从业者发布，是目前 SVG 交互设计领域的最高技术标准。为发布方提供基本的代码内版权保护申明，界定融媒体 SVG 交互效果的版权归属，将 SVG 代码指令化序列和被终端程序调用的数据做区分，以 SVG 代码指令化序列为重点进行申明与存证。应包括半自动的触发形式。]]></description><category></category></item><item><title><![CDATA[适合五一劳动节的SVG模版]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/147515170</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/147515170</guid><author>e2_cool</author><pubDate>Tue, 29 Apr 2025 16:59:37 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。值得一提的是，本作在开场结合了「自动入场」SVG 效果，使得夹层主角以自动下落的方式出现，更自然衔接了滑动时的穿梭感官，非常适合五一户外出行场景的互动设计。奥迪公众号《调至「五一」模式》案例效仿了经典的 Apple《谁离你最近，却能严守你的隐私？运营人有选不定的 SVG 模式，背包客有选不定的目的地……]]></description><category></category></item><item><title><![CDATA[详解：哪种SVG提示符的动画最有效]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/147449743</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/147449743</guid><author>e2_cool</author><pubDate>Wed, 23 Apr 2025 14:17:03 +0800</pubDate><description><![CDATA[因而，SVG 的创作应当以相对平和的提示符启动，随后给予较高强度的动画反馈设计，并在中后期逐步降低交互的复杂性以确保完读率。例如，用户点击按钮后，后续动画应在 400 毫秒内执行并展示，让用户知晓操作已被接收。因而，SVG 的创作应当尽可能遵循模版原先的执行方式，避免出现重复上传素材（导致画面不变化）的情形，影响用户的反馈体验。在设计提示符动画时，需要结合具体的应用场景、用户需求和产品风格来选择合适的动画效果，同时要注意动画的时长、速度和频率等参数，确保既能有效地传达信息，又不会给用户带来困扰或不良体验。]]></description><category></category></item><item><title><![CDATA[详解：如何变更/确认公众号IP/群发IP显示]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/147448704</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/147448704</guid><author>e2_cool</author><pubDate>Wed, 23 Apr 2025 14:04:32 +0800</pubDate><description><![CDATA[本期，E2.COOL 黑科技 SVG 编辑器就来为广大运营人详解 如何变更/确认公众号IP/群发IP显示，为你的公众号运营工作提供清晰的 IP 定位方法认知。注意一点，如果你通过电脑连接手机热点，往往电脑虚拟 IP 往往不会作用于公众号 IP，而是仍然取决于手机的状态。与公众号自身 IP 相似，在群发任务被「扫码」确认那一刻，电脑的 IP 就会确定这篇图文的最终 IP。千万不要天真的认为，登陆扫码时你的 IP 正确，创建并保存图文草稿时你的 IP 正确，就意味着群发后图文的 IP 也会同步——。]]></description><category></category></item><item><title><![CDATA[[特殊字符]AI人工智能风格SVG模版[特殊字符]]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/146099433</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/146099433</guid><author>e2_cool</author><pubDate>Fri, 07 Mar 2025 16:48:00 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。对于高阶的 AI+SVG 式特殊项目定制级开发，黑科技 SVG 编辑器将在新一期的高校「英杰计划」公益免费培训项目中传授。通过 GIF、SVG 等手段，运营人也可以采用更高阶的制作手法复现 AI 界面内的各类交互。带有收缩特性的伸长，能给用户一种“焕然一新”的氛围烘托，正如《；对于多段伸长，则请务必查阅《。]]></description><category></category></item><item><title><![CDATA[[特殊字符]推荐适合妇女节的SVG模版[特殊字符]]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/146043420</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/146043420</guid><author>e2_cool</author><pubDate>Wed, 05 Mar 2025 15:08:01 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。关于在黑科技编辑器中模拟弹窗开关的 SVG 效果还有很多其他选项，建议通过 Ceep 老师录制的多个专题视频课拓展学习。我们也可以采用纵向方式实现类似的文案重组滑动设计，同样可以参考 Ceep 老师录制的专题视频课学习。在黑科技 SVG 编辑器中，还有更多精彩的轮播动画及其组合设计策略，可以点击阅读《]]></description><category></category></item><item><title><![CDATA[[特殊字符]推荐适合情人节的SVG模版[特殊字符]]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/145590941</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/145590941</guid><author>e2_cool</author><pubDate>Wed, 12 Feb 2025 16:59:33 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。元宵将至，福运满盏，让我们用灵动的 SVG 交互为读者带去最真挚的祝福吧！这是一种适用于转折、升级等存在剧情转变的 SVG 交互模型，可以通过Ceep 老师录制的专题视频课学习。关于在黑科技编辑器中模拟弹窗开关的具体方法，可以通过 Ceep 老师录制的多个专题视频课学习。红色与粉色，是情人节常用的主题色彩。]]></description><category></category></item><item><title><![CDATA[来了！第四届SVG大奖赛佳作合集！]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/145590132</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/145590132</guid><author>e2_cool</author><pubDate>Wed, 12 Feb 2025 13:13:56 +0800</pubDate><description><![CDATA[E2.COOL 黑科技编辑器 1024 节第四届 SVG 大奖赛结果公布]]></description><category></category></item><item><title><![CDATA[[特殊字符]推荐适合元宵节的SVG模版[特殊字符]]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/145546247</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/145546247</guid><author>e2_cool</author><pubDate>Mon, 10 Feb 2025 11:30:40 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。这里你需要提前准备一个有声音无画面的视频作为排版素材，即刻前往黑科技编辑器，在「音频」大类中找到「GIF播放器+伪音频视频」畅快体验！元宵将至，福运满盏，让我们用灵动的 SVG 交互为读者带去最真挚的祝福吧！游园会的门票准备好了吗？》中，灯谜以更具象的解迷游戏展示，核心应用到的是 SVG「]]></description><category></category></item><item><title><![CDATA[推荐适合年终总结SVG模版]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/144559101</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/144559101</guid><author>e2_cool</author><pubDate>Wed, 18 Dec 2024 14:15:49 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。是黑科技 SVG 编辑器的一款经典组件，你可以参考来自 iSVG 团队录制的两期相似案例教程进行使用。让悬停角色在更连贯地篇幅上随着滑动而「前进」，是「错层滑动」的一种经典用法，无论人民日报的《同样你可以通过以下 Ceep 老师录制的视频课程进行学习，重点理解其镂空夹层的设计思维，和。]]></description><category></category></item><item><title><![CDATA[推荐圣诞氛围感SVG模版]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/144431140</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/144431140</guid><author>e2_cool</author><pubDate>Thu, 12 Dec 2024 17:46:50 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。如果你准备了丰富的动静态 LOOK 和产品图，那么结合 SVG「无限选择器」制作成简洁而灵动的交互菜单，无疑能极大提升销售转化率。让元素伴随伸长而移动，是伸长类组件结合「浮层」的典型应用方式。关于无限选择器的创造性应用，建议广大运营人对照我们曾经录制的专题解析进行深度学习，掌握它丰富的多形态部署思路。]]></description><category></category></item><item><title><![CDATA[⏳推荐适双11的SVG模版⏳（第III期）]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/143515258</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/143515258</guid><author>e2_cool</author><pubDate>Tue, 05 Nov 2024 17:05:37 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖，帮助更多品牌以可视化形式完成互动式图文创作。其中横向滑动时产生的 CSS perspective 3D 感官，来自于「视差滑动」这一技术范式，需要编辑器用户对「视差卡片」类组件有比较深度的掌握。我们也可以纵向罗列所有的双十一优惠信息，并通过黑科技编辑器经典的「无限往返伸缩器」SVG 模版进行有效的信息折叠，参考 HTC VIVE 的《]]></description><category></category></item><item><title><![CDATA[万圣节SVG模版汇总｜公众号交互设计｜SVG黑科技编辑器E2.COOL]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/143512330</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/143512330</guid><author>e2_cool</author><pubDate>Tue, 05 Nov 2024 16:26:20 +0800</pubDate><description><![CDATA[黑科技编辑器秉持着让行业“人均 SVG”的生态理念，由多位黑科技编辑器排版设计的头部资深开发者共同打造，斩获包括法国设计奖、美国缪斯。如有任何特效灵感和建议，也欢迎通过客服向我们提出，编辑器将竭诚思考代码转化的可行性。」作为我们编辑器的热门 UGC 组件之一，可用于制作万圣节主题的地图探险小游戏，正如马牌轮胎的《关于「无限选择器」特效的应用思路，建议浏览 Ceep 老师的往期专题录制。将内容隐藏在画面的局部，引导用户点击探索「新品」，这种交互可以基于。发明，关于它的更多应用思路可结合案例教程进行学习。]]></description><category></category></item><item><title><![CDATA[SVG理论入门？这篇复旦大学学术论文讲透了！]]></title><link>https://blog.youkuaiyun.com/e2_cool/article/details/143512149</link><guid>https://blog.youkuaiyun.com/e2_cool/article/details/143512149</guid><author>e2_cool</author><pubDate>Tue, 05 Nov 2024 16:18:28 +0800</pubDate><description><![CDATA[但在新媒体生态中，由于不同平台端限制性开发规则的存在，SVG 体现出具体且差异化的技术应用模式，因而在大多数情形下无法完全对照 W3C 技术文档进行交互设计。通过 pointer-events 属性值管理 SVG 图层响应关系的关键技术，它能通过对不同结构穿透与否的设定，结合 g 编组构建出无限复杂度的 SVG 或 CSS 交互模型，由复旦大学 SVG 交互设计学者计育韬引入业内，并以时尚新闻媒体 VOGUE 的公众号交付为最早的公开实践应用实例，可用于实现“弹出式海报”等交互效果。]]></description><category></category></item></channel></rss>