自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

原创 如何策划交互设计创意?( 计育韬老师高校公益巡讲答疑实录2024)

第十三期计育韬老师继续梳理了在河南高校的讲座中,关于「如果要基于交互设计创意应该做哪些准备?」的问题,一起来看看计育韬老师的答复吧!

2024-07-04 12:17:02 825

原创 H5和SVG的最大区别是什么?( 计育韬老师高校公益巡讲答疑实录2024)

SVG 诞生于 HTML 的前身 XML 时代,因其小巧的特性和流畅的动画而被互联网兼容,并在数据可视化领域拥有当仁不让的地位,与 JS 组合成为 Data Visualization 的主流范式。*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。所以,理解了功用层面的区别,我们就理解所谓「H5和SVG的区别」。

2024-06-28 16:08:53 289

原创 如何看待AIGC中漫画版权争议?( 计育韬老师高校公益巡讲答疑实录2024)

我们以买「设」为例,这种对创作成果有极高自定义要求的绘画,作品价值更高且劳动回报丰富(从数百至上万不等),而 AI 又难以企及藏家的频繁变动需求,可谓是目前二次元漫画交易市场的头部空间。*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。,特此计老师在现场即兴答疑之外,会尽量选择有较高价值的提问进行文字答疑梳理。

2024-06-28 11:51:05 353

原创 推荐️适合新媒体人的AI工具(以及ChatGPT妙用)

AI 应用的本质不是「偷懒」,不要把 AI 仅当作劳动的一种捷径,要成为一个从事「教育」工作的老师,让经过你反复调教的 AI 不断成长,得到和其他用户皆然不同的 AI 成果。而可能受制于使用者的英语水平或其他原因,我们不一定能很快的选择合适的关键字去训练 AI 在反复生成中不断逼近你的预期,因此 ChatGPT 本身就可以用作你生成关键字的工具▼。icon 图标在新媒体中的应用极为广泛,无论笔记、图文、H5、视频都会涉及 icon 的设计和应用,优秀的图标体系能让内容的条理性大大增加。

2024-06-11 17:15:47 680

原创 AI作曲教程️解决配乐版权困境

正如官方指导手册中所言,“在典型的和声进行上进行一些和弦的变化是众多流行音乐的常用做法,这样既能保证有一个好听的和声进行,又不会显得十分老套无聊。如果你需要为一些相对简单的应用场景搭配基本的 BGM,那么或许这套系统的友好交互性能让大多数相对有乐感的人士自制无版权争议的音频文件。那么「天音」所做的就是提前为用户准备了大量预置的「级数和弦」,你不需要理解任何根音、类型等即兴伴奏知识,就能相对快捷地通过自己的音感酝酿出作品「骨架」。,你的 AI 乐曲就渲染完毕了,并可在工作台直接播放聆听。

2024-06-11 16:31:00 813

原创 AI创意广告案例分析️可口可乐、麦当劳、伊利、钟薛高等一线品牌各显神通

以瓶身为线索,结合丝滑的转场和脑洞大开的画作动态,可乐瓶穿越了包括 JMW Turner 的《沉船》、爱德华·蒙克的《呐喊》、梵高的《阿尔勒的卧室》、歌川广重的《鼓楼和夕阳山,目黑》、维米尔的《戴珍珠耳环的女孩》等传世杰作,且瓶身材质随着绘画风格不断发生切换,视频作品在其 YouTube 官方获得 3000 万+ 播放量。为例,计老师接下来介绍的是近期微信生态圈内最爆款的 AI 广告事件——「伊利亚运定制纯牛奶」——以小程序为核心载体,融合语音识别和图像生成的操作逻辑,由用户自行创作属于自己的牛奶包装。

2024-06-11 15:41:38 730

原创 中文文案写作有哪些合适的AIGC工具?

本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。在使用时,譬如以通用的「文心一言」为例,经过近期实验我们发现可以通过反复追问的方式要求它查找出文稿中的错误信息。文案生成是 AIGC 工具最普遍的应用之一,不仅是专注于写作本身的 AI 产品,包括所有问答型 AI 实际上都具备基本的写作能力。譬如广告文案,计育韬老师曾在《

2024-06-07 17:10:02 330

原创 配音方面目前可以用AIGC替代吗?( 计育韬老师高校公益巡讲答疑实录2024)

一方面,专业配音人员如电视台主播介入项目时,我们可以在他主观发挥的基础上,要求他在特定字词和气口进行具体的调整,并结合文本内容表现出情绪的强烈变化;*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。即便对语音要求更高的视频如歌曲演唱,也不乏优秀的解决方案,这也是之前在哔哩哔哩爆火「孙燕姿唱一切」事件的技术前提。

2024-06-07 17:05:33 269

原创 这个高考作文满分的极客,想和你聊聊新媒体写作

好文本的选题、措辞、行文、逻辑是准备出来的。

2024-06-05 13:43:40 722

原创 AI提示词Prompts有没有好公式?( 计育韬老师高校公益巡讲答疑实录2024)

产品层的使命都在于对人类自然语言的极致 AI 认知与反馈,不应逆着平台的发展宗旨使用平台,毕竟终有一天我们可以不再需要所谓「提示词」这样的概念,以最质朴而直观的表达与 AI 沟通。其实优秀的提示词,往往胜在逻辑观,而不是尸块状且晦涩机械的特定关键词权重控制。*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。

2024-06-04 15:08:48 656

原创 国内AIGC工具是否存在版权争议?( 计育韬老师高校公益巡讲答疑实录2024)

但在2023年3月2日,原告发现被告刘某通过百家号账号发布了名为《三月的爱情,在桃花里》的文章,文章里使用了自己先前生成的图片作为插图,并且去除了该图片原有的水印。原告在Stable Diffusion输入提示词,设置参数,生成初始图片,又根据初步生成的图片,增加提示词、调整参数,最终选择了自己满意的图片即涉案图片,体现了原告的“智力投入”,图片具备了“智力成果”要件。涉案人工智能模型设计者仅是创作工具的生产者,不是涉案图片的作者,其亦不主张对输出内容的权利。原告是涉案图片的作者,享有涉案图片的著作权。

2024-05-30 17:02:27 788

原创 前端程序员如何转投SVG领域?( 计育韬老师高校公益巡讲答疑实录2024)

本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。时,已经剔除了部分原 W3C 中的高性能动画类型,且在微信和微博生态中不支持以 JavaScript 对 SVG 进行驱动和管理,因此 SVG 交互设计的代码体系与当下前端开发领域的知识图谱差异巨大。但在微信公众号的 SVG 交互设计体系中,上述思路是行不通的。

2024-05-30 16:05:56 974 1

原创 如何用SVG+AI做一个恐怖故事?( 计育韬老师高校公益巡讲答疑实录2024)

当然,恐怖的感觉并非一定要来源于极端恐怖的画面,合理的「氛围感」创作其实也可以实现创作者期望的效果,或许再结合一段 AIGC 的恐怖氛围音乐生成,你的图文作品就能更上一层楼。*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。》中的部分带有血渍的视觉设计,客观条件下看仍然需要专业的画师介入,创作完全匹配的恐怖故事场景。

2024-05-23 16:42:20 630 1

原创 零基础如何入门SVG?( 计育韬老师高校公益巡讲答疑实录2024)

本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。计育韬老师认为这样的学习方法在 SVG 交互设计领域也是极具价值的,毕竟他本人作为复旦大学马克思主义哲学研究出身的学者,能完全投入设计与开发领域并有所建树就是一个具体的实例。你的本专业不是绝对的瓶颈,只有学习方法才决定你技术造诣的上限。但此时,要求你计划教授给另一个人。

2024-05-20 15:52:27 341 1

原创 LOGO在排版中如何融入?( 计育韬老师高校公益巡讲答疑实录2024)

这样细腻的处理,得益于 currentColor 参数的调用,足见编辑器运营团队对 LOGO 融合设计应用的娴熟能力,他们恐怕也是业内唯一一家对 LOGO 做到充分深色模式适配的机构。*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。,特此计老师在现场即兴答疑之外,会尽量选择有较高价值的提问进行文字答疑梳理。

2024-05-20 15:23:05 417 1

原创 长文推送如何结合SVG?( 计育韬老师高校公益巡讲答疑实录2024)

第二期计育韬老师继续梳理了在湖南高校的讲座中,关于「长文推送如何结合 SVG」的问题,一起来看看计育韬老师的答复吧!

2024-05-17 13:36:02 329

原创 哪种新媒体标题更好?( 计育韬老师高校公益巡讲答疑实录2024)

可以看到数据显示,优秀的封面图与标题设计,并不等同于夸张的画面设计和情绪化的标题文案,简单的标题和纯粹的封面图往往在眼花缭乱的 APP 瀑布流中反而容易被人选择;*本轮巡讲主题除了涉及 SVG 交互外,还包含了新媒体中 AI 人工智能工作流的详解,为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析,因此答疑梳理中也会出现与 AI 相关的知识点,如有任何偏颇之处也欢迎在评论区斧正。首期计育韬老师梳理了在湖南高校的讲座中,关于「标题如何酝酿」的问题,一起来看看计育韬老师的答复吧!

2024-05-16 15:24:06 400 1

原创 计育韬:缩放感应式 SVG 超链接设计,成功!

目前我已经将代码结构推荐到 E2.COOL 黑科技 SVG 编辑器,到时候大家可以具体前往平台体验。

2024-05-10 11:06:04 151

原创 计育韬著《硬核运营》导读:公众号封面图、标题、尾部矩阵等 VI 设计方法

近期综合广大读者们的意见,在图书首版的 5 年后,计育韬老师现开设导读专栏,并结合部分直播活动,带领大家再次打开本书,结合当下新媒体发展共同阅读。而图片消息由于首图默认作为封面,因此在 3:4 的整体图片空间(1440*1080)内设计师要考虑妥当内部 4:3 的主封面图截取范围,确保外层封面图效果和内部首页画面效果的兼容与平衡。关于目前可植入的标题类型可以点击阅读《如上图中,一篇内部是 Collages 复古拼贴风的裸眼设计,另一篇是蕉内与哈利波特的联名产品设计推广,它们的标题都十分贴合内容的调性。

2024-04-30 12:12:11 507

原创 计育韬:支教时期积累的「防蚊」经验|附SVG打蚊子小游戏

为了防止蚊虫甚至蛇的靠近,一位退伍军人教师向我们建议使用雄黄粉,虽然从气味感受讲着实杀敌一千自损八百,但当你面临可能被叮咬不止若干个而是上百个蚊子包的境地时,雄黄应该就是最后的大杀器了。并且在支教这种特殊情况下,我推荐选择这类纯液体易挥发的产品,自己使用后也不会类似其他油性或膏状产品,可能不慎接触到小朋友们产生不必要的问题。在白天烈日下基本是不会有蚊子活动的,而夜晚则由于蚊子的天敌型昆虫和青蛙较多活动其数量也相对有限,因而傍晚就成了乡村蚊子最集中活跃的时期。天又热了起来,到了容易被蚊虫叮咬的时节。

2024-04-29 15:46:12 223 1

原创 「小红书」如何快速破万粉?这8条设计方法别错过!

文末提供 1v1 小红书账号诊断咨询入口

2024-04-26 12:45:42 709 1

原创 计育韬:出书是怎样一种体验?|世界读书日随笔

今天是世界读书日,想和大家换一个站位,从作者视角看看其中好玩的感受与体验。

2024-04-24 17:41:12 561

原创 五一去哪儿玩?启动SVG大转盘!(计育韬设计)

的瞬移序列切换,类似于普遍的抽签交互设计。同时,计育韬老师为点击指令额外增加了一组接续位移并以 0;1 的方式进行降速时间微分,这也就更加贴近交互设计场景下转盘游戏的特性。的 SVG 交互创意设计方法,因而我已将该 SVG 模型同步授权至 E2 SVG 编辑器的 UGC 专区,感兴趣的同学可以前往平台使用。临近五一,大家都安排好去哪儿出游了吗?计育韬老师近期开发了一组基于 SVG 交互技术实现的轮盘滚动效果,主体采用。这个模型的创作初衷,是受 E2.COOL 邀请讲授一期。欢迎留言评论,万一实现了呢?

2024-04-22 16:02:48 114

原创 计育韬:关注后才能阅读全文?SVG模拟实现!

小杨说,“就是不会才有创造力,太会就被框死了”。目前计育韬老师在带一些高校学生时候,代码野蛮写法并不会被他绝对禁止,除非是「跑不通」才会进行介入修改。创意源自不屈,甚至可能源自无知。我们无法自证我们所知的规则是否是客观规则的极限,那么不妨首先将自己已知的规则推向极限。想问问,有没有那种点文章看一半,然后要关注公众号才能看全文的功能,并未不是基于付费功能。,计育韬老师构建了上述这个基础的模型演示,后续将视情况授权至编辑器方应用。实现的技术方法已经梳理在了上方的交互画面内,而我们不禁会思考的是。

2024-04-18 17:15:02 126 1

原创 计育韬:关于 SVG 交互物体轨迹动画的时间微分策略

参数,虽并不常用但在轨迹型互动中它具备重要意义,它同样基于 0 到 1 的区间,对应可以将贝塞尔曲线进行运行点分割。1" 这样的搭配方式,就能有效实现 SVG 交互物体轨迹动画的时间微分策略。1 表现,位移就会如 0;目前在 SVG 主流开发体系内,时间微分是一项效果极佳的“防”二次触发策略(印象中是 GL 最早应用实践),即通过超长时间的。进行时间多个区间的极大/极小分配,将动画区分成运动态和静止态两段流程,并使得大多数后段时间执行静止态。参数表达的,即便它包含分号(两段位移的贝塞尔曲线),在仅有。

2024-04-15 12:03:19 222

原创 计育韬:SVG在苹果VisionPro下表现的前瞻测试与分析

全网首个 Vision Pro 终端 SVG 交互图文测试报告

2024-04-02 14:35:34 1043 1

原创 计育韬:照片过多,公众号如何优雅排版设计?

<click> 的双重触发将轨迹描摹与画布展开同时激活,值得一提的是此处还融入了「关怀设计」,即便用户不做点击行为,也会在若干秒后开始强制执行动画,由此确保了企业中的中高层领导以及外籍人士等相对不熟悉 SVG 操作的读者可以顺利浏览内容。在设计层面,车体采用了突破宫格的巧妙半抠图设计,且宫格线包含了不规则倾斜,灵动而大气,让照片紧密却不拥挤,丰富却有重点。在现实中,照片内容本就各不相同,当我们的设计越模拟真实,读者对照片的视觉统一性预期就越低。》中通过如以上的方式,将照片以不同的角度平铺摆放。

2024-03-19 17:59:51 622

原创 计育韬:公众号图文内GIF色差衔接问题解决方案

在 GIF 的导出流程中,一般设计师会选择通过 PS,将视频的 MOV 格式或 PS 自身制作形成的动态转化为 GIF 格式。但 256 色本身的色彩局限性,就意味着其显色的丰富性不足,因此计育韬老师认为它并非是解决 GIF 色差问题的上上策。而运营人应当积极寻求的解决方案,在计育韬老师看来就对应包含了两大路径:1) 从色彩数着手,统一动态图与静态图的颜色;2)从设计着手,让切片实现合理的过渡和优化。》中,计育韬老师为广大运营人全面解析了 GIF 图的优化策略,但众所周知:GIF 作为一种图像格式本身,

2024-02-20 14:53:35 311

原创 计育韬著《硬核运营》导读:VI-品牌的身份象征|如何更有创意地实现配色

近期综合广大读者们的意见,在图书首版的 5 年后,计育韬老师现开设导读专栏,并结合部分直播活动,带领大家再次打开本书,结合当下新媒体发展共同阅读。同理亦有如蕉内等品牌,其 LOOK 采用标志性的三维立体叙事手法,已经成为了整个行业内的「视觉锤」;而插画则由当代艺术家赖犬先生操刀,他善于基于几何与物体的创作,把「物体」与「生物」融合在作品中,表达自然与现代工业的和谐共处理念。而其中的配色系统往往有很多差异化的应用思路,但沿用 LOGO 并基于 LOGO 进行配色演化,往往是安全且始终高效的配色方案。

2023-12-12 12:12:19 37

原创 计育韬:聊聊最近捐赠复旦档案馆的一件文物

到过本人课堂的同学们,应该都有印象我在「修辞学」方面的一些粗浅的研究工作。而说来惭愧,无论是早些年融合视效演示技术的论述还是当下新媒体范畴的交互设计开发流程解构,我更多侧重以古希腊亚里士多德《修辞学》为溯源基点,力主「修辞学」在丰富感官层面上的积极作用。于是本人开始选择一个归零(Unlearn)学习的新起点,以我们复旦大学老校长陈望道先生的《修辞学发凡》为伊始而求索,并特地竞购了一份 1932 年大江书铺初版的上下册。可惜到手后,发现纸张已经严重脆化,不适于再进行翻阅与批注。

2023-11-22 13:52:43 37

原创 计育韬著《硬核运营》导读:VI-品牌的身份象征|LOGO与触发权重

购买过《硬核运营:新媒体技术流养成》的新媒体人有很多,但能对每个部分充分掌握,并随着行业发展进阶理解的读者难寻。近期综合广大读者们的意见,在图书首版的 5 年后,计育韬老师现开设导读专栏,并结合部分直播活动,带领大家再次打开本书,结合当下新媒体发展共同阅读。

2023-09-21 13:56:22 67 1

原创 计育韬著《硬核运营》导读:VI-品牌的身份象征|第一章

举个例子,一家 Local 在收到 Global 的材料后,根据 Social Media Guidelines 的要求对将设计内容部署到网站或公众号/微博图文上,由于手册中客观标注了一些对于尺寸、距离的绝对值控制问题,所以在执行前端设计时,执着于如 px 等单位的应用,并因为不同机型表现出极大差异而苦恼不已。这也就是为何,一个优秀的新媒体账号 VI 应用,会在用户扫过屏幕的一瞬间,得出“这一定是某某品牌账号”的结论——VI 所带来的品牌身份象征,是无需诠释,更无须专业化分析的。上海市知识分子联谊会会员。

2023-09-01 14:42:10 53 1

原创 计育韬著《硬核运营》导读:新媒体人本质上是科技工作者|序言

同样,在后续的导读中,计育韬老师也会以序言立论为核心,在必要的篇章中引入更多当下科技工具的应用思路和人工智能产品的辅助设计。同样,我们也期待曾经读过或未曾读过《硬核运营:新媒体技术流养成》的新媒体人,能习得「科技工作者」的精神和修养,在「生产-研究」的循环之中完成自己扎实的科技知识与技能基础。当然,有的读者会感到彷徨甚至悲悯,对未来的个人职业持一种悲观态度,但在多数人无法拒绝的现实下,至少尝试拥抱它足以解决此刻面临的诸多新媒体岗位问题。上海市信息化青年人才协会会员。上海市知识分子联谊会会员。

2023-08-31 15:35:55 106 2

原创 计育韬:为什么vw单位比px更适合新媒体设计?

首先,vw 单位是 Viewport Width 的缩写,意为视窗宽度。而所谓的视窗一般指整个浏览器,所有无论你在 HTML 结构中的任何位置引用,它的比例尺都是相对整个浏览器而言的,相比之下百分数就会受制于父结构的尺寸而不能针对整个浏览器尺寸进行更直接的适配。不管在什么终端屏幕条件下, vw 都是把屏幕分为平均的 100 等份,那么对于整个屏幕而言,1vw 和 1% 就是完全相同的——比如我们假定移动端视窗宽度为 350px,那么 1vw 就相当于 3.5px。

2023-08-22 12:40:41 51 1

原创 计育韬:在中国新媒体大会,向新华社、腾讯、中传追问行业的未来

初看到这个产品时,计老师并没有完全抓到它的应用价值,但现场的中传人告诉我,他的一个重要意义其实在于,当新闻记者身处有危险性(如战争、自然灾害)要素的场景中时,它可以极大避免新闻人因编辑工作导致威胁个人安全的问题。而我在这里,短暂跳出当下所属的技术圈层,却能看到未来更宏大的科技世界蓝图。特地观察了大会的英文标题,对新媒体的诠释为「NEW MEDIA」而非「SOCIAL MEDIA」——这就意味着,「新媒体」的定义在这场盛会的视角下是非常宽泛的——甚至它是一种内容、媒介、科技、产品的综合体。

2023-07-19 11:46:45 85

原创 计育韬|微博SVG交互开发限制性规则|内参

例如在 V3 新版发布前夕,我曾就微博 SVG 编辑器 30 万字符限制的特性向微博官方提出了开放建议,希望可以提供约 80 万的容量。鉴于微博 SVG 整体技术的白名单尚未确定,我撰写此帖为内参,也汇总了多位资深开发者好友的探讨,相信可以为未来的入局者们提供积极的参考价值。此外,我也协调支持了包括秀米、135 编辑器两方共同参与,以期官方编辑器能快速入局为更普遍的用户提供好模版服务。

2023-07-19 11:42:33 46

原创 实例|微博SVG实验 - 基于 id 能力的 <use> 复用结构

目前就微信公众号生态端看,由于 id 限制的缘故,套娃型代码层出不穷且层级深不见底,这既给后期调试工作带来诸多不便,又不利于代码本身的加载效率,还容易引起各类在传统 XML 开发中匪夷所思的误触情况。归根结底,是因为在 id 限制条件下,除了透明度动画外各类位移属性的书写都有局限性,尤其若要实现具备长按/松开形式下坐标变化的 animation,可行性均有待商榷。大家好,我是交互设计师计育韬,本文分享一个微博 SVG 交互的经典模型开发,其效果为:在长按屏幕时,三个立方体朝不同方向飞出;

2023-07-17 11:46:59 101

原创 微博,也支持SVG啦!(附内测申请)

品牌新媒体人必读!

2023-07-17 11:37:24 146

原创 计育韬:(答疑)为何明明代码正确,SVG动画却有白线/缝隙?

但同样的,当设备本身出现卡顿,尤其出现未达到明确跳帧,但存在卡顿的情况时,就容易发生时隐时现缝隙的问题了。过分高频的对草稿图文的反复预览行为,导致本机微信中对应缓存过多,以及预览草稿被逐步限流访问,实际使得 SVG 动画播放卡顿,进而产生了肉眼可见的缝隙。解决方法上,一方面是修正本身存在的设计、排版错误,另一方面也还是建议利用好「背景图片」或者说「零高图片」思路,垫掉存在的对应缝隙。同时也不必过于纠结这一现象,因为对一个新用户来说,图文都是首次打开,不存在运营人情形下的多次反复预览导致缓存溢出的问题。

2023-07-14 12:43:16 191

原创 计育韬:公众号图像素材高清晰度应用指南

不同行业的图像设计方法各不相同,对图像品质的感官要求亦是天差地别,我所提到的所有知识点也是经验的总结和积累,所以也一样建议你多总结自己实操过程中的感悟。只要形成了标准化的操作习惯,对像我们这一类行业资深玩家来说,图像模糊是完全不会存在的问题。也衷心希望你通过本文能了解到全新的新媒体图像处理知识,预祝你在此后的运营工作中一切顺利!

2023-07-14 12:39:29 121

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除