header_v0.7.2

手绘原型图——逻辑中的灵感迸发

2年前发布

原创作品 / UI / 流程/UE
作品版权由bluesnake11 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

最近学习了交互设计,说实话,以前从事互联网工作都不懂啥是交互设计觉得弱弱的,工作上主要做视觉设计,由于没有产品经理也没有交互设计,弱弱的我每次都是直接开始就视觉设计(基本都是网页)。
最近公司开展了一个移动端的项目,弱弱的我就去了解了一下产品以及交互设计,幸好掌握了一部分交互设计知识,工作上才算是顺利的进行了,主要负责了一下功能梳理、流程、原型和视觉的工作。
出原型图之前肯定还有一大堆工作要做,也是很重要的,用户的目标、竞品分析、功能的分析、信息架构、流程等等,这些不弄清楚,原型图也很难画明白,画着画着就乱了(我中间就晕过@-@)。
尤其是移动端的界面,手机屏幕就那么小,不可能放下很多东西,一屏就放一个功能点,所以会有更多的交互和界面需要分析和梳理。
为啥要手绘原型图呢?
最好的解释就是画错了,不喜欢,觉得不对,领导不满意,撕了!也不心疼x。x 也就是迸发灵感的过程,再好的工具也不如手(乔布斯好像也是这个意思)我发的已经是高保真手绘原型图了(显得萌萌哒,也给技术看着方便)前期的涂涂抹抹和讨论的过程由于太投入太激烈没有拍,涂涂抹抹都是废纸二次利用,对照着信息架构有序的思考要做的界面。手绘的意义就在于不会被颜色、图形、字体、大小等因素所束缚(用电脑作图的时候好像怎么也摆脱不了这些),只用把自己的想法最简单的表现出来就够了,再不行就拿字写出来你怎么想的,有时候能把想法叙述出来,好多问题也就解决了。
原型图在讨论绘制的时候我遇到的困难就是怎样保持流程和思路的清晰,有时候画着画着可能遗漏了一些功能点,或者是之前没有规划到的要新增进去,还有一些重点功能如何突出等等。因为我也是刚涉及这方面内容,所以我可能前期规划没有那么完备,导致我画一些图会有改动。我的做法是把框框剪下来再排到大的纸上,在画出流程,写上说明,这样的好处是流程更容易清楚的表现出来,空间也不用很局促,增加或删减内容也更方便。
原型图+流程图对于视觉设计和技术开发来说确实很有必要(对于我以前的工作流程来说)剩了很多不必要的麻烦和反复的解释。尤其是像公司里没有产品经理,没有交互设计这种职位来说,设计师没有做这方面的工作,但其实也考虑了其中的很多问题,倒不如把这些画出来,记录下来,有时候就是交互设计,尽管我们没有那么专业。时代发展越来越快,去年还是卖点,今年就是标配了,做有思想的设计师才不会被淘汰。

全景

细节

细节

其实原型图画成这样 基本上技术已经能看懂了,除非字真的写的很烂 那就拿电脑再敲一遍吧。

337

作品信息

  • 创作时间

    2014/07/11

  • 创作工具

    其他 铅笔 其他 马克笔 其他 彩色铅笔 其他 针管笔
相关作品 TA的主页
手绘原型图——逻辑中的灵感迸发
201 33
意见反馈
没有新消息

提示文案

提示文案

提示失败
提示成功