[导读] 众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面
众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计。移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:
主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。
标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。
点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。
常见的移动端UI界面的颜色搭配设计方案有:
1、邻近色配色法则:(色相环上邻近的颜色)
换句话说就是:选取色相环上邻近的几种颜色来搭配设计。


2、同色系配色法则
主要是指同色系配色(色相一致,饱和度不同)的配色方案:
主色和点晴色都在统一的色相上,给用户一种一致化的感受。

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


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

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


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

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

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


以上就是小编跟大家一起交流学习的五种移动端UI界面设计颜色搭配设计方案。
推荐阅读:浅析APP创建一致性设计的原则
- 上一篇:总结一些打动人心的APP设计点
- 下一篇:10种最经典的APP UI界面设计模式
免责声明:
丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。
如何通过颜色搭配来布局移动APP界面和排版设计
的相关文章- app icon图标的统一绘制与优化
- 华为荣耀V10外观正式确认:全新界面设计中毒!
- “星幕屏”界面设计获大赞,OPPO R11s红色最受宠
- 三星A7渲染设计图曝光:曲面全面屏 侧面扬声器
- 索尼Xperia 9概念设计:还是熟悉的矩形界面设计
- HTC半透明全面屏新机设计,安卓8.0系统华丽来袭
- 聊天软件UI界面设计PSD源文件下载
- 手机UI教程|图集分享ios以及andriod界面设计尺寸
- 无框界面设计已经逐渐占据主流市场位置
- 微信语音骗局,APP使用引发我们的思考
- APP设计中创意十足的Loading动效
- 移动app设计当中常见8种基础布局方案
- 四大维度全方位剖析APP分享功能
- APP设计技巧之减少用户等待感
- UI交互设计案例之动效UI设计
- APP学习干货之爆品金三角法则
- 从零开始学习APP系列的切图标注
- APP设计教程之弹框设计的技巧
- 三款APP设计交互当中的小细节
- 欣赏一些漂亮而生动的APP引导页界面
- 什么是扁平化设计_优秀界面设计的设计原则
- 移动端app极简设计原则
- 如何应用黄金分割比例到APP界面设计
- APP细节考量的四个方面
- 如何设计持续时间场景的APP页面
- 国外优秀的app界面设计案例欣赏
- APP设计同质化如何破解
- APP原型设计的三种表现方式
- 直戳人心的APP设计文案
- 一组超可爱的移动APP表情包设计
- 10种最经典的APP UI界面设计模式
- 总结一些打动人心的APP设计点
- 欣赏一组高品质的简洁大气的APP设计
- 如何应用黄金比例工具来设计APP界面
- APP交互设计实用的触屏手势矢量素材
- 欣赏六款手游APP的交互案例和UI设计风格