美文网首页微信小程序UI布局
APP界面常用的五种颜色搭配

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

作者: 纪同学说 | 来源:发表于2018-08-20 10:42 被阅读3359次

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

移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:

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

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

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

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

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

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

 2、同色系配色法则

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

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

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

3、点亮色配色法则

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

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

4、中性色配色法则

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

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

5、渐变色与纯色配色法则

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

  以上就是五种移动端UI界面设计颜色搭配设计方案。

相关文章

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

    众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天...

  • app常用的颜色搭配

    底层背景色,内容背景色,两种颜色相近,但能区分标题背景色 任意花色标题文字色 通常为黑色或白色黑体内容文...

  • 策划006-App界面设计风格

    APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。 一个APP开始启动...

  • Android主界面利用fragment搭建总结

    前言 目前app常用的主界面大多类似如下界面所示: 常用的利用fragment作为选项卡实现切换,这里介绍两种方法...

  • 放大渐变消失动画,APP启动界面常用

    放大渐变消失动画,APP启动界面常用 [UIView animateWithDuration:1.5 animat...

  • 知米背单词:配图+短语+词根词缀=高效记忆

    知米背单词App以白绿两种颜色搭配,整个App产品设计非常简洁,主要分为“背单词”、“阅读”、“发现”、“我”四个...

  • iOS开发之 通过各种方法 设置 Color

    UI界面的开发少不了各种颜色的 搭配,而系统的颜色使用 很有限,很多时候我们需要 自己通过各种色值设置颜色,例如:...

  • tableViewCell行高计算

    tableViewCell行高计算 UITableView 是在app界面里非常常用的一个控件了,打开一个app,...

  • 爱上五色菜

    五色菜,顾名思义,五种不同颜色的蔬菜搭配起来,也可以理解成多种颜色的蔬菜搭配起来。 中午下班,来不及做饭。孩子们说...

  • QMUI之QMUIGroupListView使用

    通用的列表,常用于 App 的设置界面,其父类不是 ListView 而是 LinearLayout,所以一般要配...

网友评论

    本文标题:APP界面常用的五种颜色搭配

    本文链接:https://www.haomeiwen.com/subject/mkykiftx.html