UI设计基础百科

时间:2023-02-05 14:15:46

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

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

(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的安装第一个就行)!

UI设计基础百科

测试好玩

(2)

Sketch

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

UI设计基础百科

1.制作原型

UI设计基础百科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功能包括:度量距离和角度、放大镜、精准的水平和垂直对齐标记、精准的宽高度与原点对齐标记等。

UI设计基础百科

 PaintCode

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

UI设计基础百科

6. Skala Preview

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

UI设计基础百科

7. Briefs

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

UI设计基础百科

8. lorempixel

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

UI设计基础百科

9.  The iOS Design Cheat Sheet

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

UI设计基础百科