10大主题、30次在线课、30本专业书籍，天和互联网牛人一起成长。点文末“阅读原文”，了解详情

馒头妹妹温馨提示：本文长度为字，建议阅读8分钟

临摹是最好的自学方式之一，非常适合没有工作经验、项目经验的新手产品经理。有了拿得出手的作品之后，才为自己的作品集增加砝码，获得职业上的认可，最后才有正式成为产品经理的机会。

作者/墨刀

来源/墨刀（ID:modaoapp）

边临摹边思考产品的设计亮点和设计模式，对产品的交互和流程打散重构，思考产品是否还有改进的空间，然后融会贯通开始创作有自己风格的产品。

其一：在临摹的过程中，锻炼自己熟练使用工具。

图：Sparringmind

工欲善其事，必先利其器。临摹一款手机App之前，首先你得找到一款好用的原型设计工具，你可以选择成熟而功能强大的原型设计工具axure，然而它的学习成本实在是有点高。

也可以选择快速原型工具——墨刀，简单轻巧，易于学习，10分钟就可以完成一款手机App的原型制作，大大提升软件界面原型搭建的效率。

使用墨刀制作手机原型就如同画画，通过手动拖拽元件到相应的位置、制作好基础页面、组织好交互链接，设置手势和转场动效，让你10分钟完成一款App的简单原型交互。

其二：解构和理解产品设计和交互，培养自己的设计思维和产品经理思维。

图：lifehacker

临摹是一个解构的过程。在临摹的过程中，对产品进行打散重构，通过亲手拖动一个个组件元素（图标、图片、按钮）组成整个页面，在「边动手边体会」的过程中，自然而然地理解和认知产品中的每一个设计元素、页面构成关系、体验流程和交互逻辑。

从整体视角思考产品流程中的每一步，思考产品的整体理念是什么，这样做能够让我们意识到设计是如何从想法落实到实践的。

其三：多思考，找出产品的亮点，为己所用

所有原型工具都只是工具，而不是设计本身。临摹之外，思考产品的亮点才是重点。边临摹边思考，你选择这款产品设计有哪些特别之处？这款App哪个地方打动了你？这款App哪个地方打动了你？

列出你觉得它们好在哪里，是功能赞，UI布局和设计炫酷，交互有特色、文案，色彩搭配还是其他的什么亮点。

图：UserTesting

作为产品经理，重点思考交互上有什么亮点？是否可以挖掘出更多的可能性和改进空间？把这些亮点积累沉淀下来，通过再设计、借鉴移植到自己的实践项目当中。

其四：临摹并不是抄袭，而是一种事半功倍的学习方法

所谓站在巨人的肩膀上学习，事半功倍嘛。也许你脑海里曾经浮现过几千个产品创意，但对于没有经验的产品新手来说，在一张白纸上开始实在是有点难。

而通过临摹别人的优秀作品原型，培养自己的设计思维，在实操中自然而然地体会别人为什么要这么设计，能够更快地帮我们熟练掌握设计技巧，从中学到很多东西。

其五：通过临摹不只学到了新的产品思路和新技巧，还能为你的作品集增加砝码。

作品集对一个产品经理来说有多重要就不用说了。

下面我们就以墨刀产品经理兔老师临摹原型的工作流程，以Instagram为案例，手把手教你如何用原型设计工具「墨刀」临摹一款手机App。

第一步：选择合适的App

兴趣是最好的老师，建议挑选自己感兴趣的App

最好是选择已经正式上线的App界面进行临摹

新手临摹建议选择小而美的产品，不建议临摹层级结构过于复杂的产品。

平时多积累，多逛逛ProductHunt、36krNext，订阅产品相关新闻，多玩新出来的热门产品，发现喜欢的界面设计截图，甚至是录屏保存到自己的原型界面素材库当中。

录屏留存产品交互

第二步：选择好App后，对照App的页面结构进行梳理，梳理出页面结构图。

以下是梳理出来的Instagram一级页面层级图，分别为首页、发现页、拍照页、消息通知页、个人主页。

第三步：打开墨刀进入工作区，根据App页面结构创建墨刀的页面层级列表。

第四步：将产品截图拖入墨刀工作区，进行实时比对，临摹截图对象的尺寸及布局、颜色配置、字号设计规范。

第五步：临摹产品交互，尽可能将对方的交互效果临摹出来。

墨刀的交互设置非常直观，只需链接对象元素到对应的目标跳转页，选择好触发动作和手势，即可完成页面之间的转场跳转。

以下是用墨刀制作的Instagram原型页面展示：

首页-评论-私信页面-图片转发页面

发现-用户个人页面

拍照页

消息通知——正在

转载请注明:http://www.aideyishus.com/lkgx/500.html