原型工具

最近一直在关注设计系统，恰逢笔者正准备毕业，毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取，三分钟即可搭建一个用于快速沟通的界面原型。 一、Atomframer 我总结定义了共计82种常见的设计模式，基本满足了大部分基础移动端页面的使用场景。并且本工具的使用方法十分简单快捷，只需以下几个步骤便可完成。 第一步，选择合适的导航 通过…

Framer Studio 在昨天（5 月 31 日）发布了 V90 版本。 以往使用纯代码构建界面、纯代码编辑一个可编辑原型的 Framer 强是强矣，但是对于我国大部分没有 Coding 基础的设计师来说实在只能说是望码兴叹，学习成本确实很高。在要合理构建界面的同时又能兼顾到交互动画逻辑能够顺畅的跑起来，这种代码的组织能力恐怕不是大家把官网上面所有的教程看完就能学会的，这是一种玄学一般的操作意…

编者按：2016年，你的设计软件更新了没？今天给同学们推荐7款原型设计工具，除了经典的Axure，也有一些异军崛起的新利器，优缺点和价格都列出来了，按照自己的需求挑一款吧。 1. Axure PR 难度：★★★★ 价格 标准版-$289一个注册码 专业版-$589一个注册码 Axure RP是美国Axure Software Solution公司旗舰产品，是一款专业的原型设计工具，让负责定义需求和…

对原型工具都不满意？自己动手做一个！本文是Silver的开发者在Medium上写的一篇介绍文章，从各个方面介绍了这款原型工具的优势和特色（与Sketch深度整合、超方便预览、转场效果丰富原型逼真等等），同为设计师，他开发的产品更贴近我们的日常需求，非常值得体验。 Silver是一款便捷进行移动设计流程的工具，它包含：一个iOS应用、一个Mac应用和一个Sketch插件，三者之间无缝衔接，完美配合。…

编者按：30秒出交互原型，5分钟搞定交互动画！今天@Payshare 给大家安利一款超实用的交互原型制作神器，亮点有3：整体交互原型制作，与Sketch无缝配合，制作速度快快快到难以想象，内附一个教程，不到20秒效果就完成你敢信？来收！ Flinto的前身是一款在线制作原型的工具，通过上传图片，添加热点配合相应的交互动作快速的生成整体原型通过网页或者手机端展示给客户观看，与之前介绍的Briefs非…

编者按：不想在错误的软件上花功夫？花五分钟看完这篇！今天推荐的这6款交互设计工具全是经过@敖厂长UX 上手研究过的，优缺点都总结出来了，看完相信同学们就有答案了。 1.  After Effects 你想在短时间内制作复杂演示效果。 请使用AE，曲线/锚点等使用MOTION V2脚本进行快速调整（在曲线界面中 鼠标拖动选择关键帧-->拖动脚本上的滑块-->对比缓动曲线 获得你想要的曲线…

优设的老读者可能会注意到，我们推荐Velositey这个PS插件有很多次了。这款著名的PS网页布局设计工具为何会有“神器”之称？因为它真的能让你在短短几分钟内完成网页原型设计。正如同Velositey的口号所说：“让设计师专注打磨细节完善设计，而不用在无聊枯燥的事情上耗费时间。” 事实上，Velositey就是这样！ 先下后看，年薪百万：http://vdisk.weibo.com/s/zduir…

无论是做网页设计还是手机移动端设计，开始制作时都是先从原型框架开始设计，最初设计师们可能在纸上画原型图，但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此，设计达人网整理一些适用于移动应用的原型设计工具，这些都能有助于你的工作哦！ 如果你是交互设计新手，推荐这两篇企业内部分享，由阿里巴巴资深交互设计师的撰写的呦 推荐！交互设计那些事儿（一） 推荐！交互设计那些事儿（二） 如果…

这套最新的设计工具出自Indigo工作室，永久免费，有mac版本和WIN版本！它能让您快速探索及创造功能，包括动画界面原型。当然了，除了页面原型，时下热门的Mobile Apps 原型一样可以用它创建，请看下方截图。很赞哟！无论你是一个没有开发能力的设计师，或者是一个没有设计资源的程序员，只要你有想法！那么你应该注册试试这款工具！ 官方承诺永久免费，下载地址：http://www.infragis…