UX_Designer-设计工具与软件-InVision_InVision简介与发展历程.docxVIP

PAGE1

PAGE1

InVision的平台特性

1强大的设计工具集成

InVision作为一个设计平台，其强大的特性之一在于它能够无缝地集成各种设计工具，如Sketch、AdobeCreativeSuite、Photoshop、Figma以及Illustrator。这种集成使得设计师能够在他们熟悉的环境里工作，然后在InVision中共享和协作项目。例如，通过Sketch到InVision的插件，设计师可以将Sketch中的设计文件直接导入到InVision中，而无需进行繁琐的文件格式转换。这让设计迭代变得更加高效，团队成员也可以在InVision中实时查看设计的最新版本。

2原型制作与交互性

InVision的交互性功能让用户能够将静态的设计转化为动态的原型。设计师可以通过InVision的界面添加过渡、动画和交互点，将设计稿转变为一个可以预览和测试的交互式体验。例如，假设我们有以下的设计稿数据：

[

{

name:HomeScreen,

images:[

home-screen.jpg

]

},

{

name:ProductDetails,

images:[

product-details.jpg

]

},

{

name:Checkout,

images:[

checkout.jpg

]

}

]

设计师可以使用InVision将这些设计稿串联起来，创建一个从首页到产品详情，再到结账的流畅交互流程。在设计中添加热点和过渡动画，让体验更接近真实应用。

3实时协作与评论

InVision提供了一个实时协作的环境，设计师、开发者、产品经理和利益相关者都可以在同一平台上进行沟通和评论。这大大减少了项目中来回邮件沟通的时间，提高了设计审查的效率。例如，一个产品经理可以在InVision中直接对设计稿的特定部分进行评论，而无需通过邮件或其他方式进行间接沟通。这种直接的反馈机制有助于团队更快地解决问题，推进项目进程。

4设计规范与样式指南

InVision支持设计规范和样式指南的创建与共享，这保证了设计的一致性，降低了在设计和开发过程中可能出现的偏差。设计师可以创建包含颜色、字体、图标和组件的设计库，然后将其共享给团队中的其他成员。例如，一个设计库可以如下所示：

{

colorPalette:{

primaryColor:#185ADB,

secondaryColor:#4AA3DF

},

typography:{

heading:Arial,

body:Helvetica

},

icons:[

icon-heart.png,

icon-star.png,

icon-share.png

],

components:[

{

name:Button,

styles:[

{

label:Primary,

fillColor:#185ADB,

textColor:#FFFFFF

},

{

label:Secondary,

fillColor:#4AA3DF,

textColor:#000000

}

]

}

]

}

通过这样的设计规范，团队成员可以在设计与开发过程中保持统一的风格，减少重复工作。

5高效的项目管理

InVision提供了项目管理工具，帮助团队更好地组织和追踪设计项目。设计师可以创建项目面板，将设计稿、原型、规范和文档都整合在一起，让项目的所有成员都能够一目了然地查看项目的进度和状态。例如，一个项目面板可以包括以下信息：

{

projectName:E-commerceWebsite,

status:InProgress,

te