界面原型设计工具Shireframe、Avocado、Framer、Mockup介绍

以下为你介绍的界面原型设计工具都可用在Linux系统上:Shireframe(基于 HTML 的界面原型库)、Avocado(交互设计工具箱)、Framer(开源原型设计工具)、Mockup(产品原型设计工具)。

1、Shireframe(基于 HTML 的界面原型库)

界面原型设计工具Shireframe、Avocado、Framer、Mockup介绍

Shireframe 可通过 HTML 实现界面原型的绘制。基于 AngularJS 和 jQuery 驱动,使用 RequireJS 进行模块加载,使用 Bootstrap 进行展示。

示例代码:

<!DOCTYPE html>

<html>

<head>

<script src="http://rawgit.com/tsx/shireframe/master/shireframe-r.js"></script>

<title>Doodle</title>

</head>

<body>

<browser-chrome>

<div class="container-fluid">

<div class="text-right vertical-margin">

<a>~Me</a>

<a>Mail</a>

<a>Pictures</a>

<glyphicon th></glyphicon>

<glyphicon user></glyphicon>

</div>

<div class="vertical-margin">

<row>

<col-6 col-offset-3>

<h1 class="text-title text-center"></h1>

<box class="width-100 vertical-margin">|</box>

</col-6>

</row>

<row>

<col-3 col-offset-3>

<button class="btn btn-default width-100">Doodle search</button>

</col-3>

<col-3>

<button class="btn btn-default width-100">I'm feeling doodley</button>

</col-3>

</row>

</div>

<footer class="vertical-margin">

&copy; <text-url></text-url> 2015

</footer>

</div>

</browser-chrome>

</body>

</html>

2、Avocado(交互设计工具箱)

Avocado 是来自 IDEO 的一个开源的交互设计工具箱。设计者可以快速的、无需编码的跟设计原型进行交互。基于 Facebook 的 Origami 框架构建,提供易用的普通来创建完全可定制的原型。

3、Framer(开源原型设计工具)

界面原型设计工具Shireframe、Avocado、Framer、Mockup介绍

Framer 是一个开源原型设计工具,使用 CoffeeScript 编写,支持动画效果和交互操作。

特色:

使用Framer X(互动设计的最佳工具)将您的创意变为现实。创建响应式布局,设计逼真的原型,并使所有产品更接近于生产,所有这些都集中在一处。

Framer X提供了用于设计滚动、链接和页面交互的工具。添加3D效果或动量,创建感觉真实的流程,并在一半的时间内完成所有操作。

Framer X为每个组件创建自定义UI,并在多个项目中重复使用。

下载地址:https://www.framer.com/

4、Mockup(产品原型设计工具)

界面原型设计工具Shireframe、Avocado、Framer、Mockup介绍

Mockup 是一款手绘风格的产品原型设计工具,在短短的几分钟内,用户可以创建一个模型。采用 Vala 语言开发。

应用程序使用从工具条中拖放对象到虚线带白色区。

ubuntu 用户安装,官方PPS(支持ubuntu Precise/Quantal/Raring):

sudo add-apt-repository ppa:mockup-team/releases

sudo apt-get update

sudo apt-get install mockup

下载地址:https://launchpad.net/mockup

注明

以上就是界面原型设计工具Shireframe、Avocado、Framer、Mockup的介绍内容,这些界面原型设计工具都能使用在Linux操作系统中。

栏目相关文章