%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20}%20.st1%20{%20fill:%20%235ce6cf;%20}%20.st2%20{%20fill:%20%230080ff;%20}%20.st3%20{%20clip-path:%20url(%23clippath);%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20y='0'%20width='120'%20height='32'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st3'%3e%3cg%3e%3cpath%20class='st1'%20d='M22.4,32H3.2c-1,0-2-.5-2.6-1.4-.6-.9-.7-2-.4-2.9L9.8,2.1C10.3.8,11.5,0,12.8,0s2.5.8,3,2.1l9.6,25.6c.4,1,.2,2.1-.4,2.9-.6.9-1.6,1.4-2.6,1.4ZM7.8,25.6h10l-5-13.3-5,13.3Z'/%3e%3cpath%20class='st2'%20d='M33.6,32c-1.3,0-2.5-.8-3-2.1L21,4.3c-.6-1.7.2-3.5,1.9-4.1,1.7-.6,3.5.2,4.1,1.9l9.6,25.6c.6,1.7-.2,3.5-1.9,4.1-.4.1-.8.2-1.1.2h0Z'/%3e%3cpath%20d='M71.8,9.1h-6.9v4.6h6.9c2.5,0,4.6,2,4.6,4.6h-6.9c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h2.3c1.7,0,3.2-.4,4.6-1.2v1.2h4.6v-13.7c0-5-4.1-9.1-9.1-9.1h0ZM71.8,27.4h-2.3c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h6.9c0,2.5-2,4.6-4.6,4.6h0Z'/%3e%3cpath%20d='M52.3,9.1h-4.6V0h-4.6V32h9.1c5,0,9.1-4.1,9.1-9.1v-4.6c0-5.1-4.1-9.1-9.1-9.1h0ZM56.9,22.9c0,2.5-2,4.6-4.6,4.6h-4.6v-13.7h4.6c2.5,0,4.6,2,4.6,4.6v4.6h0Z'/%3e%3cpath%20d='M110.9,13.7h9.1v-4.6h-9.1c-5.1,0-9.1,4.1-9.1,9.1v4.6c0,5.1,4.1,9.1,9.1,9.1h9.1v-4.6h-9.1c-2.5,0-4.6-2-4.6-4.6h13.7v-4.6h-13.7c0-2.5,2-4.6,4.6-4.6h0Z'/%3e%3cpath%20d='M93.6,18.3h-4.6c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h10.3v-4.6h-10.3c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h4.6c1.3,0,2.3,1,2.3,2.3s-1,2.3-2.3,2.3h-10.3v4.6h10.3c3.8,0,6.9-3.1,6.9-6.9s-3.1-6.9-6.9-6.9Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
简介
Rive Layouts是Rive推出的新功能，允许设计师和开发者创建动态的、适用于任何屏幕尺寸或设备的、生产就绪的图形。它结合了动态设计和响应式网页设计的原则，保留了Rive特有的流畅动画和交互性。Rive Layouts的重要性在于，它使得设计师可以在不牺牲创意的情况下，创建出适应不同设备和语言的响应式设计。
截图
产品特色
动态调整大小的菜单：构建一个图形，使其适应任何地方。通过直观的控制，自动调整图形的位置、尺寸、填充和边距，所有这些都通过Layouts实现，对象可以根据屏幕尺寸拉伸、缩小或重新对齐，而不会失去动画效果。
跨设备功能：图形可以在汽车仪表盘和智能手机之间平滑过渡。
多语言支持：创建自动调整大小以支持不同语言的图形。无需担心文本是否合适，Rive Layouts会处理这一切。
可扩展的设计系统：构建可重用的组件，适应任何屏幕尺寸，确保所有平台的一致性设计。
深层嵌套和灵活性：混合对齐、包装和间距选项，构建可以调整到最复杂用例的布局。
断点：检测组件的宽度、高度或纵横比，以在Rive的状态机中触发不同的状态。
使用教程
1. 访问Rive编辑器并登录或注册账户。
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
2. 在编辑器中创建一个新的项目或打开一个现有项目。
3. 使用Rive的工具和功能设计你的图形，包括添加动画和交互性。
4. 启用Layouts功能，并根据需要调整图形的布局和动画，以适应不同的屏幕尺寸和设备。
5. 使用断点功能来检测组件的宽度、高度或纵横比，并设置在不同状态下的动画和行为。
6. 预览你的设计，确保它在不同的设备和屏幕尺寸上都能正常工作。
7. 将你的设计导出为Rive格式，以便在不同的平台和设备上使用。
8. 将Rive图形集成到你的应用程序或网站中，享受响应式和动态的设计效果。
流量来源
| 直接访问 | 41.58% | 外链引荐 | 47.34% | 邮件 | 0.09% |
| 自然搜索 | 7.06% | 社交媒体 | 3.53% | 展示广告 | 0.40% |
最新流量情况
月访问量
573.31k
平均访问时长
155.83
每次访问页数
4.50
跳出率
39.79%
总流量趋势图
地理流量分布情况
美国
13.55%
印度
10.14%
荷兰
6.07%
越南
3.66%
中国
3.04%
地理流量分布全球图
同类开源产品
Typiq
Typiq是一款通过AI生成完美字体搭配和响应式排版的工具。
AI设计工具#排版
Landscapingai.site
LandscapingAI是一款基于AI技术的景观设计可视化平台，用户可以上传房产照片，快速看到改造后的效果。
AI设计工具#AI
Perfectheadshots
Perfect AI Headshots是一个通过上传自拍照片即可在几分钟内获得40多张专业AI头像照片的网站。
AI设计工具#AI
Face Shape Detector
AI面部形状检测器是一个利用人工智能技术快速准确检测面部形状的工具，帮助用户选择适合自己的美容和风格决策。
AI设计工具#人工智能
Octocomics
AnimeShorts是一款AI动漫创作工具，可以将漫画转换为动态短片，并优化剧本。
AI设计工具#AI
Style Art AI
Style Art AI是一款结合了最新的ChatGPT 4o模型和各种艺术风格的工具，可以通过简单描述或上传图片，在任何风格下创建令人惊叹的艺术作品。
AI设计工具#艺术风格生成器
Imgedify
ImgEdify是一家专业的AI图像编辑平台，提供一体化的图像创作与编辑套件，包括风格转换、虚拟试衣、文字转图像等功能。
AI设计工具#图像编辑
Outfitai
OutfitAI是一款AI服装搭配生成器，利用虚拟试衣技术帮助用户快速浏览各种时尚服装，适用于时尚购物。
AI设计工具#时尚购物
Ghiblitattoo
Ghibli Tattoo Generator 是一个基于 AI 的纹身设计平台，允许用户根据自己的想法生成吉卜力风格的独特纹身。
AI设计工具#吉卜力
替代品
Legogpt
LegoGPT 是第一个通过文本提示生成物理稳定的乐高模型的方法。
AI设计工具#设计
魔法AI绘画
优质新品
魔法 AI 绘画是一款利用最新的人工智能技术，支持多种生成模式的图像生成工具。
AI设计工具#绘画
Pad.ws
pad.ws 是一个白板应用程序，它将绘图和编码环境结合在一起。
AI设计工具#白板
AI Playground
AI Playground 是一个开源项目，旨在为用户提供 AI 图像创建、图像风格化和聊天机器人的功能。
AI设计工具#图像生成
Ominicontrol Art
OminiControl Art 通过提炼 GPT-4o 的艺术风格，提供一个优雅且直观的艺术创作平台。
AI设计工具#数字创作
Magiccolor
MagicColor 是一个创新的多实例草图上色框架，旨在自动化传统的手动上色流程。
AI设计工具#艺术创作
Bizgen
国外精选
BizGen 是一个先进的模型，专注于文章级别的视觉文本渲染，旨在提升信息图表的生成质量和效率。
AI设计工具#视觉文本
Starvector
国外精选
StarVector 是一个先进的生成模型，旨在将图像和文本指令转化为高质量的可缩放矢量图形（SVG）代码。
AI设计工具#图像处理
ART
ART 是一种基于深度学习的图像生成技术，专注于生成可变多层透明图像。
AI设计工具#多层透明图像
精选AI产品推荐
Nocode
中文精选
NoCode 是一款无需编程经验的平台，允许用户通过自然语言描述创意并快速生成应用，旨在降低开发门槛，让更多人能实现他们的创意。
开发平台#应用开发
912
Listenhub
优质新品
ListenHub 是一款轻量级的 AI 播客生成工具，支持中文和英语，基于前沿 AI 技术，能够快速生成用户感兴趣的播客内容。
音频生成#AI
348
Lovart
国外精选
Lovart 是一款革命性的 AI 设计代理，能够将创意提示转化为艺术作品，支持从故事板到品牌视觉的多种设计需求。
AI设计工具#创意工具
1,128
Fastvlm
FastVLM 是一种高效的视觉编码模型，专为视觉语言模型设计。
AI模型#图像处理开源
564
Smart PDFs
国外精选
Smart PDFs 是一个在线工具，利用 AI 技术快速分析 PDF 文档，并生成简明扼要的总结。
文章摘要#AI
984
Keysync
KeySync 是一个针对高分辨率视频的无泄漏唇同步框架。
视频编辑#视频处理开源
480
Anyvoice
AnyVoice是一款领先的AI声音生成器，采用先进的深度学习模型，将文本转换为与人类无法区分的自然语音。
音频生成#文本转语音
26.38k
Liblibai
中文精选
LiblibAI是一个中国领先的AI创作平台,提供强大的AI创作能力,帮助创作者实现创意。
AI模型#图像生成
344.42k