江苏龙网

  1. 首页 > 资讯 > 科技 > >

[]这4个配色技巧，解决你80%色彩问题( 三 )


文章图片

文章图片

▲ 蒂芙尼 ， 整个品牌网站 ， 到线下店 ， 以及对外的宣传 ， 周边包装产品统一的使用着蒂芙尼蓝色设计 ， 让这个蓝色深入人心 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 印象笔记的设计 ， 从整体的网站设计 ， 到界面 ， 到引导页面 ， 都是讲印象笔记经典的绿色用到彻底 ， 形成品牌色彩认知 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ WalidB的插画作品 ， 同样在插画作品中 ， 运用一个色系 ， 通过深浅对比 ， 来形成统一的风格色调 ， 让风格更加具有高级感 ， 科技感 。
邻近色运用
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ CreativeO的图标设计中 ， 很好的运用邻近色渐变 ， 让图标更加富有活力和时尚感 ， 邻近色作为渐变运用 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 一个天气应用 ， 同样采用邻近色做对比 ， 背景底纹运用一些光晕让界面更加生动和灵动 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ Ishtiaq Khan Parag 很好的将邻近色用在了图标和卡片上 ， 让整个设计整体年轻活泼了许多 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 邻近色在很多的产品中越来越多被应用 ， 邻近色取品牌色周围30度的颜色作为渐变色 ， 我们在设计中需要注意邻近色一定不要太大 ， 太大会显得不够柔和 。
互补色运用
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 来自MIKE的作品 ， 互补色设计中如果用不好 ， 界面会很山寨 ， 互补色前面我们说了 ， 是界面中对比最强烈的配色 ， 我们一定要注意互补色的比例 ， 比例一定要协调舒适 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 补色在设计中 ， 不要占比过大 ， 一定需要有一个主色 ， 补色作为重点去强调和突出 ， 这组作品很好的把红色作为补色 ， 有点睛的效果 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 互补色让页面更加突出文字信息内容 ， 同时很好的讲内容趋势和图片趋势很好的拉好 ， 形成了很好的冲击感 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 红绿互补色视觉冲击力强 ， 很好的强调了音箱本身的质感 。
[]这4个配色技巧，解决你80%色彩问题


推荐阅读


上一篇：「」视觉中国缺席的107天

下一篇：「」Android 11 预览版更新，加入新 API 支持 5G 与折叠设备使用体验