🐵指尖猴全新升级
第16课:图片与声音
🖼️

图片与声音

给APP穿衣服、配音效

📖知识引入

🗂️图片格式怎么选
PNG支持透明背景(图标、Logo),JPG适合照片(文件小),SVG是矢量图放大一亿倍都不糊。就像鞋分场合:跑步穿跑鞋、登山穿登山鞋。
⚖️图片要瘦身
一张5MB的原图放APP里,加载又慢又费流量。压缩到几十KB,肉眼几乎看不出差别。图片瘦身是APP提速第一招。
🔊音效:操作的声音化妆师
点击「嗒」、成功「叮」、错误「咚」……小音效给操作装上了「体感」,用户不用看屏幕都知道发生了什么。
🎵背景音乐要克制
背景音乐音量要小、能一键关、记住用户的选择(关了下次别自动放)。你的APP是工具,不是强制演唱会。
🤖AI生成素材
2026年,图标、插画、音效、配音都能AI生成:说「要一个扁平风格的番茄图标」,几秒钟出几十个候选。免费又快,但商用记得看授权!
💡
图要瘦身、声要克制、素材可以AI造——多媒体是调味料,不是主菜!

🔍一个APP的素材清单

给「习惯打卡APP」列素材清单:

🖼️ 图片素材:
  App图标:1个(AI生成10版挑1个)
  打卡成功插画:1张
  空状态插画:1张(还没打卡时显示)
  格式:图标用PNG/SVG,插画压到<100KB

🔊 音效素材: 打卡成功:清脆的「叮」✨ 按钮点击:轻轻的「嗒」 连续7天达成:小庆祝音 🎉

🎵 音乐:暂不需要(工具类APP 先不做背景音乐,克制!)

📋 检查三连: 格式对不对?体积小不小? 风格统一不统一?(很重要!)

🎯小测验

第1题:需要「透明背景的图标」,应该用哪种图片格式?

第2题:为什么要给APP里的图片「瘦身」?

第3题:关于APP背景音乐,正确的态度是?

📝本课知识点

  • ✓PNG透明、JPG照片、SVG矢量
  • ✓图片压缩是提速第一招
  • ✓音效给操作装上体感
  • ✓背景音乐要克制、可关闭
  • ✓素材可AI生成,商用看授权
第16课完成!继续探索下一课吧 🚀