因为项目所需,被迫快速设计产品原型,制作app使用视频,这里简单分享一些一个小白第一次触碰产品原型设计的一些心得:
我这里针对的是贫穷学生党,分享的是自己尝试的几款。有钱大佬自行绕路。
摹客,墨刀:适合自己设计给自己看,比如自己是前端的,但是没有专业的ui,于是自己动手设计。
在这种情况下,免费版就完全够用了,这些工具特别轻便。
但是请注意,如果你不小心触碰到了收费功能,而你迫于贫穷又无法使用,那么将会很难受。
Axure:适合较为专业的产品原型设计者,或者要到处产品原型供展示。
功能很齐全,就是有一些涉及变量的各种知识点,但是如果你的交互简单,耍耍小聪明也不一定要用到。他的破解版现在比较容易下载。所以我最后就选择了Axure+ps的设计体系。
Axure+ps 使用心得:
1 预览问题:预览的时候,Axure实际上展示的时候是展示有图像的地方,所以我会放一个控制大小框至于底层(其实就是一个矩形框)
2 ps我在设计前也没有用过,所以临时来用主要是用来给网上找的图片素材设置透明色的
方法:复制图层+魔棒点背景色+delete+删除原图层
3设计方面:留白
其实我刚开始做,会觉得自己很像在做ppt,而且用整张图做背景很不适配,就是说换了手机看,图片就会变形。
所以上部:图片置顶+导航栏+侧边导航栏+其余留白。
专业的布局有很多,研究起来就是一门学问,快速学起来可以参考知乎,淘宝,b站的网页,包括个人信息页,首页,他们都会给你想要的。
4 一体化问题:设计出一整个app,你必须让每一个页面都像是出自一个app的,所以很重要的是统一。
(1)logo和名称:每一页都要有logo和公司名称
(2)统一色调统一画风。我这次设计产品原型其实只用了一张图,有的截了上半部分,有的截了下半部分,我觉得总体来说还是很和谐的。
留白较多的作品只需要统一色调就可以了,把界面做的简洁大方也很重要。
多人合作
多人合作推荐一个平台蓝湖吧,免费的,贫民学生也可以用。
其实自己也还没有真正用过,多人设计一定要统一风格,其实我觉得不比单人设计简单。
大家做好了rp文件和ps文件都可以上传,最后某一方在下载下来做一些汇总。