首页 > 网页教程 > 设计分享 > 10个实用方法帮你搞定网页柔和色调设计

10个实用方法帮你搞定网页柔和色调设计

时间:2014-12-04    来源:可乐橙

网站设计 网站策划 扁平化设计 网站色彩搭配

编者按:柔和色调是设计师常用的一门技巧,它既可以打造亲切可人的氛围,拉近与用户的关系,也可以分出深浅变化,突出设计核心,玩法多种多样,实用性强,今天@十萬個為什麽 同学总结了10个方法及优秀案例,来学习咯。

网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。

当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。

下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法。

柔和的照片

www.solasie.com

网站设计 网站策划 扁平化设计 网站色彩搭配

照片上的柔和遮罩层,或是在恰当的光照环境中拍摄的照片,可以成为精妙绝伦的网站背景。照片的色调越淡雅,设计师就有越多的区域可以放置其他元素。

使用柔和的照片同样有助于与其他元素产生反差,比如Logo或按钮。请注意Solasie的logo与柔和色调的照片搭配得多么完美。这种思想也能突出幽灵按钮。

柔和的背景色

www.dearmum.org

网站设计 网站策划 扁平化设计 网站色彩搭配

柔和的背景色是个好主意,使用多种颜色却不会咄咄逼人。由于柔和色调更加淡雅,画布上可以使用更大面积的颜色,却不会感觉太强烈。

处理柔和背景色的一个常见的趋势,就是像Dear Mum这样,使用单色调的配色方案,对一种颜色进行深浅变化。单色调能够与白色的文字元素产生美妙的视觉对比。搭配合适的字体,这种技巧也能打造时髦的现代感。

相关推荐
酷站欣赏之欧美棕色调网站设计案例赏析
网页设计的文字色彩与可读性分析
30个出色的网页设计色彩搭配案例欣赏
网页设计的色彩理论与案例浅析
18个国外经典优雅黑白色调的酷站欣赏
网页配色经验分享:叠柔配色技巧及图解分析
网页配色之色彩搭配技巧与色彩对用户的心理作用
色调心理效应 颜色在网页设计中的重要性分析
网页设计新趋势:撞色风(Color Blocking)风格的网站欣赏
6个步骤让你快速打造一个有设计感的网站
网页排版设计如何才能让页面文字阅读更舒适?
创造视觉冲击力的网页设计配色技巧
色彩情感对用户体验设计的影响
11个网页配色超棒的网站案例欣赏
移动应用图标配色诀窍 APP界面配色设计教程
如何巧妙运用色彩心理学来提高网站转化率
网页设计教程:让页面活跃起来的四个技巧
秒变配色高手!六条网页设计黄金配色原则
网页色彩搭配教程:三个实用方法搞定网页配色设计
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取卵”!
网页配色教程:六条网页设计安全配色指南
网页配色教程:什么样的配色方案才有高端的感觉?
色彩搭配教程:颜色对用户究竟有哪些影响?
走心的技巧!如何为色盲用户提升网页的可用性?
网页配色设计:红色空间如何设计才好看?
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
5个色彩进阶技巧!帮你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
深入探讨图片格式与网页设计的那点事儿

分类导航

教程推荐

热门特效

热门教程