Framer Studio for Mac(原型設(shè)計工具)

Framer Studio for mac是一款非常不錯的交互式原型設(shè)計軟件，軟件功能強(qiáng)大，操作簡單。該軟件是專為Mac平臺上開發(fā)的開發(fā)工具，對于產(chǎn)品設(shè)計師的工作非常的有幫助，軟件還可以將?photoshop 或 Sketch 的設(shè)計圖直接導(dǎo)入，極大地簡化了設(shè)計過程，是一款非常實用的工具。歡迎來9553免費的下載體驗。

軟件特色

這是一款可以在蘋果電腦MAC OS平臺上使用的功能非常強(qiáng)大的Mac開發(fā)軟件， Framer Studio for mac可以方便的讓設(shè)計師把 Photoshop 或 Sketch 里的設(shè)計圖導(dǎo)入到 Framer.js 里面，而這次 Framer Studio 的發(fā)布，讓這一創(chuàng)作過程更加簡便了，極大了方便了設(shè)計師。?

軟件背景

Framer.js 的創(chuàng)始人 Koen Bok 和 Jorn van Dijk 分別是之前 Mac 平臺著名的軟件開發(fā)公司 Sofa 的創(chuàng)始人和設(shè)計總監(jiān)，隨著 Sofa 幾年前被 Facebook 收購，他們也都加入到 Facebook 做起了產(chǎn)品設(shè)計，但最近兩人離職后創(chuàng)立了 Podium，專注于打造小而美的生產(chǎn)力工具，當(dāng)然目前還只是針對 Mac 平臺，可以說是建立了第二個 Sofa 吧。

其實 Framer.js 很早就推出并且開源了，隨著最近 3.0 的發(fā)布，底層代碼已經(jīng)重新全寫了，功能和動畫效果也更加完善了，官網(wǎng)上的教程和例子也很豐富，可以看到利用它可以創(chuàng)造出和 Carousel，Google Now 這些 app 一樣的復(fù)雜交互。另外它還提供了一個 The Framer Generator，可以方便的讓設(shè)計師把 Photoshop 或 Sketch 里的設(shè)計圖導(dǎo)入到 Framer.js 里面，而這次 Framer Studio 的發(fā)布，讓這一創(chuàng)作過程更加簡便了，極大了方便了設(shè)計師，并且之前內(nèi)測時也得到了包括 Facebook，Dropbox 等公司的頂級設(shè)計師們的一致好評。

軟件功能

可以幫助你把你的動畫和交互原型設(shè)計到一個全新的水平

Framer Studio 是因為時尚又有效的，一旦你啟動應(yīng)用程序，你會發(fā)現(xiàn)它非常實用。Framer Studio的主窗口有代碼編輯面板上的左側(cè)，預(yù)覽面板上的右側(cè)，并在其窗口的上側(cè)的全面的工具欄。

除此之外Framer Studio配備了全拖放支持，所以您可以將您的Mac桌面的任何圖片到其瀏覽器窗口中的事實，該應(yīng)用程序還可以幫助你從Photoshop，Sketch或After Effects導(dǎo)入文件，一個更簡單的方法將其轉(zhuǎn)化為互動式的互動和動畫原型。

設(shè)有大量的有用的功能，會加快您的原型建筑的工作流程

小型可重復(fù)使用的代碼塊 - 當(dāng)你考慮到的事實，它可以幫助你提高你的工作效率與片段的幫助的事實，F(xiàn)ramer Studio是一個精心開發(fā)的應(yīng)用程序與用戶友好的界面變得明顯。

此外，F(xiàn)ramer Studio還設(shè)有一個網(wǎng)絡(luò)督察，幫助您發(fā)現(xiàn)，檢查，并在你的代碼，并自動完成功能，使您可以輕松加速增加的功能，屬性和變量的過程中修正錯誤。

易于處理和平穩(wěn)運行的動畫和交互原型開發(fā)應(yīng)用

幾乎所有做原型的變化可以在三維空間中的內(nèi)置的全屏模式的幫助下處理，并正與不同的方向和像素密度的設(shè)備各種各樣，即?觀察，的Nexus5，iPad的迷你，和ipad空氣，以及iPhone5C，5S，和6。

更重要的是，隨著其內(nèi)置的基于春天的物理引擎，你可以給你的動畫更加自然的感覺的幫助下，其默認(rèn)的過濾器可以讓你控制接口方面，如模糊，亮度，對比度，色調(diào)，反轉(zhuǎn)和飽和度。

綜合考慮各種因素考慮，F(xiàn)ramer Studio是一個時尚的外觀和流線型的OS X應(yīng)用程序，這將是一個資產(chǎn)，以誰愿意構(gòu)建移動和交互使用Mac的動畫原型任何開發(fā)。

其他版本下載

官方介紹

A JavaScript framework for rapid prototyping. With Filters, Spring Physics and 3D effects. Framer Studio is built on Framer.js, an open source framework for rapid prototyping. Framer allows you to define animations and interactions. It runs on mobile devices, too.

Code

Built on Framer.js, an open source prototyping framework. Low learning curve with CoffeeScript.

Preview

Instant visual feedback while you're working. Runs great on iOS and Android with a WebKit browser.

Interaction

Use state machines to define properties and set up complex interactions. Full gesture support.

Animation

Animate any object in 3D space with spring physics. Hardware accelerated for 60 frames per second.

General

- Changes are rendered in the viewer and on the device.

- Use the full screen mode for an immersive demo.

- iPhones, iPads, Nexus, HTC One, Apple Watch and more.

- Work in any orientation, specific pixel density or zoom to fit.

Workflow

- Small re-usable codeblocks to speed up your workflow.

- A much more legible and minimal way to write JavaScript.

- Discover errors and inspect them with Web Inspector.

- Including functions, properties and variables you define.

Features

- Blur, brightness, contrast, hue, invert and saturation.

- Linear, easing and three different spring physic engines.

- All properties can be manipulated in 3D space.

- Set up complex interactions with multiple animating properties.

More

- Built on the latest, fastest web technology.

- Share your .framer project folder for quick and easy collaboration.

- Connect a device and control your prototypes live.

- Drop images from Desktop or Sketch directly on the viewer.

Requirements

OS version: 10.10 or higher