Invision Studio-原型+ui设计一站式设计工具

当前位置：首页 › blog › Invision Studio-原型+ui设计一站式设计工具

使用 InVision Studio，针对移动端和 web 端都可以设计出适应不同屏宽的界面。具体实现机制应该和 Sketch 的「Resizing」功能差不多，需要设置图层的一些相关选项才能达到效果。
利用 InVision Studio，可以将团队的设计规范落地在设计工作中了。那些 UI Component，看上去像是 Sketch 中「Symbol」的升级版。当设计系统中某些 UI Component 的样式更新以后，整个设计文件中的相同 UI Component 都可以同步更新。
优点：
界面设计的部分绝大多数操作与 Sketch 一样，几乎没有学习成本。
支持不同精度的原型动画，从简单的页面切换到跨页面元素转场；提供时间轴进行细微调整、自定义动画曲线等；支持页面滚动。整体功能与 Principle 类似。
除了提供与 Sketch 类似的自适应布局，也支用百分比定义宽高。
每个画板可单独设置网格和栅格参考线。
提供黑白两色主题，在视觉风格上比 Sketch 更扁平现代。
不足的地方也比较明显：
- 对中文的支持还不成熟，无法显示选定的中文字体。
- 一些常用功能缺失，如图片填充形状、模糊效果，图层复制粘贴、切片等。
- 虽然支持 Sketch 文件导入，但目前有许多兼容性问题。
- 宣传片中提到的「设计系统共享」「生成代码」功能暂时没有看到。
对比

码前是同样作为一款集需求梳理、产品原型、UI设计等功能于一体的自动化智能设计工具，可将编码前的各环节紧密衔接，为各角色赋能，让产品经理、业务人员、开发人员、创业者、销售人员、UI设计师乃至各类企业团队用户快速完成一款应用编码前的各项工作。此外，依托码前的行业需求库、原型库、模板库，可敏捷高效地完成设计工作，轻松应对商业创新过程中的效率挑战。

一、基础功能

需求梳理

简单勾选，快速完成应用程序功能梳理, 用标准化、流程化的方式构建产品需求，基于庞大的产品模型库直接勾选功能，快速创建专业思维导图，从而生成数字化需求文件，聚焦核心业务分析。同时支持自定义添加页面功能，分析并梳理定制化需求，助力更多个性化、业务化、专属化的想法执行落地。

产品原型设计

“码前”内置众多行业原型库、模板库，帮助用户智能化搭建产品原型，减少了大量重复性工作，有效提升30%-60% IT项目效率，实现创意到产品的快速落地。

UI设计

快速交互，多样批注，团队管理，可基于高保真原型自动生成一对一的UI设计源文件，并实现一键导入，为前端工程师实现自动切图标注功能，提高产设研开发团队的整体效率。

二、产品亮点

码前基于丰富的行业案例资源，提炼丰富的产品功能素材，用户从需求库内直接勾选功能完成应用构建，高效准确的描述IT数字化需求，另一方面企业可沉淀私有原型库的功能在很大程度上提升了项目执行效率。

此外，码前内置丰富素材简单勾选，不仅能够自动生成完整的业务需求表，将创意快速孵化落地。同时可自动化智能生成阶段交付物，显著提高效率，为企业降本增效。利用码前，无需采购多个第三方工具平台，便可实现无缝协作管理，管理更加便捷高效。