App界面设计风格

设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

文章目录[隐藏]

APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。

一个APP开始启动设计时,第一步应该用主要页面定下整个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设计进行配色时,需要考虑不同用户的喜好和体会配色给用户带来的视觉感受。

App界面设计风格

参考:客户网站分析公司KISSmetrics的调查报告图表

从图表上看男女都喜欢绿色、蓝色,这里也说明微信和QQ为什么分别使用绿色和蓝色作为APP重要的配色之一;男女都讨厌橙色、褐色。不同的是男喜好黑色,女喜好紫色;男讨厌紫色,女讨厌灰色。图表仅供参考,在本人的产品体验考察来看,在女性的颜色偏好中有着不可撼动的地位却是红色、粉红色。如使用红色作为主要设计风格的女性app:

App界面设计风格

闺蜜圈、lespark、美啦、美柚界面截图

设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

App界面设计风格

色彩情感:红色、金黄色、橙色

App界面设计风格

麦当劳APP界面截图

App界面设计风格

色彩情感:深灰蓝、中性灰

App界面设计风格

facebook界面截图

App界面设计风格

色彩情感:绿色、紫色、青色

App界面设计风格

地铁跑酷界面截图

App界面设计风格

配色方案反馈的情感意像

总的来说,设计风格是设计起始的第一步,定好了设计风格,后续的设计工作才能继续安排。要确保设计风格匹配用户人群的喜好,符合APP的定位以及给用户传递APP正面良好的形象。确定设计风格阶段,产品经理和设计师花费再多的时间和精力来折腾也是值得的。

#专栏作家#

鹰眼Eeyes,闺蜜圈产品经理,人人都是产品经理专栏作家。擅长产品策划,产品运营,项目管理。专注于移动社交方向,深度调研女性社交;关注O2O电商、智能硬件、物联网发展。厚积薄发,总结,升华中…

本文原创发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32326/

(0)
CatherineCatherine
上一篇 2017-06-04 23:43
下一篇 2017-06-05 01:38

相关推荐

  • Excel表格常用快捷键大全之11-20个(含操作演示)

    温馨提示:零基础或者对Excel不熟悉的小伙伴,请在公众号后台回复数字:1,免费学习滴答老师的全套Excel小白脱白系列视频教程。第十一,选定当前活动单元格区域比如,咱们需要给A1:C18单元格区域加上边框,首先得选中这些单元格。除了用鼠标拖动选择之外,还可以使用下面的两个快捷键:鼠标随便放在A1:C18单元格区域之间的任意单元格,按下Ctrl+Shift+*(星号)或者Ctrl+A就可以快速选定当前活动单元格区域。第十二,excel选...

    2018-03-18
  • 优化App的设计:防止用户错误,并建立良好的错误信息

    “错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误,有时是系统错误。无论错误原因是什么,它们——还有解决方式——对用户体验影响深远。但它往往不被重视,草草处理错误、组织混乱的错误信息会使用户沮丧,最终抛弃你的应用。相反,处理得当的错误提示,能把失败变为惊喜。在本文中,我们会讨论如何优化app的设计,来尽力防止用户错误,并建立良好的错误信息。

    2017-05-13
  • 作为新人的你,应从信息架构、交互流程和交互细节去了解交互设计

    交互设计严格上来说是没有什么套路而言,但是,对于初入行者还是需要有一些需要具体客观的知识点去学习。就像笔者当年刚入行学习工业设计的时候,对工业设计的内涵与外延始终搞不太懂。老师们也没有一直强调工业设计的定义,而是从琐碎的知识点开始,一点点讲解,让我们掌握。当我们掌握了足够多的知识点,工业设计也自然在我们的知识框架中形成。

    2017-05-19
  • 《用户体验可视化指南》视频讲书(5)

    《用户体验可视化指南》书中第2章"绘制基础"的第1部分。服务体验中,避免负面切换波动。从可视化的角度,阐述体验的特点。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这是本章节的开篇,蓉姐在视频中提了2个重点:切换波动。对应到用户企业的互动上,就是各触点上的体验波动。我自己用App最常发生体验波动的地方就是电商App的活动页,本来选东西选的正爽,结果一不小心进到活动页就会蒙圈,完全想不起来刚才发生了什么,...

    2018-04-09
  • 为什么互联网产品经理转做智能硬件后就不灵了呢?

    互联网产品经理转做智能硬件后还能像过去那样玩得转吗?互联网PM和智能硬件PM有何区别?知乎用户忘象Van以其亲身的经历,从定位、KPI考核、关注点、项目追求和成本意识的五个差别做了详细的解答:我做过手机PM,也做过互联网PM,感觉这个问题就是为我量身定做的。所有的区别都可以用一句话概括——硬件PM是生意人,互联网PM是设计师。————————————产品经理是近年来严重泛滥的一个词,而且由于互联网行业的强盛,导致大家对这个岗位的认知完全...

    2018-03-12
  • 设计思考|利用控制感,为用户体验加分

    用户体验的概念一路成长壮大,系统性概述的书籍和理念层出不穷,可执行落地的方法技巧随着技术的进步在不断变换。然而无论概念、环境如何变换,都是让产品通过媒介与人建立关系。所以其研究人性、塑造人类行为的目的却一直未变。本文从人对控制感的喜好出发,通过一些方法来保护用户的控制感或利用控制错觉给用户一些虚拟的控制感,­­­­来保护用户体验或强化用户体验。

    2017-05-01
  • 5个关键词看小程序和App的UI设计异同

    微信总喜欢在深夜推出一个大新闻,昨晚10点,小程序开放公测的消息一出,我公号的文章都推不出去了,一直显示系统繁忙,那得是多大的流量啊,心里暗想,能分我一点零头就好了,估计是我想多了!

    2017-05-16
  • 内容展示页,是选择瀑布流还是分页呈现?

    每个设计师在工作中都会纠结于是使用瀑布流还是分页列表去展示内容。到底如何选择,让我们先分析下两种交互方式的优缺点。

    2017-05-02
  • 用户体验方向的复试炸药包

    喜大普奔,北师大终于出分数线了,虽然心理学部的院线还没有出来~但是过没过线,你心里应该没点Balance吗?对于没有参加提前复试的同学,对于接下来的复试,师兄在这里想灵魂拷问一番,准备好复试了吗?知道怎么准备吗?知道UX复试要考什么吗?别问我,我也不知道。但是作为去年参加过正常批复试而且成绩不低的老司机,我还是可以在这说两句的。(咳咳~全场都注意啦!)参加过去年提前复试的同学应该知道去年UX的复试变动很大,比之前两年灵活了很多,辅导机构...

    2018-03-07
  • 用户体验与结婚教练

    我的朋友文敏,在做一个工作——结婚教练。具体就是指导30岁以上,下定决心要结婚的女生,如何在一年半之内搞定结婚。而且她的这套方法,已经帮助30多个30多岁的女生结婚了。我就很好奇,想了解她的核心方法,然后发现,几乎她是严格按照产品方法论,来培训想结婚的熟女,如何做判断、做交互、做优化。而判断、交互和优化三者,判断肯定是第一位的。古人云“男怕入错行,女怕嫁错郎”。第一步的判断和选择,决定了一个人在一个点线面体上的位置。而她做判断的方法,基...

    2018-02-02