当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

浅谈APP主色调的选择和APP主色调的使用

利用周六的空闲时间,学堂君跟大家聊聊APP主色调的选择和APP主色调的使用。

在这篇文章情感化UI设计,APP设计师从哪几个方面下手呢当中,我们谈到了APP色彩是影响用户情感化设计的一个重要的因子。

虽然,之前25学堂也跟大家分享了很多关于色彩搭配相关的知识。比如:

1、设计师的参考书籍:色彩设计和版式设计【附PDF】

2、不一样的APP设计规范当中的色彩规范

3、最佳设计配色教程:临摹app界面设计色彩搭配

 

这节课主要从我们APP设计师实践的角度出发,来谈下APP主色调的选择和APP主色调的使用。

一般我们都是这样的:APP设计师的第一步就是定主色调。

我们最常用的配色方案是:Design Seeds配色方案【https://www.design-seeds.com/

如下图所示Design Seeds方案:

配色seeds方案

 

从我们拿到需求开始,首先是定主色调,脑图 – 原型图 – 效果图—  APP切图- 交付设计稿……

选择应用图标的颜色是一个新兴公司最重要的品牌决策之一,公司可以开发和推出新产品的时候做一个。每一件产品都不同,图标需要沟通的个性,使其不会丢失的手机屏幕上。

 

色轮

了解每一种颜色的含义:

红色使人想到兴奋,青春,强烈

橙色是一种友好、欢快的颜

黄色色调并不十分有魅力,但其明亮和愉快的特质能向潜在用户传递一些温暖而乐观

绿色,健康,自然,新鲜等,平和。绿色与财务的关联,财富“像自然、有机的东西一样增长”。

蓝色是世界上最受欢迎的颜色,代表信任,实力和可靠性 

紫色偏女性,代表有趣、创新、幽默

等等。

另外:APP UI讲究的是统一规范性,所有在设计的时候里面的颜色不要太多太乱。

 

到底如何来选择我们APP的主色调呢?

1、从目标用户的角度选取‘

2、从公司或品牌企业文化的角度选取

3、从产品特有属性来选取

电商社群APP界面设计欣赏4

简单的说。冷色偏理性,暖色偏感性。

像知乎APP这种以分享知识为主题的APP用理性的蓝色是符合的。

像淘宝APP 这种以引导你买买买,买完各种剁手,当然是要用暧昧感性的橙色。

其它的APP软件可以参考这两个软件的用色方案来体会各公司的定位和诉求。

 

 

下面我们举例来说明一下APP主色调的选择和APP主色调的使用:

案例:Light APP   获得豌豆荚年度设计奖的一个APP。 网易出品必属精品!哈哈哈~~~~

相关APP产品秀:APP产品秀:出自网易团队的趣资讯APP【light】

 

Light APP  主色调:黄色 #FFD200

Light APP   辅色调:白色

 

light 是网易旗下的阅读应用,它以早报、、晚报的形式为用户推荐互联网中的精品内容,通过内容和设计,Light 想传达给用户一种明亮并温暖治愈的感觉。

APP产品秀-Light-APP

 

下面就是Light APP 的启动页,特别像早晨的阳光,很温暖!

网易light-app

 

Light APP  相关点评:

Light 所有的视觉,全都是围绕着「点亮」这个概念来设计的。 设计师希望用户看见 Light 的第一感觉就是「眼前一亮」—— 不论是从视觉,还是产品、交互、动画层面来说,都是我们APP设计师值得参考和学习的案例。

在色相上,黄色是最能发光的颜色。 在人们的思维中,「点亮灯泡」之后的亮光颜色就是黄色、从 Light 的日报、晚报出发,黄色也是太阳和月亮的颜色 ——

这种明亮、、柔和的暖黄色 #ffd200,就是 Light 选择的主色调。

从产品气质出发,作为一款阅读类产品,首先要考虑的是方便用户阅读:白色的背景、灰色的文字,配上精美的图片,整个界面很干净、用户阅读起来要顺畅,没有过多干扰色、而黄色作为点睛色,可以最大程度点亮沉闷的阅读气氛。 黄色被运用在列表页底部,文章页底部、、位置,也是一个结点,可以提醒用户你已经读完了一份报纸。

风骚的引导页

所以,APP主色调的选择非常重要,选好了APP产品的主色调,设计师就要灵活的去使用它。如何使用只能靠设计师的悟性和每一位的技能水平啦。只有通过不断地创作和设计来提高自己的配色能力和培养自己的色感。

骚动的APP设计师们,赶快动手吧!

 

 



无觅相关文章插件,快速提升流量

本文标题:浅谈APP主色调的选择和APP主色调的使用

本文地址:http://www.25xt.com/appdesign/13459.html

本文关键词: , , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。