摘自: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设备有用数据。

UI设计基础百科的更多相关文章

  1. iOS10 UI设计基础教程

    iOS10 UI设计基础教程 介绍:本教程针对iOS初级开发人员,基于iOS 10系统,使用Swift 3.0语言讲解如何进行UI设计.本教程内容涵盖UI基础构成.UI元素.自动布局.自适应UI.UI ...

  2. 【译】UI设计基础(UI Design Basics)--导航(Navigation)(六)

    [译]UI设计基础(UI Design Basics)--导航(Navigation)(六)

  3. 【译】UI设计基础(UI Design Basics)--启动与停止(Starting and Stopping)(五)

    2.4  启动与停止(Starting and Stopping) 2.4.1  立即启动(Start Instantly) 通常来讲,用户不会花超过两分钟的时候去评价一个新的应用.在这段有限的时间里 ...

  4. 【译】UI设计基础(UI Design Basics)--自动适配与布局(Adaptivity and Layout)(四)

    2.3  自动适配与布局(Adaptivity and Layout) 2.3.1  开发成自动适配(Build In Adaptivity) 用户通常希望在自己的所有设备,各种场景中使用他们喜欢的a ...

  5. 【译】UI设计基础(UI Design Basics)--iOS应用解析(iOS App Anatomy)(三)

    2.1  iOS应用解析(iOS App Anatomy) 几乎所有的iOS应用都会用到UIKit框架中的组件.了解这些基础组件的名称,角色,功能可以帮你在应用界面设计时做出更好的决策. UIKit提 ...

  6. 【译】UI设计基础(UI Design Basics)--为iOS设计(Design for iOS)(二)

    2.1 为iOS设计(Design for iOS) iOS体现以下主题: 遵从:UI帮助用户理解界面内容并与内容交互,但绝不会与内容相互冲突. 清晰:文本在任何尺寸下都是清晰易读,图标精确易懂,装饰 ...

  7. iOS技术开发-人机交互指南之UI设计基础:iOS App Anatomy

    第二篇更多的是从技术的角度对iOS界面组成原理进行了简单的解析,篇幅很短,可稍作了解:更多关于iOS开发入门的内容可参考“设计师应该了解的iOS应用开发基础知识”一文.另外,非常感谢各位朋友在微博上的 ...

  8. UI设计基础知识和JavaScript

    [PS基础案例] 人物修图.调整画布大小,建立3个图层,并列放到画布中,用修补工具修掉中间的人物,再用橡皮章盖掉边缘的人物,然后扣出人物,放上新的蓝天,用橡皮擦调整透明度,擦掉水天交接的地方,然后调整 ...

  9. 转:超实用的IOS 9人机界面指南(1):UI设计基础 (腾讯力作)

    转: http://www.uisdc.com/ios9-interface-guideline-ui

随机推荐

  1. [ios][opengles]GLKit如何搭一个app的框架

    一个外文对GLKit的讲解: Beginning OpenGL ES 2.0 with GLKit Part 1    英文原文链接:http://www.raywenderlich.com/5223 ...

  2. c语言中各个类型的sizeof长度

    #include <stdio.h> int main() {     printf("\nA Char is %lu bytes", sizeof( char )); ...

  3. 怎么查看jar包版本

    jar包根目录里的META-INF目录下的MANIFEST.MF文件里一般有会记录版本信息,可以到这个文件里查看 打开Java的JAR文件我们经常可以看到文件中包含着一个META-INF目录,这个目录 ...

  4. 【计算机网络】当输入URL后发生了什么

    我们使用一个非常简单的模型,并假设它是最简单的HTTP请求,不使用代理并且使用的是IPv4 1. 浏览器首先判断使用的是什么协议(ftp/http),然后对URL进行安全检查.最后浏览器查看缓存,如果 ...

  5. 提高 Linux 上 socket 性能

      http://www.cnblogs.com/luxf/archive/2010/06/13/1757662.html 基于Linux的Socket网络编程的性能优化   1 引言    随着In ...

  6. TSP问题

    之前写过一道类似的题目,Uva 1347. http://www.cnblogs.com/TreeDream/p/5981535.html 这个题目和TSP问题已经很接近了,只是描述的奇奇怪怪的,从最 ...

  7. jack报错

    [ 29% 17593/59326] Ensure Jack server is installed and startedFAILED: /bin/bash -c "(prebuilts/ ...

  8. response.setContentType()的参数说明

    response.setContentType()的参数说明 <meta http-equiv="Content-Type" content="text/html; ...

  9. IDEA -14 注册码生成工具

    import java.math.BigInteger; import java.util.Date; import java.util.Random; import java.util.zip.CR ...

  10. Duilib自定义控件响应指定命令(转载)

    转载:http://blog.csdn.net/panxianzhan/article/details/50772893 duilib在UIManager.h里的EVENTTYPE_UI枚举里定义了很 ...