查看: 503|回复: 0

[最新动态] 原型工具也能自由编辑SVG了!

[复制链接]

232

主题

108

回帖

2829

积分

版主

Rank: 7Rank: 7Rank: 7

积分
2829
发表于 2023-4-21 15:39:06 | 显示全部楼层 |阅读模式
尹广磊公众帐号
四月天,摹客RP发版更新

大家念叨的SVG编辑

也终于来了!

且看原型工具如何玩转SVG (emoji)


应用户期许,摹客RP现已支持导入SVG并进行二次编辑,包括修改颜色以及路径编辑,精细化SVG设计功能,给足二次创作空间。

此外,相比传统的SVG编辑工具欠缺设计、交付一站式服务,摹客RP支持SVG导入、编辑、设计、交付全流程,一气呵成,真正做到了为设计增速。



摹客RP中如何编辑SVG?摹客RP具有钢笔工具和路径编辑,本身是可以从0开始绘制矢量形状的。但为了提升效率,很多用户朋友也倾向于导入既有的SVG图片,再根据项目具体情况,按需进行二次编辑,这里我们主要介绍如何在摹客RP中导入SVG后进行颜色和路径修改。

01 按需导入SVG图片并点击“转为矢量形状”通过图片组件添加SVG或者直接拖入SVG到RP工作区,选中图片后,点击属性面板的“转为矢量形状”。


02 双击进入编组,更改SVG颜色导入后,只需双击进入编组,即可对单色图标修改填充色彩、增加边框以及增加阴影,这里我们把紫色改为绿色。

03 进行路径编辑接上一步,只需再选中单个矢量形状,或者在左侧图层中选择,即可对形状进行路径编辑和布尔运算。

如果还想做更全面的二次设计,只需选中图片后执行右键,再点击“取消合成”/“取消编组”。取消编组和合成后,完全的自由发挥时间从此步开始,可以随意更改或者增删单个矢量形状的填充色、阴影、边框,并进行路径编辑和布尔运算。[backcolor=rgba(255,246,122,0.8)](布尔运算加链接 [backcolor=rgba(255,246,122,0.8)]https://help.mockplus.cn/p/419[backcolor=rgba(255,246,122,0.8)])


总之,小摹一顿操作后,原来的SVG小王子变成了以下模样的SVG小王子。

04 一键分享,交付发布摹客RP是一款覆盖设计到开发交付全流程的原型设计工具,完成编辑后,即可一键发布,快速交付。

以上就是如何在RP中进行SVG二次编辑的一个简单的举例子啦~
在严肃的产品设计过程中,图片的可扩展性、响应性、可编程性,对Web开发至关重要。SVG图像文件小,可大可小不失真,且可压缩性也极强,因而成为最能满足Web开发的图像格式之一。正因如此,我们的诸多用户都提出了在RP中编辑SVG的需求,我们也积极听取意见,把SVG整上线,希望能帮助到大家更好地进行创作。
摹客RP还有哪些更新?除了用户朋友提了多次的SVG编辑功能,RP本次还有其他的更新哦~
1.新增Ant Design等常用三方组件库三方组件库是提效资源,RP目前已增加Ant Design、Element UI、iOS组件库和微信UI,快速搭建高质量的产品原型又进一步。

2.分享演示链接时,支持选择部分页面进行分享分享演示链接时,支持手动勾选项目中的部分页进行分享,更加灵活地控制分享内容。

3.摹客RP超值优惠促销活动2023年摹客RP新春特惠,感恩回馈用户朋友们的支持,给到了诚意满满优惠选购方案。无论是个人使用还是团队使用,全部版本均有钜惠,大家只需抓紧按需选购,绝对超值!
1)RP个人空间包年版:买一年送一年
终身版:限时5折折扣
如果你是独立产品经理,无需与他人协同工作,个人版是你更佳的选择。
点击下图立即购买https://www.mockplus.cn/rp-sale-april/

2)RP团队空间创业版:买一年送半年
企业版:买二年送一年
如果你需要与团队成员协作完成产品研发,团队版将是更适合你的选择。
点击下图立即购买https://www.mockplus.cn/rp-sale-april/

3)免单抽奖机会 只要在活动期间购买了摹客RP,都可以参与抽奖活动,将有机会获得以下惊喜豪礼:
  • 个人版全额免单;
  • 京东E卡(100面值);
  • Midjourney会员;
  • 摹客定制笔记本。
4)产品经理实用礼包在活动期间购买摹客RP即可获赠产品经理实用礼包,包括:
  • 【知群】5天PM精品直播课
  • 【ProcessOn】个人版月度会员
  • 【嗨格式录屏大师】3个月会员
  • 【小画桌】1个月高级版会员
  • 【Billfish】3个月高级版会员
  • 【坚果云】团队版会员20天
RP春季福利活动结束时间是2023年4月28日,有史以来最大优惠福利,别错过哦。
戳下图查看更多活动详情 https://www.mockplus.cn/rp-sale-april/

有任何疑问,请添加活动官方客服【小摹】微信号,等你来~



您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-6-22 17:43

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表