快捷搜索:  汽车  科技

最好的原型设计软件(交互原型设计软件Framer)

最好的原型设计软件(交互原型设计软件Framer)有布局、各种对齐、样式控制。最后就可以预览下设计的结果了我个人认为Framer最强大的地方是可按需的插入各种模板似的的组件和用代码去实现各种呈现。点击Insert可以在画布里添加组件使用。我们选择一个检索文本框,用来检索列表。每个组件的布局功能也很丰富,我们选择一个组件可以看下。

Framer是一个设计可交互动效的软件,可快速导入Photoshop、Sketch中的图像并模拟图层分层,支持手势,可在手机或平板中预览

最好的原型设计软件(交互原型设计软件Framer)(1)

登陆后的首界面,也是一贯的采用左右的结构,上面两个实例案例,我们可以点击New来创建一个新的项目。

最好的原型设计软件(交互原型设计软件Framer)(2)

可选择一个模板创建一个新的项目,或者创建一个空的项目,我们尝试下创建一个模板来创建一下。

最好的原型设计软件(交互原型设计软件Framer)(3)

进来后,其实是很熟悉的左中右的结构,目前大部分设计软件的一个通用性结构。包括页面、页面组件和资产。中间是一个大的画布,用来创作和设计。

我个人认为Framer最强大的地方是可按需的插入各种模板似的的组件和用代码去实现各种呈现。点击Insert可以在画布里添加组件使用。

最好的原型设计软件(交互原型设计软件Framer)(4)

我们选择一个检索文本框,用来检索列表。

最好的原型设计软件(交互原型设计软件Framer)(5)

每个组件的布局功能也很丰富,我们选择一个组件可以看下。

最好的原型设计软件(交互原型设计软件Framer)(6)

有布局、各种对齐、样式控制。最后就可以预览下设计的结果了

最好的原型设计软件(交互原型设计软件Framer)(7)

最好的原型设计软件(交互原型设计软件Framer)(8)

猜您喜欢: