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

小咪咪 2022-06-13 02:11 120阅读 0赞

# 原型设计 #

> ## 一\`什么是原型设计?    ##

> > **世界观:**  
> > 
> > 
> > **原型**就是一个产品出炉之前样品的简单框架,就像建筑业制造业的图纸一样,起到指导和展示的作用. 这部分工作是由产品经理来规划.
> > 
> > **原型设计**就是设计原型的过程.
> > 
> > <>**交互设计**,细分的话略区别于**原型设计**,交互设计更详细,会详细的考虑到兼容性和具体实现.[区别详解][Link 1]  
> > 
> > 
> >   
> > 
> > 
> >      在整个项目开发过程中,**原型**起到了指路灯的作用,这是本人的一个小项目,不像大企业那么严格和标准:有一套完整的计划书.在项目实现进行的时候,每当完成一个或者以系列功能模块,就要回来翻一翻**原型设计**,还要进行哪些工作.(当然,我相信大企业制作计划书,也要一部分参照**原型**来编织)  
> > 
> 
> >      
> > 
> > 
> >     一张图展示一下**原型设计**在整个项目进行过程中的位置:  
> > 
> > 
> > ![非原型 不设计][Prototype_02.jpg](图片来源于网络)
> > 
> >   
> > 
> > 
> >   
> > 
> 
> ## 二\`怎么做好原型设计?    ##
> 
> > 关于**方法论**,谈不上指导,只能说是共同学习:
> > 
> > 翻阅各种资料,概括性的指导意见说:''开阔眼界,提高审美''.
> > 
> >   
> > 
> > 
> > 这里是一些宝贵的资料和知识:  
> > 
> > 
> > > [毕业生问：怎么样成为一名及格的设计师？][Link 2]
> > 
> > > [为设计师而生-设计导航设计总结][-]  
> > > 
> > > 
> > > [多研究些问题，少谈些主义][Link 3]  
> > > 
> > 
> > 这些资料来源于:
> > 
> > > [交互设计-腾讯CDC][-_CDC]  
> > > 
> > 
> >   
> > 
> > 
> > 小结:
> > 
> > > 设计师这个职业需要的知识面里很广泛,又要跟客户去理解需求,还要跟工程师沟通模块的实现方式.这就要求能力很全面,比如:信息收集的能力,理解需求的能力,对口设计的能力等等等等.
> > > 
> > > 总的来说,这是一个需要"灵性"的职位,几乎没有公式可言.(不能总是墨守规)  
> > > 
> > 
> >   
> > 
> > 
> > 古人云:"工欲善其事,必先利其器."  
> > 
> > 
> >   
> > 
> > 
> >  *  Pencil:
> > 
> > > > [http://pencil.evolus.vn/][http_pencil.evolus.vn]  
> > > > 
> > > > 
> > > > Pencil风格其实大多数都是手绘风格的,可以绘制各种结构图和流程图,当然支持跨页超链接跳转.
> > > > 
> > > > Pencil的GUI原型工具免费!开源!还有具备众多的原型设计模板等.
> > 
> >  *  Axure:  
> >     
> > 
> > > > Axure是一款比较专业的工具,不过具体我不太了解,这里是
> > > 
> > > > [官方教程:AXURE在原型设计中的应用][AXURE]
> > 
> >  *  mockplus:
> > 
> > > > www.mockplus.cn  
> > > > 
> > > 
> > > > 时下比较流行的一款Online版原型设计工具,快捷高效.体验很棒.前一阵开始好像有收费的会员服务了.版本上还有mac版和ios/android版.可惜没有linux版...
> > 
> > >   
> > > 
> > > 
> > >   
> > > 
> > > 
> > > 还有更多:[十大高效原型设计工具-CSDN][-CSDN]  
> > > 
> 
> > > 不过其中介绍的工具部分过于陈旧.有待考察.  
> > > 
> 
>   
> 
> 
>  *  对于我的项目,我认为最核心的功能就是编辑编译页面,然后我展示其中几个主要的页面,\[登录\]-\[主页\]-\[编译页面\].  
>     
> 
> 下面是我用pencil的基本包混合bootstrap写的:  
> 
> 
> ## 主要页面的原型设计: ##
> 
> > **1.登录页面**  
> > 
> 
> > ![SouthEast][]
> > 
> > **3.Home**主页面
> > 
> > > ![SouthEast 1][]
> > 
> > **3.在线编辑页面**
> > 
> > > ![SouthEast 2][]  
> > > 
> 
>   
> 
> 
>   
>

[Link 1]: https://www.iamue.com/3621
[Prototype_02.jpg]: /images/20220613/570250a56f9d492c8279cdfa76ff9e2a.png
[Link 2]: http://cdc.tencent.com/2015/10/14/%e6%af%95%e4%b8%9a%e7%94%9f%e9%97%ae%ef%bc%9a%e6%80%8e%e4%b9%88%e6%a0%b7%e6%88%90%e4%b8%ba%e4%b8%80%e5%90%8d%e5%8f%8a%e6%a0%bc%e7%9a%84%e8%ae%be%e8%ae%a1%e5%b8%88%ef%bc%9f/
[-]: http://cdc.tencent.com/2015/06/10/%e4%b8%ba%e8%ae%be%e8%ae%a1%e5%b8%88%e8%80%8c%e7%94%9f-%e8%ae%be%e8%ae%a1%e5%af%bc%e8%88%aa%e8%ae%be%e8%ae%a1%e6%80%bb%e7%bb%93/
[Link 3]: http://cdc.tencent.com/2013/11/12/%e5%a4%9a%e7%a0%94%e7%a9%b6%e4%ba%9b%e9%97%ae%e9%a2%98%ef%bc%8c%e5%b0%91%e8%b0%88%e4%ba%9b%e4%b8%bb%e4%b9%89-%e8%af%95%e8%af%81%e4%b8%80%e4%b8%aa%e5%85%b3%e4%ba%8e%e6%8b%9f%e7%89%a9/
[-_CDC]: http://cdc.tencent.com/tag/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1/#search-result
[http_pencil.evolus.vn]: http://pencil.evolus.vn/
[AXURE]: http://uedc.163.com/2248.html
[-CSDN]: http://www.csdn.net/article/2013-09-03/2816802-10-useful-prototype-tool
[SouthEast]: /images/20220613/cf2571c0cc214238a33f7d80071ab071.png
[SouthEast 1]: /images/20220613/974bdc586c9d44869e9e4e9020c71a9e.png
[SouthEast 2]: /images/20220613/f221e6263c83489187ce8908ae631628.png