星星软件园

首页 > 电脑软件 > Mac软件 > Mac图形图像 >  Framer Studio For Mac(交互式网页原型设计软件) v124免费版
Framer Studio For Mac(交互式网页原型设计软件) v124免费版

软件大小:64.56 MB

软件语言:简体中文

更新时间:2021-01-04

软件授权:免费版

软件类别:Mac图形图像

应用平台:mac OS X 10.8以上

推荐星级:

官方网站: https://framerjs.com/

  • 软件介绍
  • 相关软件
  • 相关教程
  • 下载地址

Framer Studio For Mac是适用于苹果操作系统的一款交互式网页原型设计软件,它为设计师提供了丰富的原型框架供用户选择,可以帮助用户轻松设计出满意的原型,而且在Framer中,一切设计都基于图层,每个图层都有一系列属性可以调整,例如不透明度、宽度、高度、比例、模糊等等实用的开发功能,小编提供的这个是最新版本,有需要的用户欢迎下载。

Framer Studio For Mac(交互式网页原型设计软件) v124免费版

Framer Studio Mac特色

1、自然响应的布局

使用我们的框架工具创建可响应任何屏幕尺寸的布局,其中包括桌面,iOS和Android的预设。 在一个框架内绘制一个框架将其固定在一边并自动设置分层结构。 当您调整大小时,帧甚至可以调整,同时保持按钮,卡片和标签栏等UI元素完整无缺。

2、复杂的形状变得简单

绘制从基本形状到复杂图标的所有内容。 插入矩形,椭圆,多边形和星形,然后将它们用作更高级形状的起点 - 只需双击即可完全编辑和自定义。 想要创造更多独特的形状? 使用布尔操作来添加,减去,相交和排除形状。

3、真正先进的矢量编辑

从复杂的插图到像素完美的图标和形状,您现在可以使用高级路径编辑绘制所有内容。 捕捉矢量垂直,水平或对角线指向,并快速添加和拖动矢量在任何部分的中点。 需要微调和定制? 拖动点以增大或缩小路径,然后双击直线段将其转换为镜像矢量。

4、一种熟悉的风格

我们的属性面板包括您所知道并喜欢的造型图层的所有效果。 从线性渐变和混合模式到多个阴影和边框控制,请从无数种方式中选择自定义您的图层以达到完美效果。

5、生产就绪的交付物

导出您在Framer中设计的所有内容,包括完全格式化的CSS和SVG代码,生产级资产,单个框架,甚至是您希望共享多屏幕流时的整个画布。

安装注意事项

此软件为破解版本,部分Mac系统用户可能无法直接安装,若遇到【app已损坏,无法启动。你应该将它移到废纸篓。】提示时,建议进行以下操作:

1、打开系统偏好设置,选择【安全性与隐私】

2、点击右下角锁状图标,输入密码解除锁定

3、在【允许从以下位置下载的应用】的三个选项里,选择最下方的【任何来源】

4、重新启动程序

*如果打开【安全性与隐私】后没有发现【允许从以下位置下载的应用】选项的用户,可以进行以下操作:

1、复制括号内代码:【sudo spctl --master-disable】

2、在【应用程序】-【实用工具】中找到【终端.app】打开,粘贴之前复制的代码,回车键运行

3、重新启动程序

软件特色

1、开始

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

2、高保真原型

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

3、设计

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

4、工作流程

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

5、构建和设计

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

主要亮点

一、代码从来没有这么简单过。自动代码使得启动一个项目就像插入一个层一样简单。在面板中直接定义一个交互或操作它的属性,然后观察代码的编写过程。简单的语法、预先加载的操作和自动完成的命令将您从基本的设计带到高级的原型。

二、在每个设备上进行实时编辑。拖动图标,调整图像大小,或者直接在视觉画布上移动图层。无论你做什么,自动代码都能跟上你的步伐。需要在原生环境中查看原型吗?Framer支持多种平台——iOS、Android、MacOS、Windows或Web。

三、释放你的创造力。超越现有的转换和快速的动画。使用自定义组件合并真实世界数据并构建下一个级别的接口。这是创造不可能的完美环境。

1、动感——微调动画,使层次完美和谐。

2、触摸-选择预先加载的本机交互模式或自定义您自己的。

3、深度——对三维空间的方向变化和倾斜层做出响应。

4、输入-捕获实际用户在测试和工作与实际用户数据。

5、数据-拉入配置文件照片,用户名,或任何带有API的东西。

6、适应性-作出响应的原型,以适应用户的交互。

四、提高你的设计工作流程。直接从草图或Photoshop导入图形。您的模型的更改很容易与Framer同步。准备好反馈吗?在全屏显示,在移动设备上查看或与世界共享。

今天开始。但是,跳进Framer对你来说是有意义的。从一个循序渐进的指南开始,在Youtube上学习一个技巧课程或者观看一个视频教程。或者加入我们的社区,得到你设计问题的实时反馈。

1、资源-初级文章,深入教程,和模块。

2、草图导入-组织和导入的分步指南。

3、设备预览-获得iOS和安卓的配套应用。

4、社区-加入emain Framer组或RSVP到一个meetup。

更新日志

一、改进

1、粘贴时优先选择SVG。

2、SVG导入相对大小的形状。

二、稳定

1、根据系统语言在代码中呈现SVG。

2、代码中形状的定位和旋转。

3、数字报价器值的舍入。

4、在代码中渲染多个角半径。

5、@ 1x代码上悬停的模糊形状轮廓。

相关专题
  • 下载地址
Framer Studio For Mac(交互式网页原型设计软件) v124免费版