此文章转自：http://www.25xt.com/appdesign/9670.html
任何一款成功的APP都需要以坚实的产品概念作为基础，因为概念决定了产品最终完成的潜力。
一般情况下，交到app设计师手里的都是移动app产品原型图。当然这个是在移动产品经理反复斟酌，并且与大家开会讨论需求定下来的一个产品交互原型。
当你拿到参与讨论确定好的这个移动app产品原型之后，你是不是需要重新理清楚一下整个产品的业务逻辑和UI相关的事情。
所以，今天25学堂借助简书上的血儿的一篇博文《UI到底做什么》来跟大家好好的聊聊，到底如何七步搞定app界面设计。
当然，大家有兴趣可以阅读：
1、你必须要知道移动APP的设计要点，才能玩转APP设计
下面就跟随血儿设计师来看下如何搞定app设计
第一步、从APP产品需求入手，考虑我们到底要用什么主色调
定好主色调：比如同样是团购，糯米用的是桃红色，而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。
定好尺寸：设计尺寸是多大，是以640*1136设计还是750*1136 还是1242 *2208来设计。
所有APP设计尺寸大小规范：点击查看全部的app设计尺寸
第二步、配色和辅助色用什么颜色
在考虑到产品气质和品牌色的同事，我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中，辅助色运用的策略是不同的，比如我们经常说的：邻近色、对比色等。都是我们选择辅助色的方法。
配色在线网站：http://colourco.de/以及主色调和辅助色的信息图解APP色彩搭配方案是由主色、辅助色和点缀色构成
第三步、用什么风格来表达
定好风格：可以根据产品需求，从竞品当中找到几个合适的参考。
现在来说，说到风格一句话，扁平风。但是在扁平中也有区别。比如下图，同样是扁平。但是左图微微带有一些光影，而右图是纯扁平。你能说哪个好或者不好吗？不能。
这些情感化的设计元素，始终要贯穿到整个APP界面设计当中去。特别是一些细小的情感交互设计上面。
第六步、动效如何做或者说APP交互怎么实现
因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计，无意是对整个app加分的好方法。
好的app交互设计体现出一个app设计师的水平，同时也提升这个app设计的档次。也能让客户端的程序员更明白设计师的心思。
第七步、宣传推广的APP 图标icon 的设计
关于app的图标设计方法，一万个人有一万个答案，那么具体怎么做，还是要考虑用户、场景、需求等细节。产品可以提供方向，但是具体的落地还是需要UI设计师来完成。
APP图标ICON的设计尺寸是：1024*1024 同时也可以去下载各个平台的icon设计模板
最新iOS图标模板和iphone、ipad GUI设计模板2015推荐
最后，在设计app界面的过程当中，也要把APP切图、适配的因素放在心上。避免后期切图和程序员适配出现不合理的设计之处。还有一点不容忽视的很重要的一个步骤。
就是学会一边设计一边用真机测试预览。
网友评论