原型设计--我的第一个java-web项目之路(二)

原型设计

一`什么是原型设计?

世界观:

原型就是一个产品出炉之前样品的简单框架,就像建筑业制造业的图纸一样,起到指导和展示的作用. 这部分工作是由产品经理来规划.

原型设计就是设计原型的过程.

<>交互设计,细分的话略区别于原型设计,交互设计更详细,会详细的考虑到兼容性和具体实现.区别详解

     在整个项目开发过程中,原型起到了指路灯的作用,这是本人的一个小项目,不像大企业那么严格和标准:有一套完整的计划书.在项目实现进行的时候,每当完成一个或者以系列功能模块,就要回来翻一翻原型设计,还要进行哪些工作.(当然,我相信大企业制作计划书,也要一部分参照原型来编织)

   

    一张图展示一下原型设计在整个项目进行过程中的位置:

(图片来源于网络)

二`怎么做好原型设计?

关于方法论,谈不上指导,只能说是共同学习:

翻阅各种资料,概括性的指导意见说:''开阔眼界,提高审美''.

这里是一些宝贵的资料和知识:

毕业生问：怎么样成为一名及格的设计师？

为设计师而生-设计导航设计总结

多研究些问题，少谈些主义

这些资料来源于:

交互设计-腾讯CDC

小结:

设计师这个职业需要的知识面里很广泛,又要跟客户去理解需求,还要跟工程师沟通模块的实现方式.这就要求能力很全面,比如:信息收集的能力,理解需求的能力,对口设计的能力等等等等.

总的来说,这是一个需要"灵性"的职位,几乎没有公式可言.(不能总是墨守规)

古人云:"工欲善其事,必先利其器."

• Pencil:

http://pencil.evolus.vn/

Pencil风格其实大多数都是手绘风格的,可以绘制各种结构图和流程图,当然支持跨页超链接跳转.

Pencil的GUI原型工具免费!开源!还有具备众多的原型设计模板等.

• Axure:
  

Axure是一款比较专业的工具,不过具体我不太了解,这里是

官方教程:AXURE在原型设计中的应用

• mockplus:

www.mockplus.cn

时下比较流行的一款Online版原型设计工具,快捷高效.体验很棒.前一阵开始好像有收费的会员服务了.版本上还有mac版和ios/android版.可惜没有linux版...

还有更多:十大高效原型设计工具-CSDN

不过其中介绍的工具部分过于陈旧.有待考察.

• 对于我的项目,我认为最核心的功能就是编辑编译页面,然后我展示其中几个主要的页面,[登录]-[主页]-[编译页面].
  

下面是我用pencil的基本包混合bootstrap写的:

主要页面的原型设计:

1.登录页面

3.Home主页面

3.在线编辑页面