产品经理你的线框图还可以这样画

产品经理离不开线框图,就像程序员离不开代码。
线框图就像是某个建筑的图纸,不但包含了产品的主要功能,还同时包含了页面逻辑,页面布局,同时更反映出一个产品经理的思维逻辑。
所以对于一个产品经理来说能否画好线框图是评判一个产品经理硬性的指标之一。

下面介绍一下我画线框图的习惯,当然这个也因人而异啦:

关于线框图,你该注意的几点

  1. 确定逻辑! 确定逻辑! 确定逻辑!
    重要的事情说三遍,因为在我看来一切绘画的基础都是在逻辑确认的前提下。我特别佩服那些可以边画图边构建逻辑的人,当然如果你没有那个超能力,或者像我一样笨的话。我建议你一定要写流程图。
    可以是手画也可以在电脑上画,我个人比较喜欢徒手画,这样的好处就是方便修改,劣势则是不方便在团队中交流。


    手绘流程图

    对于交流性没那么强的项目,我一般自己在A4纸上用手画,而那些涉及到teamwork到工作,可以用Xmind 或者Mindmanager这样更方便线上交流共享。(也有朋友推荐直接用Axure画)


    某一线上水果商场流程图设计
  2. 利用“三不”手绘原则,画出漂亮线框图
    那么产品经理究竟该用什么工具来画线框图是最高效的。
    我可以负责任地告诉你很多伟大的产品在初期都是通过简单的手绘构造的,而且手绘是构建原型最快最高效的方法。因为很多时候,你的想法一闪而逝,或者某一个瞬间你的突然有了更好想法,手绘是快速抓住你一闪而过的灵感的最好办法。

手绘线框图1.jpg

关于手绘的技巧,我提倡三“不”原则:

  • 不要苛求精确的尺寸,展现出你的想法即可
  • 不要只是简单的拼凑,一定要加上必要的注释和标注
  • 不要为了画图而画图,一定要把每个页面对应的逻辑理清楚

有了这三点的手绘线框图,经过简单的处理就可以放到PC进行后续的共享和讨论。

预先善其事必先利其器,线框图工具推荐

当然手绘只是最最开始的部分,完成了简单的手绘,我们第二部要做的就是把它数字化,让他在团队之间可以交流共享。

谈到在电脑上画线框图,那自然离不开Axure,无论是在PC平台还是Mac平台,Axure 凭借其强大的功能和简单的上手操作,都有着不俗的表现。关于Axure,网上的文章也非常多,我就不再赘述。

这里介绍大家一种个人认为还比较高效的工具。

Sketch+Principle的组合

先放几张我用sketch配合principle做的交互图


sketch线框图设计.png
加动效设计

关于sketch
sketch是简单的矢量画图工具,配合Artboard这个神器线框图自然不在话下。对于Sketch,即使是零PS基础的朋友也很好上手,对于那些有PS经验的同学,学习Sketch更是不费吹灰之力的在数个小时内完全掌握。

sketch

推荐这篇sketch新手启蒙

关于Principle
而Principle,无疑是交互设计师和产品经理的新宠,简单的交互操作,完美的匹配Sketch文件,配合Artboard的设计,简直就是产品设计界的神器!!

principle.png

关于Principle,推荐乐视UED的这篇【分分钟制作Demo】Principle使用教程

写在最后:我不是一个工具控,但是我坚信配合工具的使用,能让你的效率提升。关于做图有人习惯用 Axure有人习惯用PS,关于动效:有人觉得origami蛮不错的,有点代码基础的还会去尝试Framer。

世上工具千千万,他们几乎都能实现相同的效果,何必有好坏高低之分呢,只要自己用的顺手,不比什么都强嘛~

最后earon祝各位都能在工作中找到一套自己用着最舒服的工具,上文仅供参考。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容