当前位置:丝路教程网 > UI设计 > 手机UI >

APP界面常用的五种颜色搭配

众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面
学设计来丝路教程网

世上无难事,只要肯攀登! —— 毛泽东 开始学习

  众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计。移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:

  主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。

  标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。

  点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。

  常见的移动端UI界面的颜色搭配设计方案有:

  1、邻近色配色法则:(色相环上邻近的颜色)

  换句话说就是:选取色相环上邻近的几种颜色来搭配设计。

sehuan

  2、同色系配色法则

  主要是指同色系配色(色相一致,饱和度不同)的配色方案:

  主色和点晴色都在统一的色相上,给用户一种一致化的感受。

  追波网上最常见的一些APP界面设计作品:都是采用这样的颜色搭配。

同色系
APP22

  第三种是点亮色配色法则

  主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。

  比如之前追波网设计漂亮的APP界面设计:

同色系2
app视觉设计xins

  第四种是中性色配色法则

  用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。

中性色彩搭配

  由黑色、白色及由黑白调和的各种深浅不同的灰色系列,称为无彩色系,也称为中性色。中性色不属于冷色调也不属于暖色调。黑白灰是常用到的三大中性色。

APP页面排版武器_留白1

  第五种是渐变色与纯色配色法则

  这种大胆的配色方案也是2017年值得关注的一个风向标。也是2017年移动端APP设计的一个趋势。学会更大胆地使用色彩会是一个不错的选择。

%e7%9d%80%e8%bf%b7%e7%9a%84%e6%b8%90%e5%8f%98%e8%89%b2
APP微渐变设计2

  以上就是小编跟大家一起交流学习的五种移动端UI界面设计颜色搭配设计方案。

  推荐阅读:浅析APP创建一致性设计的原则

还有什么问题没解决的?点击【咨询专业老师想要咨询相关课程点击【课程咨询

首发地址: APP界面常用的五种颜色搭配_室内设计教程|Ui设计教程|Cad、3Dmax软件教程-丝路教程网

资源地址: http://blog.silucg.com/UI/sj/5793.html(分享请保留)


丝路教程网先学习后付款

相关热词: APP设计

免费获取最新教程

姓名
手机号
QQ
需求资料
 
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 PS软件 | 3DMAX软件 | Revit软件 | Maya软件 | CAD软件 | AI软件 | BIM软件 | VRay渲染器 |
点击这里给我发消息
0元免费学设计
姓名:
电话:
微信:
QQ:
课程: