Framer Studio

Framer Studio V124

支持系统: Mac
软件大小:58.10MB
软件分类: 平面设计
软件类型:国产软件
软件评级:
软件授权:免费软件
软件语言:简体
  • Framer Studio截图
  • Framer Studio截图

Framer Studio      Framer Studio MAC版是一款功能齐全的原型设计软件,Framer Studio MAC最新版基于Framer.js快速原型框架,可以快速的创建可交互的原型,支持移动应用的原型设计,Framer Studio MAC版还可以帮助设计人员、开发人员以及其他许多有效沟通。

注意事项

对于Mac用户来说,在下载安装dmg程序时,往往会遇到报错提示,小编通过多种测试,主要整理了以下三种常见报错类型:(大家一旦遇到,可以参考以下解决方法,一步一步耐心操作即可迎刃而解!)

常见报错类型一:XX软件已损坏,无法打开,您应该将它移到废纸篓

常见报错类型二:打不开XX软件,因为它来自身份不明的开发者

常见报错类型三:打不开XX软件,因为Apple无法检查其是否包含恶意软件

遇到上述常见报错类型时,可以通过这三种方法进行处理,基本就没有问题了:

【解决办法1】首先尝试设置开启:允许任何来源。(←点击可查看)

通常完成这一步设置,基本就可以继续运行安装程序了。当然,也存在有应用开启了允许任何来源还是不能运行的情况,这可能是因为苹果进一步收缩了对未签名应用的权限,遇到这种报错问题可以通过“终端”执行命令行代码来绕过应用签名认证。

【解决办法2】执行命令绕过苹果的公证Gatekeeper,请参照:Mac打开应用提示已损坏怎么办 Mac安装软件时提示已损坏怎么办?

以上操作如果还不能解决,那就需要把Mac的SIP系统完整性保护关闭掉才可以。

【解决办法3】关闭SIP系统完整性保护,请参照:Mac怎么关闭SIP系统完整性 Mac SIP怎么关闭?

      

软件简介

      Framer.js的创始人Koen Bok和Jorn van Dijk分别是之前Mac平台著名的软件开发公司Sofa的创始人和设计总监,专注于打造小而美的生产力工具,当然目前还只是针对Mac平台,可以说是建立了第二个Sofa吧。

      其实Framer.js很早就推出并且开源了,随着最近3.0的发布,底层代码已经重新全写了,功能和动画效果也更加完善了,官网上的教程和例子也很丰富,可以看到利用它可以创造出和 Carousel,Google Now 这些 app 一样的复杂交互。另外它还提供了一个 The Framer Generator,可以方便的让设计师把 Photoshop 或 Sketch 里的设计图导入到 Framer.js 里面,而这次 Framer Studio 的发布,让这一创作过程更加简便了,极大了方便了设计师,并且之前内测时也得到了包括 Dropbox 等公司的顶级设计师们的一致好评。

Framer Studio截图

功能介绍

      1、开始

      是一种新的创造性的工具来构建交互和动画原型.它允许您连接像素行为和发现令人兴奋的交互设计的新方法.

      2、高保真原型

      原型可以帮助设计人员、开发人员以及其他许多有效沟通的概念,从micro-interactions到整个新员工培训流程.

      3、设计

      探索交互桌面应用程序,网站或移动平台.选择8预先安装的设备在多种颜色或快速修改您的具体设置.

      4、工作流程

      完成样机的设计- 他们导入筹划者与一个单一的点击.开始添加交互和动画让你的设计生活.

      5、构建和设计

      在设计移动时,验证概念的最好方法是去体验他们在实际设备上.在实时预览原型镜子.

Framer Studio截图

软件特色

      一、图层

      Framer中的一切都基于图层.图层指的是区域有限的、有颜色的文本或图像.除此之外,每个图层都有一系列属性可以调整,例如不透明度、宽度、高度、比例、模糊等等.在原型制作中,我们用以下两种方式来使用图层:

      1.图像图层,例如UI设计中得标题、按钮等等.在分层导出之前,我们需要考虑哪些部分需要添加效果,哪些无需,无需的部分就不用分的那么仔细了,否则太多的图层做起来会很麻烦.

      2.热区图层(类似QC中的Hit Area),设置热区图层后,我们可以通过点击来触发交互动效.在调试过程中,热区透明度要设置为50%.当设置完热区后,透明度设置为0%.

      二、状态

      图层可以有一系列的状态,在触发时会有不同的属性改变.在应用的不同状态下,图层显示不同的状态,例如菜单的侧滑,标签栏悬停时的高亮等等.通过交互来触发状态的改变.

      既然状态和图层有所关联,那么可以通过定义隐藏面板的状态.

      三、动态效果

      我们所创建的每个原型在需要的场合都设置了动效,无论是直接交互,或是触发事件.实际上,好的动效能够处理转场过程中大多数问题,首先能够引导用户,也能适时的展现内容.

      动效有很多属性可以设置,例如设置物体状态A Y轴位置是0,状态B Y轴位置为100,可以选择默认效果,也可以修改持续时间、延迟以及动效的其他属性.而且,你还可以选择触发动效的交互方式.

下载地址

百科推荐