zoukankan      html  css  js  c++  java
  • 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(分享请保留)

  • 相关阅读:
    【SCOI 2011】 糖果
    【POJ 3159】 Candies
    【POJ 1716】 Integer Intervals
    【POJ 2983】 Is the information reliable?
    【POJ 1364】 King
    【POJ 1201】 Intervals
    【POJ 1804】 Brainman
    6月10日省中提高组题解
    【POJ 3352】 Road Construction
    【POJ 1144】 Network
  • 原文地址:https://www.cnblogs.com/Free-Thinker/p/8628642.html
Copyright © 2011-2022 走看看