UI设计基础百科
摘自:http://www.csdn.net/article/2013-09-10/2816892-iOS-dev-tools-design
(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是为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,即使是没有编程经验的设计师也能画出美丽的控件、图标或其他UI界面元素,并且能够直接生成适用于iOS的Objective-C代码。
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开发和设计人员提高他们的工作效率。
The iOS Design Cheat Sheet旨在帮助开发者和设计人员快捷地使用iOS应用程序设计。它包含了屏幕分辨率、应用图标、用户界面元素、排版等开发者和设计师需要牢记的iOS设备有用数据。