APP界面常用的五种颜色搭配
众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计。移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:
主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。
标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。
点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。
常见的移动端UI界面的颜色搭配设计方案有:
1、邻近色配色法则:(色相环上邻近的颜色)
换句话说就是:选取色相环上邻近的几种颜色来搭配设计。
2、同色系配色法则
主要是指同色系配色(色相一致,饱和度不同)的配色方案:
主色和点晴色都在统一的色相上,给用户一种一致化的感受。
追波网上最常见的一些APP界面设计作品:都是采用这样的颜色搭配。
第三种是点亮色配色法则
主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。
比如之前追波网设计漂亮的APP界面设计:
第四种是中性色配色法则
用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。
由黑色、白色及由黑白调和的各种深浅不同的灰色系列,称为无彩色系,也称为中性色。中性色不属于冷色调也不属于暖色调。黑白灰是常用到的三大中性色。
第五种是渐变色与纯色配色法则
这种大胆的配色方案也是2017年值得关注的一个风向标。也是2017年移动端APP设计的一个趋势。学会更大胆地使用色彩会是一个不错的选择。
以上就是小编跟大家一起交流学习的五种移动端UI界面设计颜色搭配设计方案。
首发地址: APP界面常用的五种颜色搭配_丝路教程网
资源地址: http://blog.silucg.com/UI/sj/5793.html(分享请保留)
APP界面常用的五种颜色搭配相关推荐
- android好看的配色方案,APP界面常用的五种颜色搭配
众所周知,每一种颜色带给用户的视觉感受也是不同的.现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计. 移动端UI ...
- 药店app的布局html,APP界面常用的8种页面布局
学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评. 由于手机屏幕尺寸的限制,无法直接把所有内容在一 ...
- APP界面常用的8种页面布局
APP界面常用的8种页面布局 我们在学习UI设计的时候,经常要接触到页面的布局,布局的方式会直接影响一个APP的视觉效果,好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评.由于手机屏幕 ...
- iOS日常学习 - App之间常用的五种通信方式及适用场景总结
本文为转载学习,原文地址 iOS系统是相对封闭的系统,App各自在各自的沙盒(sandbox)中运行,每个App都只能读取iPhone上iOS系统为该应用程序程序创建的文件夹AppData下的内容,不 ...
- 2021新款iMac将提供五种颜色 搭配自研CPU
有消息称苹果2021年新款台式机iMac即将上线,并有望在新款iMac上推出多达5个不同颜色:银色.太空灰.绿色.天蓝色和玫瑰金色.这些颜色与苹果2020年9月份更新的第四代iPad Air提供的颜色 ...
- 程序媛审美测评——控制台256种颜色搭配及控制台改变界面颜色的方法
改变控制台颜色的方法+程序媛审美色调推荐 前言 改变颜色der方法 程序媛颜色审美测评 初筛42种搭配 复试4种出挑 前言 C语言小学期做大作业,感觉黑底白字略显单调,想换个颜色change一下枯燥的 ...
- html app状态栏,APP设计:(一)app界面常用设计规范
app设计,也就是我们常说的手机应用程序的界面设计. 如今手机已成为我们生活工作密不可分的一个工具,各行业各类型的app层出不穷. 经过几年的发展逐渐成熟,也逐渐形成一些普适的设计规范,包括布局.各部 ...
- python各个解释器的用途-常用的五种Python解释器|老男孩网络Python学习课程
Python是一门解释器语言,代码想运行,必须通过解释器执行,Python存在多种解释器,分别基于不同语言开发,每个解释器有不同的特点,但都能正常运行Python代码,以下是常用的五种Python解释 ...
- python画圆填色_python turtle我想用五种颜色画五个圆,并且用画圆周的颜色填充,老是出问题,怎么回事,怎么修改?:python教程同心圆...
python turtle画4个同心圆方法 from turtle import * def test(): reset() circle(30,-360) up() goto(0,-10) down ...
- python画圆并填充图形颜色_python turtle我想用五种颜色画五个圆,并且用画圆周的颜色填充,老是出问题,怎么回事,怎么修改?:python颜色代码...
python看什么书 你想这看什么书的话,你可以看一下您的导师能力,有什么推荐的,或者职务上面问一下大神的呢? python turtle我想用五种颜色画五个圆,并且用画圆周的颜色填充,老是出问题,怎 ...
最新文章
- RocketMQ 高级功能介绍
- WordPress上传大小限制问题
- Afterthought 原来是这样的啊。。。。
- ASP.NET的IIS映射
- PHP设置按钮不可用,css怎么控制按钮不可用,button按钮css样式
- 华为P50 Pro宣传海报曝光:双环形后置相机设计
- keras layer的weight是向后的还是向前的_「马上学tensorflow 2.0」Keras简介、使用流程,后端引擎原理,...
- redis数据导入导出
- pytorch迁移学习后使用微调策略再次提高模型训练结果
- 简单好用的照片恢复软件推荐
- 213.打家劫舍II(力扣leetcode) 博主可答疑该问题
- 解析大型Java项目架构演进(以淘宝网为例)
- Spark Streaming系列-1、什么是Spark Streaming?
- MATLAB安装 C盘空间不足问题解决
- 抓包分析TCP首部,三次牵手四次分手过程,序列号确认号计算,为什么握手是三次挥手是四次?
- 一招教你自制“切屏”摸鱼神器
- html图片要存在哪里,将html中的图片和html保存在一个文件里
- 调用百度地图api实现地图查询功能
- deny后加to do还是doing_为什么英语中有些动词后只能接 doing,而不能接 to do?
- 2.Oracle深度学习笔记——内存架构之UGA