查看: 3861|回复: 0
打印 上一主题 下一主题

[经验分享] 双色调技巧与范例,充满活力的网页设计趋势

[复制链接]

35

主题

1

听众

301

积分

设计实习生

Rank: 2

纳金币
74
精华
0

最佳新人

跳转到指定楼层
楼主
发表于 2016-11-21 11:24:18 |只看该作者 |倒序浏览
  网页设计的下一个大趋势是形象,充满活力的,多姿多彩,美丽!
  由于Spotify(全球最大的正版流媒体音乐服务平台),双色版越来越受欢迎,起来越流行。它在图像上,使用两个色调的颜色,效果是惊人的、有趣的和充满活力的。它也很时髦,几乎每天都有一些新的网站更改为双色调格式。
                  
  今天,在这里,有一些方法跟大家分享,告诉大家,可以如何充分利用这种流行的设计技术。
  双色调是什么?
                  
  首先,一个小小的引子,双色调是使用两种颜色。
  双色调的名称和技术来自印刷技术。双色印刷就是只有二个颜色的印刷。二个颜色,可以是专色,也可以是印刷四原色(C,M,Y,K)中的颜色。这里所指的双色调是指,两种同一个色调的不同深浅的相同的颜色或黑色,在屏幕上不同的角度设置出两个颜色板。
  双色调的概念是很大的,在视觉上,使用 Pantone 命名的年度颜色,或者极简主义设计师考虑的有限的调色板,双色版是非常有趣,很容易创建的。您可以使用 Adobe photoshop 创建一个双色渐变或用 Colofilter.css 应用它的代码。
  但是,可能帮助双色调发挥更好的视觉影响,用法是最关键的。双色调的配色方案大多用于音乐播放应用程序和各种小型促销网站。双色调增加了一个独特的设计元素,它将会变成应用最为广泛的独特的图像。
  这曾经是一个印刷技术,但现在它已经找到了新的网络生活,并且很有可能是未来几个月的流行趋势。
  作为一个主导形象
                  
  使用双色调,创建一个占据主导地位的显著形象。
  由于大胆的颜色选择和古怪的有趣的图片,视觉效果是惊人的,不要害怕双色调的图像看起来并不是那么的舒服,它的颜色可能并不那么匹配。但是,请记住,我们的目标是创建一个视觉效果,我们的目的是关注,包含了足够对比度的图像明显能做到这一点。
  这里有一些小贴士:
          1、选择两种对比色或品牌颜色。
          2、选择一张有一个集中聚焦区域的图像,自然景观可能很难使用。
          3、选择高质量的图像,模糊不清的图像和双色调不能混为一谈。
          4、强调对比。
          5、考虑按钮和版式。
          6、选择的颜色要能反映了照片的情绪。
          7、将双色调图像与彩色的边界或滚动滑块进行颜色匹配,营造视差效果。
  作为一个简单的调色板
                  
  双色调不需要复杂。有时,最引人注目的双色调,在本质上是简单的。
  在这里使用了一对红色和干净的排版。滚动包括更多的半色调风格。色彩明亮而又迷人。红色作为一种色彩,对于用户来说,有很强的关注效果。
  这里的诀窍是,简单、有效。用户不被其他的视觉元素所淹没,红色吸引了用户,屏幕上的字变成了焦点。这种类型的双色调效果几乎都是网站,它有一个更加正式的外观和感觉,因为它并不会给网站带来一个视觉压迫。
  提高可读性
                  
  使用双色调作为颜色稳定剂,为文本提供了足够的空间和对比。双色调的颜色叠加,可以帮助扁平化的色彩变化,这样,文本几乎可以放置在使用单一颜色的图像上的任何地方,并且不会降低可读性。
  双色调的颜色选择,不一定都是明亮的,也可以显得温和,从而实现设计效果。Holm Marcher & Co 的这个珊瑚蓝的双色调,就显得很有趣,而且文字的可读性很强。还有一个额外的好处,导航元素使用蓝色的色调,可以有效地调动用户访问网站。
  作为一个聚焦
                  
  虽然双色调效果可以大幅的应用在图像上,但是它们也可以在较小的地方正常工作。考虑创建一个双色调聚焦的导航,作为辅助图像或特定类型的内容,也是一个很好的选择。
  小区域的双色调效果有什么好处?这意味着,你有更多的自由去发挥,如果你被吓倒,那说明,你还不太知道如何让双色调效果为你工作。在较小的空间使用时,它可以直观有趣的,应用多种不同的颜色在你的设计元素中,吸引目光。
  考虑到双色调元素的风格,作为视频链接的覆盖或强调,是不错的选择。双色版的聚焦,具备了颜色对比和反差,你也可以作为创建小的或黑白配色方案的有效工具。
  作为背景
                  
没有什么比一个双色调效果,silucg创建一个有趣的背景图像或图案更微妙的了。这是一个理想的,使用品牌颜色,作为一种时尚色调或者说是技术,纳入到你的设计中,但是却不用对你的设计进行全面修改的方法。
  对于加入了双色调的背景来说,是完美的。颜色的变化几乎无法察觉,并与其他用户界面元素无缝融合。有一个简单的动画,通过舒缓的运动,显得色彩动人。从亮到暗的转变,遵循自然的规律和人类眼睛的阅读模式,从主页的左上角移动到右下角,进一步鼓励用户的滚动与点击。
  结语
  很难找到一个设计技术,比颜色更有趣更好玩的了。双色调作为一种设计风格,同样迷人。它可以增添情趣,调剂过度使用的图像,当画面单调时,它添加了一个有趣的元素,帮助在视觉上直观的吸引用户。
  另外,作为设计师的你,可以在使用双色调时进行深入的试验,你可以通过颜色比对,发现影响或结合颜色的微妙变化。无论哪种方式,创建这种颜色效果看起来就像是定制,可以很有趣。




分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

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

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-14 16:06 , Processed in 0.099008 second(s), 31 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部