android好看的配色方案,APP界面常用的五种颜色搭配
众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计。
移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:
主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。
标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。
点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。
常见的移动端UI界面的颜色搭配设计方案有:
1、邻近色配色法则:(色相环上邻近的颜色)
换句话说就是:选取色相环上邻近的几种颜色来搭配设计。
2、同色系配色法则
主要是指同色系配色(色相一致,饱和度不同)的配色方案:
主色和点晴色都在统一的色相上,给用户一种一致化的感受。
追波网上最常见的一些APP界面设计作品:都是采用这样的颜色搭配。
3、点亮色配色法则
主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。
比如之前追波网设计漂亮的APP界面设计:
4、中性色配色法则
用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。
由黑色、白色及由黑白调和的各种深浅不同的灰色系列,称为无彩色系,也称为中性色。中性色不属于冷色调也不属于暖色调。黑白灰是常用到的三大中性色。
5、渐变色与纯色配色法则
这种大胆的配色方案也是2017年值得关注的一个风向标。也是2017年移动端APP设计的一个趋势。学会更大胆地使用色彩会是一个不错的选择。
以上就是五种移动端UI界面设计颜色搭配设计方案。
android好看的配色方案,APP界面常用的五种颜色搭配相关推荐
- APP界面常用的8种页面布局
APP界面常用的8种页面布局 我们在学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评.由于手机屏幕 ...
- 药店app的布局html,APP界面常用的8种页面布局
学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评. 由于手机屏幕尺寸的限制,无法直接把所有内容在一 ...
- iOS日常学习 - App之间常用的五种通信方式及适用场景总结
本文为转载学习,原文地址 iOS系统是相对封闭的系统,App各自在各自的沙盒(sandbox)中运行,每个App都只能读取iPhone上iOS系统为该应用程序程序创建的文件夹AppData下的内容,不 ...
- html app状态栏,APP设计:(一)app界面常用设计规范
app设计,也就是我们常说的手机应用程序的界面设计. 如今手机已成为我们生活工作密不可分的一个工具,各行业各类型的app层出不穷. 经过几年的发展逐渐成熟,也逐渐形成一些普适的设计规范,包括布局.各部 ...
- android ui头像圆角化,APP界面设计当中,为什么喜欢把头像设计成圆形
看到这样的标题,你是不是也很惊奇呢?仔细的去回想一下,好像很多APP界面设计当中的头像都是圆形的.很少见到头像是方形的.菱形或者四边形的. 这是为什么呢? 难道是因为好看吗? 今天25学堂的小编跟大家 ...
- 程序媛审美测评——控制台256种颜色搭配及控制台改变界面颜色的方法
改变控制台颜色的方法+程序媛审美色调推荐 前言 改变颜色der方法 程序媛颜色审美测评 初筛42种搭配 复试4种出挑 前言 C语言小学期做大作业,感觉黑底白字略显单调,想换个颜色change一下枯燥的 ...
- PMP 冲突管理常用的五种方法
PMP 冲突管理常用的五种方法 一.五种常用的方法 • 撤退/回避:从实际或者潜在冲突中退出,将问题推迟到准备充分的时候,或推给其他人 • 缓和/包容:强调一致而非差异(求同存异) • 妥协/调解:为 ...
- python各个解释器的用途-常用的五种Python解释器|老男孩网络Python学习课程
Python是一门解释器语言,代码想运行,必须通过解释器执行,Python存在多种解释器,分别基于不同语言开发,每个解释器有不同的特点,但都能正常运行Python代码,以下是常用的五种Python解释 ...
- Android 通过shape画线,1条线2种颜色,左边线条和背景色一致,右边线条为divider颜色
Android 通过shape画线,1条线2种颜色,左边线条和背景色一致,右边线条为divider颜色 有时候ListView的Item分割线,会隔断,不是一条完整的横线,参考如下. 效果图: 如图中 ...
最新文章
- lintcode 中等题:subSets 子集
- 销售科目确认相关配置
- php mysql curd_Php mysql 常用代码、CURD操作以及简单查询
- 微信支付宝扫一扫进入小程序的相关配置
- Nowcoder deco的abs
- Asp.Net4.0/VS2010新变化(2):网站自动预热
- 电脑桌面点任何文件都打开计算机,小编教你电脑开机自动打开文件夹怎么解决...
- 如何写PRD (附PRD案例)
- python中的加减乘除(运算符)
- C++ TLV格式解析
- 开启cdn后导致websocket10秒直接断开连接 报错1006
- Json对象转换成Json数组
- 新版一年级上册数学期末试卷
- 基于STM32F103,用蜂鸣器播放歌曲
- 支付宝开放平台入驻流程及失败解决
- 李笑来——关于资本(阅读总结)
- 老铁们,Arxiv每日论文服务美美上线啦
- 老程序员都去哪儿了?国内的大龄程序员都去哪了
- Mybatis Smart Code Help插件使用介绍
- Deep tabular data learning