UI设计基础百科

摘自：http://www.csdn.net/article/2013-09-10/2816892-iOS-dev-tools-design

 

我的原型设计流程

这是一份UX原型设计流程，用来探索交互设计解决方案——从纸质草图，再到高保真原型，添加转场效果和动效，以及最终在目标用户的设备上测试原型。

 

 

我的一般性工作流程

 

 

（1）马克鳗

马克鳗（http://www.getmarkman.com/）是国人开发的一款免费标注工具，可以方便地在美术输出的设计稿上标注相应界面元素的大小，颜色，边距，说明等。

我们的美工用的就是

破解版是air（http://download.csdn.net/detail/q376420785/8382621）文件，需要安转adobe  runtime air（http://www.adobe.com/cn/products/air/runtime-distribution3.html下载地址mac的安装第一个就行）！

测试好玩

（2）

Sketch

Sketch是为Mac打造的一款界面优美、功能强大兼有的矢量图形绘制软件。在Sketch中用户能轻松地设计图层面板，而且Sketch为用户提供可能需要的各种操作功能：多层式填充、渐变、噪点、混合模糊以及更多。更值得一提的是，Sketch拥有布尔运算来混合多个形状为更复杂的形状。Sketch旨在为美术设计师打造一款更为实用的程序，不是复制品，而是提升品。

1.制作原型

http://www.invisionapp.com

http://www.woshipm.com/rp/102473.html  使用教程   人人都是产品经理

2.keynote教程

3.Briefs

是MAS上最新上架的专业APP设计工具，提供了成熟的交互设计功能，堪称移动APP上的“Axure RP”，设计师可以利用她设计完整的iPhone、iPad 应用交互模型，并利用模拟器即时体验设计的成果，或者利用BriefsLive，将作品同步到装有Briefscase的iOS 6.0设备里让用户、同事亲身体验你的模型。

4. xScope

xScope是一款专门为设计师和开发人员创建、集八种功能于一体的多功能软件，是一套集测量、检查和测试屏幕上图形和布局的理想工具。xScope可以帮助设计师或开发人员更好更为准确的完成工作。xScope功能包括：度量距离和角度、放大镜、精准的水平和垂直对齐标记、精准的宽高度与原点对齐标记等。

 PaintCode

PaintCode是一款专门为设计师准备的简单的矢量图形绘制工具，通过PaintCode，即使是没有编程经验的设计师也能画出美丽的控件、图标或其他UI界面元素，并且能够直接生成适用于iOS的Objective-C代码。

6. Skala Preview

Skala Preview可谓是iOS UI设计师的必备神器，它可以很方便的将Mac上的设计效果图发送到iOS设备上预览。此外，Skala Preview实现了实时预览功能，对于使用Photoshop CS5 12.0.4的用户，Skala Preview能在编辑的时候实时预览作品，而无需保存。

 

7. Briefs

Briefs是Mac最新上架的专业App设计工具，提供了成熟的交互设计功能，堪称移动App上的 “Axure RP”，设计师可以利用Briefs设计完整的iPhone、iPad应用交互模型，并利用模拟器即时体验设计的成果，或者利用BriefsLive，将作品同步到装有Briefscase的iOS 6设备上。

 

8. lorempixel

一款为创建各种大小和种类图像占位符的微型服务，旨在帮助Web开发和设计人员提高他们的工作效率。

 

9.  The iOS Design Cheat Sheet

The iOS Design Cheat Sheet旨在帮助开发者和设计人员快捷地使用iOS应用程序设计。它包含了屏幕分辨率、应用图标、用户界面元素、排版等开发者和设计师需要牢记的iOS设备有用数据。