目前我行手机银行项目组使用的原型设计工作主要由我和需求工程师配合完成,我主要负责原型的设计开发工作。

需求为业务部门提出,由需求工程师与业务部门确认业务逻辑,页面要素,输入输出,要素控制等方面要求,并形成需求分析工作说明书,和简化版线框图。

我的工作开始了。

先介绍一下原型的几个种类吧,我自己的理解,原型分为低保真原型,主要可以是流程图,线框图等,高保真原型,静态图片和实机效果基本八九不离十,要求高分辨率,全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的吧。

作为第一篇博客,先写这么多吧,希望自己能够坚持下去,每天早上班个一个小时,写点东西记录下。

加油。

目前用到的原型设计工具总结相关推荐

  1. 界面原型设计工具(2)

    1.WireframeSketcher是一个Eclipse 插件,用于创建线框图,界面模型和UI原型. 项目正式开发前创建原型可以帮助用户和开发者理解系统,使用WireframeSketcher在Ec ...

  2. 移动APP开发使用什么样的原型设计工具比较合适?

    原型设计工具有Axure,Balsamiq Mockups,JustinMind,iClap原型工具,等其他原型工具.其中JustinMind比较适合APP开发使用. JustinMind可以输出Ht ...

  3. 软件原型设计工具Axure RP安装教程

    http://www.axure.us/1896/ Axure RP是产品经理必备的原型制作工具,因为很多同学是新手,在这里整理一下axure7.0的下载.安装和汉化流程,希望能够帮到大家. Axur ...

  4. 第三次作业-介绍一款原型设计工具

    课程:软件工程综合实践专题  学号:1759214 介绍一款原型设计工具:Mockplus http://www.mockplus.cn 如今是一个快节奏的社会,每一天都会有无数的软件发布,每一款软件 ...

  5. 在线网站原型设计工具Cacoo

    为什么80%的码农都做不了架构师?>>>    10款在线网站原型设计工具 总有一款适合你 http://my.oschina.net/u/1163318/blog/183236 项 ...

  6. 三款运用二维码分享与预览的原型设计工具

    2019独角兽企业重金招聘Python工程师标准>>> 越来越多的原型工具也开始利用二维码"简单便捷"的特点,来进行原型设计的展示与分享 伴随着智能手机的快速发展 ...

  7. hrjava项目原型html_Mockplus for Mac(原型设计工具)

    Mockplus for Mac是Mac平台上一款简单.快速的原型设计工具,无需任何编程,不需要任何编程基础知识,帮你快速使用Mockplus设计图形.Mockplus封装了近200个组件,提供300 ...

  8. ui原型设计工具_UI设计师的工具包,用于专业模型,原型和产品插图

    ui原型设计工具 This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具 Too ...

  9. 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus

    Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...

  10. 7款免费原型设计工具

    身为一位产品经理或设计师,原型设计工具是必不可少的工作伙伴.但我们难免会遇到预算有限的时候,这时候,去哪里寻找一款好用的免费原型设计工具呢?以下,小编为大家精心挑选了7款免费的原型工具,并对其进行了简 ...

最新文章

  1. endnote咋手动输入文献_EndNote 如何在 Word 中手动输入引文
  2. 用verilog表示两个4x4矩阵的乘法运算?及单个矩阵的求逆
  3. hdu 4099 字典树 + 斐波那契
  4. C++中嵌入ie浏览器总结 .
  5. ASP.NET网站实现多语言版本 【转】
  6. 全面介绍Windows内存管理机制及C++内存分配实例(二):内存状态查询
  7. 分析lammps文件_LAMMPS学习系列(24)
  8. Spring IOC的三种主要注入方式?
  9. 生物物种数据库_一个半机械人的物种
  10. 自主知识产权 曙光龙芯3号服务器将面市
  11. 半导体物理学——(三)半导体中载流子的统计分布
  12. 第一章 行列式 第六节 行列式按行(列)展开
  13. 用户画像之基础知识(人群画像|会话环境维度|行为画像)
  14. 如何将Arduino的ino文件分解成多个.h和.cpp工程文件
  15. 如何理解GWAS中Manhattan plot和QQ plot所传递的信息
  16. antdesign 柱状图_010-ant design pro advanced 图表
  17. 决策树与K-近邻分类随堂笔记(二)
  18. Java订单系统中并发问题和锁机制的探讨与解决方案一
  19. 一句话读完:Spring Bean的生命周期
  20. 活灵活现用Git--基础篇

热门文章

  1. C中最复杂难懂的一行代码
  2. python创建一个列表、包括学生姓名年龄祖籍_Python列表(list)练习题
  3. 推荐一款轻量且功能强大的集成开发工具(IDE)lightly
  4. 公民身份号码 校验码 检证程序
  5. css——指定某个区域可垂直或水平滑动
  6. 常州信息职业技术学院计算机清考,常州信息职业技术学院教务处:http://jwc.ccit.js.cn/...
  7. 51nod 1301 集合异或和 动态规划
  8. 3D游戏引擎系列十二
  9. 成本中心VS成本要素;初级成本要素VS次级成本要素
  10. Calendar 日历