什么是双色调设计
Spotify-Foundthemfirst
第一,简单来讲设计就要火力全开,2016年网站制作high玩法
选择两种对比色或品牌的颜色(譬如百事可乐的蓝白色彩搭配)。
选择一张有聚焦地区的照片,自然景观的照片可能非常难处置。
选择一个高质量的图像,模糊或较差的图像不要和双色调混用。
增强对比度。
考虑按钮或排版的空间。
选择反映照片情绪的色彩。设置图像时防止彩色或者混合颜色的边框,可以用一个条幅或者视觉差的成效来搭配颜色选项。
简单的颜色搭配案例
125 Years Of Amazing
双色调不必是复杂的。有时最简单的双色项目最显眼。
Assurity公司就只用了红色和白色这两个最简单的颜色和纯净排版。条幅中包含多个半色调的风格,色彩明亮而迷人,由于红色是那种几乎能吸引所有人的颜色,所以非常吸引人。
这里的方法是,通过简单的设计有效的传递信息,确保用户不会忽略主要的元素。红色吸引了你的注意然后你就能聚焦到图片上的文字里。这类的双色调成效给人感觉更正式,由于它仅仅给了用户一种不带强制性的引导。
以此来增加可读性
Viens-la
双色调可以用作颜色稳定剂,使文本有足够的空间和对比度。双色调颜色叠加可以帮助图像中色彩变化的“扁平化”,由于单一的颜色,所以文本几乎可以在图像上任何一个地方用,并且维持可读性。
双色调颜色的选择并不会使文本变得十分明显,而是以一种更温和却足以为目的服务的形式表现出来。Holm Marcher & Co.公司做的这个珊瑚蓝双色非常有趣,而且创造了文字高度可读的背景。另外,导航元素用的蓝色色调使画面变得更有活力了。
强调用途案例
Holmmarcher
虽然双色调成效追求大的图像,他们在较小的地方同样可以正常工作,譬如它可以用来强调导航,辅助图像或特定种类的内容容。
小范围用双色调的优势还在于,当你被技术吓到或者还不了解该来用它工作时,双色调可以使你设计的更自由。当在较小的空间中用,它可以通过与多个不同颜色,不同设计的元素搭配,使画面变得更有趣以吸引更多的人。
卡片样式元素的双色调设计,可以用于视频链接的覆盖或强调号召。通过色彩反差色彩搭配策略,双色调也可以起到肯定的强调用途。
背景用途案例
Joinradio
通过微妙的双色调设计可以创造一个有趣的背景图像或图案,而这种成效其他任何办法是无法达到的。想要不做太大改动,仅仅想对品牌颜色进行调整或将时尚的色调和技术添加到设计中的时候,双色调是一种理想的设计办法。
如上图,JOIN电台的背景就是一个好的案例。颜色的变化几乎没办法知道,在设计中与其他用户界面元素无缝融合。有一个简单的动画,通过舒缓的运动使它的色彩变得十分动人。从主页的左上角移动到右下角遵循从亮到暗的转变,自然的视觉和阅读模式进一步鼓励用户滚动界面和点击。
结论
双色调设计可以调节过度用的图像和元素,为画面添加有趣的元素,帮助健全视觉表现以吸引更多的用户。
另外,配色十分有趣。你永远没办法想象,作为一个设计师,搭配两种不同颜色后,看到产生漂亮的新元素时那种惊喜。无论哪种方法,创建一个双色调搭配就像在进行一种定制,是一种非常有趣的工作。
网页名字设计就要火力全开,2016年网站制作high玩法