引言
老九有不少朋友走上互联网行业后,都或多或少的接触和实践了产品的工作。无论是站长和产品经理,原型图都是非常重要的一项工具。
说起来原型图,很多人了解之后都觉得挺简单的,不涉及太多的交互和页面设计,无非就是用线条、图形描绘出的产品框架,画线框图有什么大不了的?非也,非也,从难度上来说,如果说画出来一张原型图好比摘录笔记,那么专业、有效的原型图就相当于捯饬出一篇能够经得住市场考验的软文。
好的原型图应该综合考虑产品目标、功能需求场景、以及用户体验等因素,对产品各版块、界面、元素以及交互逻辑进行合理组织的过程。
毕竟大部分产品图都是要过老板、设计、技术这一关,多少设计和程序员天天拿着菜刀要砍乱改需求的产品经理,都懂的。
见过不少入行不长的站长和产品的原型图设计,通常来说,新手很容易出现这两种问题:
1. 心中无楼。过于依赖借鉴他人的页面,缺少自己的元件和模块库,对产品的思路和逻辑体系还没有充分的理解和规划。
这种项目做出来非常容易陷入“填空”游戏,频繁的增删导致项目热情衰退,好的思路没有经过充分的考虑,细节缺少打磨。建议拿到项目之后,多花点时间做一做项目整理,不要觉得画图好酷啊,就着急上马去做原型图。磨刀不误砍柴工,胸有成竹才能事半功倍。
至少先过了自己这道关,再去折磨设计和程序员吧~
2. 逻辑不透。尤其是交互设计和页面逻辑比较复杂的项目,对用户行为的模拟稍微粗糙,就很容易“死无葬身之地”。其实这并不强求对BUG和“罕见”操作这方面呕心沥血的考量,更多的是要兼顾各种情况下,产品和用户关系之间的统一。
举个栗子,如果在注册页面的逻辑上少了一环,问题不大可能只需要修改一下路由机制,严重一点可能就需要重构大半请求。
总之,任何与规划有关的工作都是任重而道远。执行者固然辛苦,但策划者的能力将决定项目的空间在哪里。产品的设计经验看上去很难界定,但是只有丰富的历练才能有应对方方面面的困难。
可能做产品不需要了解具体的编程手段,但是仍然需要熟悉很多功能的实现逻辑。服务端、用户端的负载,在功能和性能上的权衡都需要丰富的经验来支撑。自己摸索的过程是痛苦的,如果能得到前辈的指引,好好虚心学习吧。
废话讲了好多。言归正传。
宝剑赠英雄,红粉送佳人。好的产品设计当然需要好的工具相配。今天老九就整理一波做设计图的工具。
原型设计工具
Axure
作为产品设计工具类的扛鼎制作,不亏为专业原型设计工具中的老大哥。从控件的定制、绘制原型到交互、注释和备注一应俱全。
官网:http://www.axure.com/
中文正版代理地址:https://www.axure.com.cn/
墨刀
轻量级,国产,优雅。适合协同办公。实际上还是网络应用,需要联网,也因此便于演示。国内做软件为数不多值得推荐的产品。
官网:https://modao.cc/
MockPlus
同为国产。成都的软件公司开发。定期举办原型设计大赛,这个值得支持。同样是轻量级的产品,相比于墨刀,MockPlus不是纯粹的基于在线服务,稳定性和功能要强一点,当然也厚重复杂一点。
官网:https://www.mockplus.cn/
UXPin
简单注册后即可在线使用。用几十个内置UI库(Bootstrap,Foundation,Android,iOS等)设计逼真的界面,具有内置交互的原型,自定义交互和动画。
无需任何其他工具即可从低保真到高保真迭代,通过CSS代码样式自定义任何元素。就是有点慢。
官网:https://www.uxpin.com/
ProcessOn
同为在线使用,不过是国产项目。适合系统办公,而且速度还可以。前期的思维导图和在线会议什么的,用起来也比较方便。
另外,ProcessOn提供了社交平台,你可以学习别人的设计,也可以将自己的作品分享出去。
官网:https://www.processon.com
OmniGraffle
据说特别牛的原型工具,交互很强,导入很强。这里就不多说了,毕竟老九没有MAC,而且还比较贵,就无缘尝试了。
官网:https://www.omnigroup.com/omnigraffle
JustinMind
适合习惯AXURE的用户使用,以及做移动页面设计。根据终端不同能对应不同的控件库,控件和图标齐全,不需要下载。交互动画比AXURE更强。
官网:https://www.justinmind.com/
中文网:http://www.justinmind.com.cn/
最后
时下各类原型图产品层出不穷,萝卜青菜各有所爱。刚入行的时候,老九还用过PS做过原型图,老大哥吓了一跳,然后给我推荐了AXURE。其实相比于PS,能够矢量作图的AI(Adobe Illustrator)才更适合做原型设计。
当然没有设计功底的就不要随意挑选不常用的原型图工具了,毕竟它要更适合用来演示和沟通,包括简单的修改,太冷门或者限制条件太多的工具,会不利于协同合作。
总之好的原型图是能够体现优秀的产品理念、完善的细节和逻辑,从而让接下来的工作变得更融洽更合理:打动老板的心,点亮设计师的眼,催动程序猿的荷尔蒙。切忌本末倒置喽。
希望大家找到一把顺手的好刀来修炼内功,哪天臻于化境,可能工具也就不重要了。