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设备有用数据。
UI设计基础百科的更多相关文章
- iOS10 UI设计基础教程
iOS10 UI设计基础教程 介绍:本教程针对iOS初级开发人员,基于iOS 10系统,使用Swift 3.0语言讲解如何进行UI设计.本教程内容涵盖UI基础构成.UI元素.自动布局.自适应UI.UI ...
- 【译】UI设计基础(UI Design Basics)--导航(Navigation)(六)
[译]UI设计基础(UI Design Basics)--导航(Navigation)(六)
- 【译】UI设计基础(UI Design Basics)--启动与停止(Starting and Stopping)(五)
2.4 启动与停止(Starting and Stopping) 2.4.1 立即启动(Start Instantly) 通常来讲,用户不会花超过两分钟的时候去评价一个新的应用.在这段有限的时间里 ...
- 【译】UI设计基础(UI Design Basics)--自动适配与布局(Adaptivity and Layout)(四)
2.3 自动适配与布局(Adaptivity and Layout) 2.3.1 开发成自动适配(Build In Adaptivity) 用户通常希望在自己的所有设备,各种场景中使用他们喜欢的a ...
- 【译】UI设计基础(UI Design Basics)--iOS应用解析(iOS App Anatomy)(三)
2.1 iOS应用解析(iOS App Anatomy) 几乎所有的iOS应用都会用到UIKit框架中的组件.了解这些基础组件的名称,角色,功能可以帮你在应用界面设计时做出更好的决策. UIKit提 ...
- 【译】UI设计基础(UI Design Basics)--为iOS设计(Design for iOS)(二)
2.1 为iOS设计(Design for iOS) iOS体现以下主题: 遵从:UI帮助用户理解界面内容并与内容交互,但绝不会与内容相互冲突. 清晰:文本在任何尺寸下都是清晰易读,图标精确易懂,装饰 ...
- iOS技术开发-人机交互指南之UI设计基础:iOS App Anatomy
第二篇更多的是从技术的角度对iOS界面组成原理进行了简单的解析,篇幅很短,可稍作了解:更多关于iOS开发入门的内容可参考“设计师应该了解的iOS应用开发基础知识”一文.另外,非常感谢各位朋友在微博上的 ...
- UI设计基础知识和JavaScript
[PS基础案例] 人物修图.调整画布大小,建立3个图层,并列放到画布中,用修补工具修掉中间的人物,再用橡皮章盖掉边缘的人物,然后扣出人物,放上新的蓝天,用橡皮擦调整透明度,擦掉水天交接的地方,然后调整 ...
- 转:超实用的IOS 9人机界面指南(1):UI设计基础 (腾讯力作)
转: http://www.uisdc.com/ios9-interface-guideline-ui
随机推荐
- [ios][opengles]GLKit如何搭一个app的框架
一个外文对GLKit的讲解: Beginning OpenGL ES 2.0 with GLKit Part 1 英文原文链接:http://www.raywenderlich.com/5223 ...
- c语言中各个类型的sizeof长度
#include <stdio.h> int main() { printf("\nA Char is %lu bytes", sizeof( char )); ...
- 怎么查看jar包版本
jar包根目录里的META-INF目录下的MANIFEST.MF文件里一般有会记录版本信息,可以到这个文件里查看 打开Java的JAR文件我们经常可以看到文件中包含着一个META-INF目录,这个目录 ...
- 【计算机网络】当输入URL后发生了什么
我们使用一个非常简单的模型,并假设它是最简单的HTTP请求,不使用代理并且使用的是IPv4 1. 浏览器首先判断使用的是什么协议(ftp/http),然后对URL进行安全检查.最后浏览器查看缓存,如果 ...
- 提高 Linux 上 socket 性能
http://www.cnblogs.com/luxf/archive/2010/06/13/1757662.html 基于Linux的Socket网络编程的性能优化 1 引言 随着In ...
- TSP问题
之前写过一道类似的题目,Uva 1347. http://www.cnblogs.com/TreeDream/p/5981535.html 这个题目和TSP问题已经很接近了,只是描述的奇奇怪怪的,从最 ...
- jack报错
[ 29% 17593/59326] Ensure Jack server is installed and startedFAILED: /bin/bash -c "(prebuilts/ ...
- response.setContentType()的参数说明
response.setContentType()的参数说明 <meta http-equiv="Content-Type" content="text/html; ...
- IDEA -14 注册码生成工具
import java.math.BigInteger; import java.util.Date; import java.util.Random; import java.util.zip.CR ...
- Duilib自定义控件响应指定命令(转载)
转载:http://blog.csdn.net/panxianzhan/article/details/50772893 duilib在UIManager.h里的EVENTTYPE_UI枚举里定义了很 ...