移动UI设计师和PM使用的原型工具分享

2017-08-01 08:40 来源：未知作者：情非得已人气：次阅读我要投稿

怎样在网页中应用手绘风格，以改善网站的用户体验

17700

手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望

解析网站404网页设计那些不得不说的事

17649

前阵子做我们一淘优惠商家统一的报错页面，整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间

z-index属性的使用方法和层级树CSS教程

17478

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面,

无论是做网页设计还是手机移动端设计，开始制作时都是先从原型框架开始设计，最初设计师们可能在纸上画原型图，但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此整理一些适用于移动应用的原型设计工具，这些都能有助于你的工作哦。

FLINTO

移动UI设计师和PM使用的原型工具分享,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

Flinto 用于演示App原型的工具，它能快速将你设计好的原型图（框架图也可以）链接起来，并以App形式展示，这样你给客户看的时候，简直像一个真的App一样。使用flinto一般5分钟就能制作完原型展示，简单快速。

FileSquare

移动UI设计师和PM使用的原型工具分享,PS教程,

一个链接模型画面的工具，通过在线方式上传和操作。另外它还是一个开放的交流平台，用户可以为作品添加注释，比如添加反馈意见等等，或许你会发现有专业的设计师给你意见哦！

这里有个在线DEMO演示：App.filesq

CONCEPT.LY

移动UI设计师和PM使用的原型工具分享,PS教程,

可以快速将框架图和ui设计图转换成交互式App程序。

Fluid UI

移动UI设计师和PM使用的原型工具分享,PS教程,

Fluid UI帮助交互设计师们方便制作产品线框图，它甚至能够影响到后期的界面设计、产品功能设置以及上线前测试。Fluid UI具有丰富的资源库，不管是iOS、Android还是Windows 8都能找到最合适的资源来使用。支持添加手势，让设计原型更真实。Fluid UI有动画效果，高保真模拟用户体验和操作。