APP原型图设计
2019年10月2日

APP原型图设计

任何一款成功的APP都需要以坚实的产品概念作为基础,因为概念决定了产品最终完成的潜力。一般情况下,交到app设计师手里的都是移动app产品原型图。当然这个是在移动产品经理反复斟酌,并且与大家开会讨论需求定下来的一个产品交互原型。

第一步、从APP产品需求入手,考虑我们到底要用什么主色调

定好主色调:比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

APP原型图设计

第二步、配色和辅助色用什么颜色

在考虑到产品气质和品牌色的同事,我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等。都是我们选择辅助色的方法。

第三步、用什么风格来表达

定好风格:可以根据产品需求,从竞品当中找到几个合适的参考。

现在来说,说到风格一句话,扁平风。但是在扁平中也有区别。

第四步、APP图标化画成什么风格和创意表达

同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

第五步、如何表达情感化设计,特别是app引导页的设计和启动页的设计

在一些细节页面我们常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下 的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。

第六步、动效如何做或者说APP交互怎么实现

因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。

第七步、宣传推广的APP 图标icon 的设计

关于app的图标设计方法,一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。

在设计app界面的过程当中,也要把APP切图、适配的因素放在心上。避免后期切图和程序员适配出现不合理的设计之处。还有一点不容忽视的很重要的一个步骤。

联系我们