您的位置：
App界面设计风格
作者：鹰眼Eeyes
　　APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。
　　一个APP开始启动设计时，第一步应该用主要页面定下整个APP的设计风格，然后其他页面按着统一的设计风格进行细致的设计美化。统一设计风格能给用户呈现整体一致的视觉体验，有利于传达产品整体的品牌形象;也方便设计团队制定设计规范，减少设计风格不一致带来的沟通成本。
　　APP设计风格从视觉效果上至少给用户传达了两个信息：一是APP的整体基调。二是APP的目标人群。
　　微信、QQ界面截图
　　拿微信和QQ例子来说：微信是黑、绿、白三种主要颜色搭配，中规中矩的布局呈现给用户稳重、信赖的感觉，更像是成人的沟通工具。QQ默认皮肤是浅蓝、浅灰、白三种主要颜色搭配，灵活的布局交互呈现给用户活泼、有趣的感觉，更偏向爱玩、爱新奇的年轻用户。
　　为什么同样是即时通讯社交应用，设计风格差距这么大?这正是由产品的定位和目标用户决定的。微信口号是“微信，是一个生活方式”，这种大而全的定位，注定微信设计风格要更谨慎和中性化;另一方面据腾讯官方数据统计86%微信用户年龄集中在18-35岁，90%用户职业为企业员工、学生，目标用户也决定了微信设计风格的稳重、成熟和高端化。而QQ口号是“乐在沟通”，定位明确为娱乐化的社交应用，因此QQ设计风格是允许活泼有趣、甚至个性化(用户可切换多种不同设计风格皮肤);另一方面QQ兼容人群更广，相对微信来说更年轻、更活泼，如中小学生的忠实沟通工具仍是QQ。
　　原则上产品经理不应该干扰限制设计师的创意和灵感，但产品定位是什么、产品目标人群是谁。以上两点产品经理在提设计需求之前务必清晰传达到给设计师。
　　那么设计师出的稿子，如何判断是不是符合我们产品的设计风格呢?这里要求产品经理必须把设计的常识和基础原理弄懂，阅读相关的设计书籍，并且有意识的去体验和对比各种App产品的设计，提高产品的鉴赏能力。
　　移动APP产品的设计首先应该紧跟业界的主流设计风格：扁平化设计。扁平化设计有明显的几个好处：
　　1、界面美观、简约大方、条理清晰
　　2、设计元素上强调抽象、极简、符号化，去除冗余的装饰效果突显App的文字图片等信息内容。
　　3、完美兼容pc网站、安卓、ios等不同系统的平台和不同屏幕分辨率的设备，适应性强。
　　APP产品设计定为扁平化，然后考验的是设计师界面配色的专业功力了。在设计风格表现上，颜色占据了80%以上的视觉体验。因此要做好设计风格，主要做好界面的颜色搭配和分布。另外颜色是有情感的，不同的色彩能给于用户不同的印象和感受，而且不同的人群对颜色偏好也是不一样的。所以在为APP设计进行配色时，需要考虑不同用户的喜好和体会配色给用户带来的视觉感受。
　　参考：客户网站分析公司KISSmetrics的调查报告图表
　　从图表上看男女都喜欢绿色、蓝色，这里也说明微信和QQ为什么分别使用绿色和蓝色作为APP重要的配色之一;男女都讨厌橙色、褐色。不同的是男喜好黑色，女喜好紫色;男讨厌紫色，女讨厌灰色。图表仅供参考，在本人的产品体验考察来看，在女性的颜色偏好中有着不可撼动的地位却是红色、粉红色。如使用红色作为主要设计风格的女性app：
　　闺蜜圈、lespark、美啦、美柚界面截图
　　设计风格的配色除了要注意男女性的喜好差别，还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》
　　色彩情感：红色、金黄色、橙色
　　麦当劳APP界面截图
　　色彩情感：深灰蓝、中性灰
　　facebook界面截图
　　色彩情感：绿色、紫色、青色
　　地铁跑酷界面截图
　　配色方案反馈的情感意像
　　总的来说，设计风格是设计起始的第一步，定好了设计风格，后续的设计工作才能继续安排。要确保设计风格匹配用户人群的喜好，符合APP的定位以及给用户传递APP正面良好的形象。确定设计风格阶段，产品经理和设计师花费再多的时间和精力来折腾也是值得的。
　　设计风格确定后，咱们可以继续下篇整理《策划007-App界面交互设计规范》
(转载请保留)
置顶推荐热门话题大家都在看
互联网的一些事，已超50万小伙伴关注！what's app被高大上的FB收购了 我进去看了一下软件界面 震惊了他的界面 全是原生控件 大家怎么看
大家怎么看软件界面和实际功能的平衡 我觉得做得最好的是instagram 国内很多软件貌似有点过度设计了
猜你喜欢：
共20条回复
美帝各种高大上
WhatsApp 界面其实特难看
Facebook收购Whatsapp不是因为人家的设计团队，而是因为用户量。Facebook看到这里面的潜力，只是whatsapp的团队比较不妨当初的想法，facebook是在买一座没有开发的煤矿。
收购了WhatApp上用户绑定的信用卡量。
挺好的，老外对花里胡哨的东西不是那么的感冒。而且，本身这东西就是个通讯类软件，和native dialer一个UI风格，可以让用户更平滑的切换使用。注意看看，连图标都是几乎一样的。
有时候 上市公司必须要有收购行为. 来给大股东们进行操作的空间.
我觉得这说明whatsapp的产品理念或者功能做的好吧...不能说这样的设计好啊。
不过这样看起来像iphone自带应用...
单纯从工程师思维出发，是无法理解这样的APP卖出190亿的高价的。
用户数，用户价值，本身APP团队价值，是否是未来的竞争对手，是否补充现有服务，投资者等的影响(影响非常大的)。
再一次给国内自以为是的产品经理又一次打脸
说白了就是一个跨平台的SMS。。。
本帖有20个回复，因为您没有注册或者登录本站，所以，只能看到本帖的10条回复。如果想看到全部回复，请注册或者登录本站。
），然后在出现的“enter code here”处贴入你的代码。
回复特定回复的时候，请点击该回复右侧的回复链接，系统将自动创建楼号和@通知。
@他人的时候注意，id后面请加一个空格。
使用左侧工具栏“贴链接”按钮（）创建的优酷、土豆、youtube视频链接，将自动生成播放区域，不需要使用其他包含方式。
如果要创作长篇格式复杂的帖子，本站建议Mac用户使用，离线写好，贴入即可。}