找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 410|回复: 0

[杂谈] 10种方法让网页设计尽显柔和色调

[复制链接]
发表于 2014-12-11 15:59:53 | 显示全部楼层 |阅读模式 来自 中国–广东–广州

 在网站设计中,当你听到“柔和”一词,可能会选择淡粉色、淡蓝色、淡**,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。下面我们来谈谈10种在网页设计中运用柔和色调的方法。

  一、柔和的照片

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

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

  二、柔和的背景色

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

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

  三、鲜明的柔和色

  尽管你通常不会把“鲜明”和“柔和”相提并论,这类配色可以帮你创造出大胆的设计。因为柔和色容易退居幕后,所以如果你要在它附近有所动作,这是非常棒的选择。

  鲜明的柔和色帮助你发现并聚焦在图片上,完全柔和的背景冲击力就会稍显逊色。

  四、柔和色调营造氛围

  你希望网站的访客产生怎样的感觉?柔和色很擅长营造平静、放松、缓和的感觉。如果这些情绪可以描述你的网站或公司,它或许就是正确的选择。

  五、柔和色的插画

  柔和色也是插画的绝佳选择。运用这种色彩理念创造出令用户驻足观赏的作品。

  柔和色调的插画,将带有某种平静的绘画作品与色彩结合起来。它让绘画的运用出人意料。

  六、与柔和色产生对比

  柔和色并不一定要凭空创造。它是一种很好地与其他设计元素产生对比的手段。

  七、柔和色的导航

  柔和色调也是创造优秀导航的手段。通常情况,设计师会给网站设计黑白色的导航条,但彩色在这里也有用武之地。

  柔和色可以作为导航的手段,是因为它们避让了其他部分的设计。

  八、扁平化设计中的柔和色调

  我们今天看到的柔和色调大多都没有采用扁平化设计。设计师们喜欢的各种亮色,都变成了扁平设计兴起之初那些超级亮色的淡雅版。

  在扁平化设计项目中使用柔和色调,好处是颜色仍然保有相同的感觉和整体外观,这种方式却不会为了吸引注意而过于压迫用户。在网站中运用柔和色与扁平风格色彩,更容易通过颜色引导用户到屏幕的特定区域,或是强调重要的文字元素。

  九、柔和色文字

  设计师们不止是在图片和背景上使用柔和色调。这种配色风格也可以运用在文字上。(虽然这会很微妙)

  柔和色最好以粗大字体的方式使用,与更加朴实的背景相衬来创造鲜明对比。使用带有粗描边的大字体,可以确保屏幕上有更多柔和色。这个概念通常用于少量的字母或文字组合,不适用于正文。

  十、柔和色调的界面元素

  将柔和色用作界面元素的一部分,是个有趣的概念。这是扁平设计理念孕育出的又一个“花样”,按钮和其他元素可以使用柔和色。

  结论

  使用柔和色的关键,在于让它看起来清新,而不是褪色。将柔和色调与你期望的深色、更鲜明的图片或白色元素对比搭配,有助于创造带有冲击力的柔和配色。

  柔和色调天生就带有令人放松和冷静的理念。网页设计时使用这种配色方案对你有利。要牢记颜色与整体设计的其余部分如何相互影响。

注:文章由万户广州网站建设 http://www.wanhu.com.cn 进行编辑,转载需注明来源。



发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-23 09:47 , Processed in 0.039365 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表