覆盖产品生命周期17个工具.pdfVIP

覆盖产品生命周期的17个工具 工欲善其事必先利其器 ，耍流氓也得有件风衣不 …… 作者 ：李志超 不敢妄谈Axure教程还 产品教程 ，只当记录一下在产品上线前 ，一边考虑下一版更新一边整理下 工作思路。 早期 ：规划 X Mind 关于脑图软件 ，写多了又个长篇的血泪史 ，最后还 回归了免费开源MacW in的X Mind。不用考 虑iO S平台的脑图了 ，没有那种一目了然的特点了。还 用Clear吧。 模板选学术风格 记得选这个 ，要不看久了眼睛受不了 ，免费还不支持弄到一半换模板。 放大一下 Co mmand+ 放大一下 ，默认三级的文字太小了。 输入前先空格 输入前先空格 Tab 平级 ，Ent er 子类 ，输入文字之前要先空格一下 ，否则第一个拼音字母不出来。有点麻烦 ， 习惯就好了。 Clear 操作简单 ，短条目逼你思路要有层次。路上有新想法就用这个快速记下来。 再推荐一个免费分层级的Wo rkFlo y 如何玩转 Wo rkFlo y ？ 纸笔 或 Paper by 53 区别就 逼格和方便的区别嘛。我们这里很多用过的A4纸 ，翻过来就画 ，推荐那种多色笔 ，很方便 。 还有一些线框图 ，可以打印出来 史上最完备线框点状模板 ，包括网页版、ipad、ipho ne5、andro id等等 前期 ：沟通 Keynot e PPT 嗯 ，从无到有的这个过程 ，幻灯片 最好用的 ，如果一个概念连几页幻灯片都说不清楚 ，那么也就 说不清楚了。本来想放个设计图的 ，但 因为保密的关系 ，还 算了吧 ，反正最简单就 拼色块就 好了 ，配上iPad或手机背景素材 ， 可以做出效果不错的原型介绍的。 用Keynot e的动画直接把效果做出来 配上手势图标 ，keynot e 自带了放大弹动的效果 ，就像单击一样 ，连交互动作都可以形象的出来。 虽然不能马上真机交互 ，但 作为给领导和团队介绍概念 ， 最快速的方法。 真机展示Pro mot ee 这个软件主要 用于后期做官网的宣传时可以用 ，但 通常到了那会都可以找设计师用PSD直接设 计了。这个30块钱为了更好的物超所值 ，可以用在概念期 ，更直观的展示用户效果 ，还 挺不错的 ，因为那会通常还没有设计师支持。 这东西的目标很单纯 ，你说可以找到很多现成的PSD ，但 这个可以秒测多平台多角度 ，真的很方 便啊 ！ Po p Blueprint 等等 接下来就可以把一些概念图转化成低保真原型脑补一下 ，主要 验证一下在真实屏幕上的操作效果 。 具体参见此文 带交互的 iO S 产品原型可以用什么软件制作 ？ 这个阶段还 要快 ，主要 自己看或者小团队沟通一下。 中期 ：文档 Axrue 终于到了大头了 ，关于A其实我也 刚刚才开始用没多久 ，一直觉得自带控件里什么都没有 ，甚 至iPad尺寸都要自己画辅助线 ，很麻烦。直到看了同事的一个几乎完美的rp文件才茅厕顿开 ，恍然 领悟“自定义控件”才 把A 的高自由度转化成高完备度的重要工具。 具体使用方法不再赘述 ，也没资格赘述。贴图配些小技巧吧。 自定义控件 这里其实可以有按钮 ，导航等常规产品控件 ，还可以放标题 ，注释等文字类型 ，甚至流程控件 ，甚 至一些常用的UI ，省的切换库 ，所有都可以放里面。 操作也不难 ，编辑 ，刷新即可。 活用流程图 如果你仔细看前面那个图 ，我有些流程的东西 ，这个流程图在Axure里很好用 ，我除了拿它做常规 的流程图 还可以用来标注 ！因为A 的箭头不好用 ，而用流程模块 可以把箭头头尾自动连接且形成路线的 ， 一头 透明层一头 注释 ，很方便。 先从Flo 库里拖出系统控件 ，改变透明度和颜色 ，透明的用来指示 进入连线模式 透明的部分用来指示区域 ，注释用来描述路径或介绍 UI转黑白改大小切图 中期和后期都会更新文档 ，需要把UI结合进来 ， 这时候为了避免色彩混乱 ，可以把颜色去掉 ，但 逐个用PS动作来做太麻烦了 ，我专门为此研究了解决方法 T ips: Mac快速批量制作黑白图片 为了凑凑字数 ，我决定摘录下来 ！ 首先打开A ut o mat o r ，选择“服务”。别的也可以 ，服务更适合这个操作 ， 可以集成到右键菜单中 ，更方便。 在左侧的搜索中搜“将Co lo rsync描述文件应用到图像” ，直接拖拽过来 ，这时会提醒你需要同时添加 一个“拷贝到Finder项目” ，点确定就好。 先看最上面 ，选择“图像文件” ，位于Find