网页设计色彩搭配之清淡柔和的蜡笔色

新闻 2024-9-20编辑：深圳网站建设阅读（）标签： 网页设计 清淡

深圳网站建设公司 帮助企业提升【shēng】网【wǎng】站形象,彰【zhāng】显公司实【shí】力,PC+手机+微信+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专【zhuān】属VIP的服务【wù】】24RX365 为您提供1对【duì】1的专【zhuān】属VIP服务【wù】

　　最近，你【nǐ】可能【néng】已经注意到【dào】，一些新的网站设计变得【dé】更加柔和轻盈【yíng】。在所有【yǒu】五颜【yán】六色的色彩之间，似乎有些【xiē】设计师正在采【cǎi】用更【gèng】微妙的方式，通过使【shǐ】用更轻或者更【gèng】平淡【dàn】的【de】颜【yán】色来创造不一样的设计。

　　虽【suī】然【rán】它们仍然【rán】使用相同的基本【běn】概念以及方法——例如彩色的遮罩层【céng】或渐【jiàn】变【biàn】层，新色调【diào】正在为这些主题【tí】创造一种【zhǒng】更【gèng】精致和低调的变【biàn】化做【zuò】出贡献。今天我们将【jiāng】深入研究这一趋势，并探索【suǒ】各种设计实例【lì】和方法。

　　1.蜡烛色的使用遍布网络

　　柔和的颜色【sè】是完美的【de】解决【jué】方案，如果你的品牌要求一【yī】些令【lìng】人【rén】感觉柔软以及一些复杂层次的【de】元素，但【dàn】你仍然希望能够利用你【nǐ】收集已久的调色板的【de】话。同时，当把它们用在分层设计上【shàng】时，柔【róu】和的色彩看起来也【yě】很好【hǎo】，这使得它【tā】们成为一种非【fēi】常灵活的【de】配色方案【àn】，可以在各种各样【yàng】的网站设计【jì】风格【gé】中使【shǐ】用。

　　· 扁平以及大胆

　　虽然【rán】你经常看到扁平【píng】风格的网站设【shè】计趋势一般是以【yǐ】最鲜亮的颜色【sè】进行的，但在某些情况下，这种方法可能会【huì】变【biàn】得粗【cū】暴【bào】，甚至有点令人【rén】厌【yàn】恶。看看上面SimpliSafe的网页【yè】设计，如果页面中【zhōng】的大字段【duàn】是【shì】以原色执行的，那么这【zhè】个站【zhàn】点看起来【lái】有点太简单和平【píng】淡了，选择柔和色调有助于使平面设【shè】计元素更加刻【kè】意【yì】和吸引【yǐn】用户的注意力。

　　· 卡通风

　　一些柔和【hé】的【de】蜡笔【bǐ】色组合可能会使你的【de】网页设计整体脱【tuō】颖而【ér】出，这使得它们成为【wéi】图表设计的一个很好【hǎo】的元素选择【zé】，就像上面的案例一样，略带【dài】俏【qiào】皮的矢量插图。这个【gè】例子有一【yī】个非常复杂【zá】的调【diào】色板【bǎn】，但是所有的色【sè】调在一起【qǐ】仍然能够协同工【gōng】作，因为它们都采用了相同“迟钝”的颜色搭配，而【ér】且【qiě】插图【tú】风【fēng】格很【hěn】简单。

　　· 彩色摄影

　　像上面这种的网【wǎng】站设计已经出现了【le】一个更加优雅的【de】色彩应用，其【qí】中整屏的【de】照片【piàn】被一层淡薄【báo】的色泽【zé】所覆【fù】盖。这些色调可以唤起了【le】怀【huái】旧和【hé】柔软【ruǎn】的感【gǎn】觉，这与该公司正在尝试创造的品牌定位紧密相连。

　　这个网页设计提供了类似的示例，显示了大板块的图片如何在这种【zhǒng】情况下可以像【xiàng】简单的纹理【lǐ】一样【yàng】工【gōng】作，不过，这是一个极【jí】端的例子，来说明被冲洗的颜【yán】色【sè】可以【yǐ】如何【hé】进行简【jiǎn】约的设【shè】计。

　　· 偏移的线条

　　使用蜡笔色与色轮搭配也很有趣。基本颜色的任【rèn】何【hé】柔和的衍生物通常【cháng】在应用基本颜【yán】色理【lǐ】论原理时也起作用，除了【le】外观更【gèng】异常，异【yì】想【xiǎng】天【tiān】开以及明亮【liàng】。上【shàng】面的这【zhè】个【gè】网站设计【jì】使用了一种基于红色，黄色【sè】和蓝色三原色的色板，结果【guǒ】是营造一【yī】种【zhǒng】温暖【nuǎn】而充满活【huó】力的视觉方案。

　　· 复古

　　逐渐【jiàn】消逝的【de】颜色是【shì】自然怀旧的代表，所【suǒ】以柔和的【de】色彩应该在复【fù】古类【lèi】型的网站设【shè】计中占据显【xiǎn】着地位。在上面【miàn】的【de】sweez这个面【miàn】包店的网站设计中，通过斑点，粉【fěn】红色和淡蓝色，就【jiù】像它的草书字体，给予它独【dú】特【tè】的复古【gǔ】感觉。

　　在【zài】上【shàng】面的这个葡萄园网页设【shè】计中【zhōng】，通【tōng】过使用独【dú】特的复古复兴的外观设计，展示【shì】了一个【gè】非常【cháng】不同的风格【gé】例【lì】子。不同【tóng】的标题字体的组合以及模仿双色印刷【shuā】是【shì】一个特【tè】别的视觉元素，让用户感觉像一个历【lì】史悠久【jiǔ】的【de】葡萄园，一【yī】定至一个不错的选择。

　　· 单色

　　尽【jìn】管蜡笔色是成为彩【cǎi】色组合的【de】完美候选【xuǎn】人，但【dàn】它们在类似配色【sè】方案中的功【gōng】能也非【fēi】常的出色。上面【miàn】的这个【gè】网站设计展示了如何【hé】轻柔地通过橙【chéng】色色调的不同表现【xiàn】可以做出不同【tóng】的视觉方案【àn】。

　　· 极简主义

　　有时候，一个【gè】令人【rén】信【xìn】赖或感到舒【shū】适的网站设计所需要的仅仅是极简主义元素。上面的【de】这款【kuǎn】天【tiān】气应用程【chéng】序的使用大范围的绿色和【hé】蓝调还有一大堆【duī】深色系的颜色搭【dā】配出一个【gè】不【bú】同寻常【cháng】的组合，你仿佛可以【yǐ】感到【dào】网【wǎng】站此刻就在发出手机【jī】震动【dòng】的嗡嗡【wēng】声【shēng】，现代字体增加了足够的兴趣，吸引观众进【jìn】一步探索【suǒ】。

　　2.色彩工具可以帮助你找到完美的配色

　　从许多这些【xiē】例子可以【yǐ】看出，通常，调【diào】色板【bǎn】可以帮助网【wǎng】站设计从普通【tōng】到意想不【bú】到。如果你对【duì】配色这方面需要帮助的【de】话，网络上有几种颜【yán】色选择工具非常值【zhí】得【dé】探索。

　　· 调色板

　　Design Seeds上【shàng】有不少能够让人【rén】眼前一亮的调色【sè】板分享【xiǎng】。如果你浏览这个网站，你会注【zhù】意到所有【yǒu】最近的【de】帖子中流行的柔和的色彩组合，这个【gè】现【xiàn】象【xiàng】也说明了【le】这【zhè】一趋势变化的速度如【rú】此【cǐ】之快。

　　· 意象

　　尝试在Designspiration上进行基于颜色的搜索，以找到大【dà】量在设计【jì】工作中【zhōng】流【liú】行的颜【yán】色组【zǔ】合的示例。你【nǐ】可以从其调色【sè】板中选【xuǎn】择多达五种【zhǒng】色调【diào】，因【yīn】此可以【yǐ】轻松找出甚至非常【cháng】复杂的组合的示例。

　　· 图片

　　如果你【nǐ】需要一些【xiē】很好的图片素材来提升你的网【wǎng】页【yè】设计，你还【hái】可以【yǐ】浏【liú】览Shutterstock Spectrum，它通过颜色【sè】对图片【piàn】进行分类，并排列形成【chéng】一【yī】个巨大的图像库，方式与Designspiration类似，但更【gèng】具体。

　　总结

　　当然，柔【róu】和的配色方案并不是适用于所有类【lèi】型网站的最佳【jiā】选【xuǎn】择。如果【guǒ】你想【xiǎng】要一个柔【róu】和的外观，那【nà】么明亮与暗【àn】色的【de】色调混合可能是正确的组合【hé】。对于那些需【xū】要让人感觉【jiào】到【dào】奢华【huá】或者说隆重的网【wǎng】站场景，紫【zǐ】红色和【hé】奶【nǎi】油色可能是比较合适的选【xuǎn】择。但是，如果你正在【zài】寻【xún】找一【yī】种增添平淡和温暖的调色板，通过增加兴趣点而不会压倒设计【jì】的其余部分【fèn】的话【huà】，柔和的调色板可【kě】能只是你【nǐ】的项目的较【jiào】好选【xuǎn】择。

• 上一章：网页模板设计下拉菜单设计实例
• 下一章：做设计师真的太【南】了！