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

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

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

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

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

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

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

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

Image title

Image title

  2、同色系配色法则

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

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

Image title

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

Image title

Image title

  第三种是点亮色配色法则

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

Image title

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

Image title

Image title

  第四种是中性色配色法则

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

Image title

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

Image title

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

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

Image title

Image title

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

首发地址: APP界面常用的五种颜色搭配_丝路教程网

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/359154.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaOne 2015 –提交的技巧和建议

大家都知道JavaOne 。 感觉就像一直在那儿。 而且,即使我们跌宕起伏,而地理位置也不是我们想要的那样,旧金山也很昂贵,而且和。 这是有关各种Java的顶级会议。 今年又再次成为程序委员会(“ Java,DevOps和云…

Oracle 数据库导入导出 dmp文件

首先询问对方数据库的表空间名称和大小,然后在你的oracle中建立相应表空间,最后使用命令导入、导出数据。补充:1.要新建一个数据库; Oracle数据导入导出imp/exp就相当于oracle数据还原与备份。exp命令可 以把数据从远程数据库服务…

计算机网络课程计划,计算机网络教学计划2017

计算机网络教学计划2017教学计划(课程计划)是课程设置的整体规划,它规定不同课程类型相互结构的方式,也规定了不同课程在管理学习方式的要求及其所占比例。下面是小编整理的计算机网络教学计划范文,希望对你有帮助!计算机网络教学计划(一)一、…

hdu 4267 多维树状数组

题意&#xff1a;有一个序列 "1 a b k c" means adding c to each of Ai which satisfies a < i < b and (i - a) % k 0. (1 < a < b < N, 1 < k < 10, -1,000 < c < 1,000)"2 a" means querying the value of Aa. (1 < a …

微信服务商开发能力说明文档

最近看到很多人复制我的这篇文章,我也是醉了,你起码搞个转载,注明出处, 然后设置付费文档,发现也不好使,文章比较简短,别人也能免费看到我的文章全部内容, 无奈之下,再次打开这篇文章开始编辑, 前面增加一些废话, 看看有多少人复制我的文档,我都不想评论,找各…

html中scope的作用,AngularJS 作用域(Scope)

AngularJS 作用域(Scope)作用域(Scope)是一个存储应用数据模型的对象为 表达式 提供了一个执行上下文作用域的层级结构对应于 DOM 树结构作用域可以监听 表达式 的变化并传播事件作用域有什么作用域提供了 ($watch) 方法监听数据模型的变化作用域提供了 ($apply) 方法把不是由A…

跳转到企业缓存之前要考虑的事项

介绍 关系数据库事务是ACID &#xff0c;强大的一致性模型简化了应用程序开发。 由于启用Hibernate缓存是一项配置 &#xff0c;因此&#xff0c;只要数据访问层开始显示性能问题&#xff0c;就转向缓存非常吸引人。 添加缓存层确实可以提高应用程序性能&#xff0c;但是它有其…

去小公司了解哪些工具?

程序员开发需要具备良好的信息检索能力&#xff0c;为了备忘&#xff0c;将开发过程中常用的网站进行整理。 1、搜索引擎 1.1、秘迹搜索 一款无敌有良心、无敌安全的搜索引擎&#xff0c;不会收集私人信息&#xff0c;保护私隐&#xff0c;没有Cookie&#xff0c;并且秘迹搜索…

(027) Linux之shell分支if语句

十年运维系列之基础篇 - Linux 作者&#xff1a;曾林 联系&#xff1a;1494445739qq.com 网站&#xff1a;www.jplatformx.com 版权&#xff1a;文章未经同意请勿转载 一、使用if语句 通过shell&#xff0c;我们可以来写出这样的一个使用if语句的shell脚本片段。如下所示&…

解锁计算机桌面,电脑锁屏按什么键解锁

按回车键即可解锁。具体的解锁过程如下1、先将电脑设置一个密码&#xff0c;再使用电脑锁屏快捷键将屏幕锁掉&#xff0c;最后按回车键解锁。首先在电脑桌面上点击开始菜单&#xff0c;找到控制面板点击并进入。2、然后在弹出的界面找到“用户账户和家庭安全”&#xff0c;并单…

ppt如何旋转流程图_张伟随笔37:我书写方程式和画流程图的方法

珠海海洋王国里的海象山张伟 2020.11.23我书写方程式和画流程图的方法首发/化学张伟/2020.05.13书写化学方程式&#xff0c;在word里面可以实现一部分&#xff0c;例如&#xff0c;我要书写高锰酸钾受热分解为锰酸钾、二氧化锰和氧气&#xff0c;化学式有上下标&#xff0c;可以…

职业技术人士学习捷径最快的网站

由于最近研究大数据相关的技术及前沿技术,对常用的几个网站做一下分享(包含技术网站+最新资讯网站): 1. 36Kr 网站:https://36kr.com/ 提供创业资讯、科技新闻、投融资对接、股权投资、极速融资等创业服务,致力成为创业者可以依赖的创业服务平台,为创业者提供最好的产品和…

单元测试编写_为什么要编写单元测试-测试技巧8

单元测试编写我对最近的博客“您应该测试什么”有很多React&#xff0c;有些人出于各种原因与我达成一致&#xff0c;另一些人则认为建议某些类可能不需要单元测试是完全危险的。 已经处理了什么测试&#xff0c;今天的博客涉及为什么要编写单元测试&#xff0c;而今天的示例代…

webapi get请求 FromUri list参数传递

今天做项目调用第三方的webapi时&#xff0c;发现get请求竟然用的是FromUri list参数&#xff0c;汗... 这里简单记录下请求传参的方式&#xff08;但不推荐大家使用get FromUri list参数 来定义webapi的功能&#xff09;&#xff1a; 1        HttpClient hClient new…

51cto 检测ip地址冲突_在Linux中发现IP地址冲突的方法

IP冲突&#xff0c;是不会像Windows那样&#xff0c;在右下角弹出冲突提示的。博主就出过一次糗&#xff0c;记得当时是在VM虚拟机里面安装了4个4个Redhat都是VM克隆出来的、完全一致的原来&#xff0c;是那台频繁掉线的虚拟系统和其他部门的办公电脑出现了IP冲突&#xff0c;由…

在计算机网络中可用于信息传输的介质,在计算机网络中,双绞线、同轴电缆及光纤等用于传输信息的载体被称为______介质。...

函数ReadDat()的功能是实现从文件ENG49.IN中读取一篇英文文章&#xff0c;存入到字符串数组xx中。请编制函数encryptChar()&#xff0c;按给定的替代关系对数组xx中所有字符进行替代&#xff0c;仍存入数组xx的对应的位置上&#xff0c;最后调用函数WriteDat()把结果xx输出到文…

7个顶级资源网站,不知道就很可惜

说起搜索资源&#xff0c;大家肯定先想到百度&#xff0c;的确“度娘”很万能&#xff0c;能帮我们解决很多问题&#xff0c;但毕竟百度资源有限&#xff0c;用的人多了就造成重复的问题&#xff0c;接下来&#xff0c;小编给大家分享7个顶级资源搜索网站&#xff0c;能满足你很…

使用ab对站点进行压力测试

测试指令&#xff1a; window下&#xff1a; E:\wamp\bin\apache\Apache2.2.21\bin> .\ab -V //查看是否按照了ab:(V 大写) E:\wamp\bin\apache\Apache2.2.21\bin> .\ab -n1000 -c100 http://www.harris.com linux 下&#xff1a; #ab -n1000 -c100 http://www.harris.…

通过Pax考试对JBoss Fuse 6.x进行集成测试,第一部分

JBoss Fuse是一个功能强大的分布式集成平台&#xff0c;具有内置功能&#xff0c;用于集中集成的微服务部署的集中式配置管理&#xff0c;服务发现&#xff0c;版本控制&#xff0c;API网关&#xff0c;负载平衡&#xff0c;故障转移等。 JBoss Fuse 6.x构建在Fabric8 1.x开源项…

【APICloud系列|3】开发APP对UI的一般性要求

以前用APICloud平台开发过一款APP&#xff0c;已经上线&#xff0c;现在担任CTO对UI普及一下常识。 总结 UI图&#xff1a;640*960、1280*720 图标大小&#xff1a;200*200、64*64 图片的格式&#xff1a;png 底部导航栏&#xff1a;两种图片不同颜色。 说明&#xff1a;