[]这4个配色技巧,解决你80%色彩问题( 二 )
文章图片
文章图片
棕色
棕色 , 棕色常被联想到泥土、自然、简朴 。它给人可靠感觉 , 一般设计中能带来温暖 , 舒适的感觉!
文章图片
文章图片
文章图片
文章图片
黑色
黑色 , 深邃 , 黑色是宇宙的底色 , 代表安宁 , 与白色相反 , 没有任何情感倾向 , 界面中尽量少用纯黑 。
文章图片
文章图片
白色
白色 , 干净 , 神圣 , 纯洁的颜色 , 通常被认为是“无色”的 。白色的明度最高 , 无色相 。
UI常用配色原理
在UI中配色有哪几种方式呢 , 今天教大家一些小技巧 , 要了解UI中配色 , 首先我们的知道关于颜色的几个小知识:
文章图片
文章图片
纯色
顾名思义就是单色 , 一个颜色组成 , 在界面中经常通过颜色深浅冷暖对比来使用 。
文章图片
文章图片
邻近色
相邻的两组颜色 , 色相环中相距30度 , 或者相隔五六个数位的两色 , 为邻近色关系 , 色调统一和谐、感情特性一致 。
文章图片
文章图片
互补色
在色相环中每一个颜色对面(180度对角)的颜色 , 称为互补色 , 也是对比最强的色组 。把对比色放在一起 , 会给人强烈的排斥感 , 搭配不好会很山寨 。
三种颜色
界面中 , 由三种颜色组成的配色 。
文章图片
文章图片
▲ 这是一对红蓝互补色
文章图片
文章图片
▲ 在蓝色和红色基础上 , 选择一个邻近色作为拆分互补色
拆分互补色
拆分互补色就是在互补色的前提下 , 每个互补色再增加一个同色系的颜色 , 比如互补色是蓝色 , 和红色 。
以上就是色彩中常用一些搭配方式 , 互补色 , 单色 , 邻近色 , 拆分互补色 , 那么界面中怎么运用呢 , 来看一些实际的案例
单色运用
文章图片
文章图片
▲ Copper的产品设计 , 整个产品就采用一种配色 , 暖粉色 , 颜色年轻活泼 , 暖粉色很好的运用在界面的各个地方 , 形成统一的品牌认知 。
推荐阅读
- 『手机技巧超人』手机开发者选项居然这么神奇!手机用了这些年,你不会还不知吧?
- 蚕豆■三星新无线耳机渲染图曝光:设计完全改版神似蚕豆搭配三款配色
- 「ROM乐园TB」三星新无线耳机渲染图曝光:设计完全改版神似蚕豆搭配三款配色
- [网信]上海市网信办:关闭“张文宏模子”等4个假冒公众人物账号
- 香港新天域互联■“极夜蓝”受高层热捧:诺基亚9.2或有4种配色
- 『』如何实现广告效益最大化?TikTok广告引流技巧分享!
- ##一加 8 Pro 开箱:这个机身配色能让你冲动消费
- IT168@一加 8 Pro 开箱:这个机身配色能让你冲动消费
- 『』OPPO A92s更多图片曝光 相机设计成亮点 共三种配色
- 「学妹聊科技」手机飞行模式到底有什么用,4个用途真是太棒了,被很多人忽略了
