目前用到的原型设计工具总结
目前我行手机银行项目组使用的原型设计工作主要由我和需求工程师配合完成,我主要负责原型的设计开发工作。
需求为业务部门提出,由需求工程师与业务部门确认业务逻辑,页面要素,输入输出,要素控制等方面要求,并形成需求分析工作说明书,和简化版线框图。
我的工作开始了。
先介绍一下原型的几个种类吧,我自己的理解,原型分为低保真原型,主要可以是流程图,线框图等,高保真原型,静态图片和实机效果基本八九不离十,要求高分辨率,全UI要素的呈现,目前主流的设计工具有Sketch,PS等。PS大家都耳熟能详了,非常全能。而Sketch是最近开始火的移动设计工具,相对于PS来说,更加的轻量级,并且是矢量化的。在高保真原型的基础上,还可以加上动画效果,实现真机一比一的原型,在很多情况下动画效果是可描述的,而且UI设计师的描述开发人员也是可理解的,因此在大部分情况下动画效果非必须。Sketch有一个很好的基友,叫做Flinto,用来做动效设计真的很棒。目前我们所有的高保真静态页面全部用sketch来实现,所有动效都是用flinto去呈现的。
也就是原型和UI设计界的黄金搭档,Sketch+flinto。
以下是Sketch和flinto的官网
https://www.sketchapp.com
www.flinto.com/
除了官网之外,还有很多可以推荐的网站。
sketch it‘s me http://sketch.im 上面有大量的sketch设计的原型案例,有大量的素材可以参考,上面不乏有非常好的设计,甚至有人手绘了微信的全部UI
sketch中文网http://www.sketchcn.com 上面有sketch的中文说明,比较简单,论坛不错,另外也有一些sketch资源站的导航
矢量图标库 http://www.iconfont.cn 矢量图标库,大家可以下载,但是大部分设计都趋于平庸,大同小异,大家可以下载后快速形成原型。
BTW,目前这两个工具均只有MAC版,不过做UI设计大部分都是用MAC的吧。
作为第一篇博客,先写这么多吧,希望自己能够坚持下去,每天早上班个一个小时,写点东西记录下。
加油。
目前用到的原型设计工具总结相关推荐
- 界面原型设计工具(2)
1.WireframeSketcher是一个Eclipse 插件,用于创建线框图,界面模型和UI原型. 项目正式开发前创建原型可以帮助用户和开发者理解系统,使用WireframeSketcher在Ec ...
- 移动APP开发使用什么样的原型设计工具比较合适?
原型设计工具有Axure,Balsamiq Mockups,JustinMind,iClap原型工具,等其他原型工具.其中JustinMind比较适合APP开发使用. JustinMind可以输出Ht ...
- 软件原型设计工具Axure RP安装教程
http://www.axure.us/1896/ Axure RP是产品经理必备的原型制作工具,因为很多同学是新手,在这里整理一下axure7.0的下载.安装和汉化流程,希望能够帮到大家. Axur ...
- 第三次作业-介绍一款原型设计工具
课程:软件工程综合实践专题 学号:1759214 介绍一款原型设计工具:Mockplus http://www.mockplus.cn 如今是一个快节奏的社会,每一天都会有无数的软件发布,每一款软件 ...
- 在线网站原型设计工具Cacoo
为什么80%的码农都做不了架构师?>>> 10款在线网站原型设计工具 总有一款适合你 http://my.oschina.net/u/1163318/blog/183236 项 ...
- 三款运用二维码分享与预览的原型设计工具
2019独角兽企业重金招聘Python工程师标准>>> 越来越多的原型工具也开始利用二维码"简单便捷"的特点,来进行原型设计的展示与分享 伴随着智能手机的快速发展 ...
- hrjava项目原型html_Mockplus for Mac(原型设计工具)
Mockplus for Mac是Mac平台上一款简单.快速的原型设计工具,无需任何编程,不需要任何编程基础知识,帮你快速使用Mockplus设计图形.Mockplus封装了近200个组件,提供300 ...
- ui原型设计工具_UI设计师的工具包,用于专业模型,原型和产品插图
ui原型设计工具 This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具 Too ...
- 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus
Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...
- 7款免费原型设计工具
身为一位产品经理或设计师,原型设计工具是必不可少的工作伙伴.但我们难免会遇到预算有限的时候,这时候,去哪里寻找一款好用的免费原型设计工具呢?以下,小编为大家精心挑选了7款免费的原型工具,并对其进行了简 ...
最新文章
- GitHub上的编程语言:JavaScript领衔Java次之
- 004_JavaScript版本
- 深度学习笔记之使用Faster-Rcnn进行目标检测 (实践篇)
- AngularJS学习笔记
- redis-高级特性
- NYOJ-42 一笔画问题
- 一文简述FFmpeg
- 《树莓派渗透测试实战》——2.12 用例子总结以上步骤
- 漫画:什么是A*寻路算法
- 织梦DEDE网站后台如何上传附件
- matlab可达矩阵 结果,matlab求可达矩阵
- Android UI卡顿监控
- Java-Type简单分类
- Prime Gap(POJ-3518)
- python调用ping命令_python调用系统命令ping
- [ 2022年4月8日更新 ]Typecho Handsome主题美化教程
- ip地址范围汇总成ip网段
- 关于PPP认证中的PAP和CHAP原理取证与相关疑问
- mysql数据库实操笔记20170418
- MySQL字符串拼接函数使用