在网页设计中运用柔和色调.pdf

在网页设计中运用柔和色调 小编推荐：看一些让人舒服的设计的时候 总是会发现，人家的用色大部分都很柔和，一些温 暖人心的设计总是有一些共同特点，网页设计中也有一些使用柔和色调的方式 ~ 网页中的柔和色调的使用，不止是近来的趋势，这是一项设计师使用多年的技巧，用来创造有冲击 力的视觉效果。 当你听到 柔和“ ”一词，想到的可能是淡粉色、淡蓝色、淡黄色，不过这种配色远不止这些颜色。柔 和并不一定要感觉像新生儿一样。通过某些适当的方式，配合其他元素，这些色调也可以相当鲜明 。 下面我们从优秀的案例网站出发，了解 10 种在网页设计中运用柔和色调的方法。 柔和的照片 照片上的柔和遮罩层，或是在恰当的光照环境中拍摄的照片，可以成为精妙绝伦的网站背景。照片 的色调越淡雅，设计师就有越多的区域可以放置其他元素。 使用柔和的照片同样有助于与其他元素产生反差，比如 logo 或按钮。请注意 Solasie 的logo 与柔和色 调的照片搭配得多么完美。这种思想也能突出幽灵按钮。 柔和的背景色 柔和的背景色是个好主意，使用多种颜色却不会咄咄逼人。由于柔和色调更加淡雅，画布上可以使 用更大面积的颜色，却不会感觉太强烈。 处理柔和背景色的一个常见的趋势，就是像 Dear Mum 这样，使用单色调的配色方案，对一种颜色 进行深浅变化。单色调能够与白色的文字元素产生美妙的视觉对比。搭配合适的字体，这种技巧也 能打造时髦的现代感。 鲜明的柔和色 尽管你通常不会把 鲜明“ ”和 柔和“ ”相提并论，这类配色可以帮你创造出大胆的设计。因为柔和色容易 退居幕后，所以如果你要在它附近有所动作，这是非常棒的选择。 Marie Catrib 在这方面做得很好。这里的柔和色相当鲜明，但似乎没有喧宾夺主，你能看到这个从’s 色块层探出头偷瞄的女人。鲜明的柔和色帮助你发现并聚焦在图片上，完全柔和的背景冲击力就会 稍显逊色。 柔和色调营造氛围 你希望网站的访客产生怎样的感觉？柔和色很擅长营造平静、放松、缓和的感觉。如果这些情绪可 以描述你的网站或公司，它或许就是正确的选择。 Sweez 做得很棒，通过颜色创造了这样的情感链接。图中的一切都带着淡雅柔和的色调。它让你想 到坐在安静平和的地方，享受一杯温暖美妙的卡布奇诺。看见没，这种简单的色彩多么有效。 柔和色的插画 柔和色也是插画的绝佳选择。运用这种色彩理念创造出令用户驻足观赏的作品。 柔和色调的插画，将带有某种平静的绘画作品与色彩结合起来。它让绘画的运用出人意料。 与柔和色产生对比 柔和色并不一定要凭空创造。它是一种很好地与其他设计元素产生对比的手段。 Kinder Fotografie 在这方面做得非常好，运用了柔和色和明亮的照片、文字。设计中的柔和色部分 包含了大量小细节，但你首先看到的儿童照片和文字 “smiles。然后用户才开始注意这些精致的细节” 。 柔和色的导航 柔和色调也是创造优秀导航的手段。通常情况，设计师会给网站设计黑白色的导航条，但彩色在这 里也有用武之地。 柔和色可以作为导航的手段，是因为它们避让了其他部分的设计。比如， Wonderfully Wild 中，用 户最先看见照片并做出反应。导航元素与主要内容融合地很好，但由于颜色的选用，它并没有妨碍 主要视觉内容。 扁平化设计中的柔和色调 我们今天看到的柔和色调大多都没有采用扁平化设计。设计师们喜欢的各种亮色，都变成了扁平设 计兴起之初那些超级亮色的淡雅版。 在扁平化设计项目中使用柔和色调，好处是颜色仍然保有相同的感觉和整体外观，这种方式却不会 为了吸引注意而过于压迫用户。在网站中运用柔和色与扁平风格色彩，更容易通过颜色引导用户到 屏幕的特定区域，或是强调重要的文字元素。 柔和色文字 设计师们不止是在图片和背景上使用柔和色调。这种配色风格也可以运用在文字上。（虽然这会很 微妙） 柔和色最好以粗大字体的方式使用，与更加朴实的背景相衬来创造鲜明对比。使用带有粗描边的大 字体，可以确保屏幕上有更多柔和色。这个概念通常用于少量的字母或文字组合，不适用于正文。 柔和色调的界面元素 将柔和色用作界面元素的一部分，是个有趣的概念。这是扁平设计理念孕育出的又一个 花样“ ”，按 钮和其他元素