25选7分布图100期|25选7的开奖
工业设计公司

新闻资讯

NEWS CENTER

热门关键词

KEY WORDS

联系我们

CONTACT US

企业名称:杰创设计

联系人:陈经理

电话:18358466502

手机:0571-88589822

网址:www.ektpt.tw

邮箱:[email protected]

地址:余杭区良渚?#20540;?#33707;干山路

         3111号


合理使用色彩叠加效果!效果超赞!

您的当前位置: 首 页 >> 新闻中心 >> 行业新闻

合理使用色彩叠加效果!效果超赞!

发布日期:2018-03-15 作者: 点击:

色彩几乎是所有设计中都至关重要的组成部分,无论是明亮大胆的配色方案,还是简约的黑白色调,你的用色将会直接影响整个设计的实际效果。

近两年,在色彩运用上有许多值得一提的手法,其中最有意思也最常见的应该就是色彩叠加。使用半透明的色块(纯色或者渐变)叠加到?#35745;?#25110;者视频上,这种效果能够强化?#35745;?#26412;身的氛围,赋予含义,并且更好地吸引用户的注意力。


今天我们来深入聊聊这种色彩使用技巧在实际运用中,需要注意的问题和值得探究的做法。

使用渐变

杭州产品设计公司

首先,渐变作为一种设计趋势,再?#20301;?#24402;了。当你想为特定的元素叠加色彩的时候,可以尝试使用某个醒目的渐变色叠加上去。

渐变色的好处在于,你可以使用多种不同的色彩一起构成渐变(比如品牌色),?#37096;?#20197;使用某一个色彩进行深浅、明度、饱和度上的渐变,这样的设计会显得更加集中。明亮的配色方案会更加吸引用户用户,让?#35745;?#21576;现出某种独特的气场。

这种设计趋势很大程度上是Spotify 起的头,他们在播放列表中使用了迷幻味十足的双色渐变效果,让唱片封面和艺术家头像变得更加富于艺术韵味。

搞定这样的设?#21697;?#24120;简单:

·选取一张照片

·使用品牌色创建渐变色彩叠加

·完成!


使用纯色定基调

纯色的叠加效果其实和渐变一样醒目,?#36824;?#32431;色相比于渐变所呈现的意义?#22836;?#22260;会更?#29992;?#30830;。比如,在?#35745;?#19978;叠加上棕色能够呈现出一种历史的厚重感。

如果你选择当前的流行色,功用和效果?#24425;?#31867;似的。使用这些明亮、鲜艳的流行色的同时,结合扁平化设计或者Material Design的设?#21697;紓?#20320;的页面和UI会明显地呈现出一种现代主义和时尚的感觉。

当你在叠加纯色的时候,应当仔细考虑一下色彩的饱和度和透明度。这些因素其实都是有意义的。叠加的色彩图层拥有高饱和度和低透明度的时候,用户会更多关注色彩本身;当叠加的色彩拥有低饱和度?#36879;?#36879;明度的时候,用户会更容易被底层的图像所吸引。


考虑明暗

当然,许多色彩并不全都是靠有色半透明图层叠加出来的,有时候仅仅是使用单纯的黑白灰来叠加,创造出不同的明暗效果,这样也能很好的实现一些效果。

正如你所想,当图像更加沉郁阴暗的时候,压抑沉重的氛围自然而然就出?#33267;耍?#32780;图像偏白色彩变浅的时候,往往会显得更加轻松,或者说更加飘忽。这个时候,并不需要单独叠加黑色或者白色,只需要调整?#35745;?#26412;身的明度?#32431;傘?/p>

上面所显示的这个名为 Call me lsh 的网站中,设计师在背景上覆盖了一层半透明的白色,让用户的专注点集中到前景的文字上去,但是背景的摄影师微笑的表情依然潜移默化地影响着用户的情绪。色彩和?#35745;?#30340;组合让访客不知不觉地同背景的摄影师产生了情绪上的互动,也许很快会打动他们雇佣这名摄影师也说不定。


选择高对比度的?#35745;?/strong>

当你想要在设计项目中使用色彩叠加这种技法的时候,置于底层的?#35745;?#25110;者视频是最重要的组成部分。一?#29260;接?#30340;?#35745;还?#20320;怎么叠加色彩都很难达到惊艳的效果,而?#35745;?#26412;身如果有着良好的对比度,那么能够在叠加?#35745;?#20043;后构成漂亮的明暗效果,将设计的优势最大化。

当然,如果?#35745;?#30340;可选范围本身就不大,那么最好尝试使用PS之类的软件先提升?#35745;?#30340;对比度,否则实际效果是不会太好的。

想要达成好效果的方法有很多,另外一种方法就更加简单?#30452;?#20102;:从黑白的?#35745;?#24320;始着手。对于初学者而言,黑白?#35745;?#30340;对比度更容易控制。上面的Just Actions 这个网站就是采用黑白色调的突破背景,搭配彩色的半透明图层。{杭州工业设计公司}


要么自然,要?#35789;?#30495;

当你开始使用色彩叠加到?#35745;?#21644;视频上的时候,有两种处理方法:

·?#35745;?#23613;可能自然。色彩、明暗、阴影?#21152;?#35813;处于自然的状态,叠加的色彩应?#26412;?#21487;能微妙,比如上面那个Abednego Coffee 网站。

·?#35745;?#23436;全异化。用完全出乎意料的色彩叠加在?#35745;?#19978;,创造出独一无二的效果。本文中绝大多数的案例都是这么做的。

介于两者之间的案例很少,可?#36816;?#36825;两者是完全对立的。这么设计的好处在于,用户会更加专注于网站内容,强化整体的设计感。


尝试部分叠加

前面绝大多数的案例都将半透明的色彩图层叠加到大块的?#35745;?#20869;容上,但是这并不是唯一的选择。部分叠加同样可以带来不错的效果。

Knot Clothing 这个网页采用了绿色的导航栏,其上叠加了半透明层,看起来效果相当不错。

而Nuts and Woods 这个网站则换了一种玩法,当光标悬停在特定的内容区块上的时候,半透明层就叠加到上面,提示用户这些内容是可点击的。这个半透明的叠加层作为视觉线索而存在,提供内容浏览的路径。


结语

色彩叠加的效果并不是万能的,至少不是所有的项目都适合使用的一项效果,所以当你在进行设计的时候,应?#26412;?#37327;避免过度使用。


本文网址:http://www.ektpt.tw/news/434.html

相关标签:杭州产品设计公司,杭州工业设计公司

最近浏览:

25选7分布图100期 塞维利亚VS阿拉维斯 切尔西vs利物浦 皇家社会对巴塞 湖南快乐十分直播 阿拉维斯加 切尔西曼联 皇家贝蒂斯新c罗 堡垒之夜手机版账号 西班牙人vs赫罗纳2018 北京快乐8开奖分析