北京网站建设:应用程序和网站的充满活力的选项

2019.08.13 mf_web

102

Color是设计师工具包中最强大的工具之一。颜色可以吸引注意力,设定情绪,并影响用户的情绪,感知和行动。谈到网络和移动应用程序设计,这绝对是充满活力色彩的时代。设计师使用鲜艳的色彩将人们的注意力集中在重要元素上,并使他们的设计令人难忘。在本文中,我将总结一些在Web和移动设计中使用鲜艳色彩的流行技巧。北京网站建设

单调

使用鲜艳色彩的最流行的方法之一是单调的调色板。单调调色板具有单色,混合了色调和色调。这种调色板在视觉上是刺激的。与引人注目的排版相结合,单调的配色方案能够创造一个真正令人难忘的体验。

Sydney Stockhom使用大胆的色彩以非常简单的方式创造出令人难忘的外观。

(图片:Pillow)

提示: Monotone非常适合移动应用。使用带有黑白色调的单一颜色是在小屏幕上创建视觉兴趣的好方法。

Streaks应用程序中的颜色,图标和简单字体创建了一个易于阅读和参与的醒目组合。

双色调

顾名思义,双色调由两种颜色组成。它可以是相同颜色的两种色调或两种对比色。这种技术曾经是一种印刷品,在网上找到了新的生命。感谢Spotify,双色调每天都在流行。

双色照片几乎成为Spotify的视觉符号。

创造情绪

Duotones使您可以使用任何颜色的情感属性注入任何图像。不同的颜色唤起不同的情绪:


  • 柔和而温和的色彩组合营造出严肃的氛围。在Holm Marcher&Co,如下所示,每个细节都有助于营造氛围,背景图像也不例外。

    柔和的双色调效果营造出商务氛围。(图片来源:Holm Marcher&Co)

  • 鲜艳色彩的组合营造出幸福感。由于大胆的色彩选择,新政设计的主要视觉效果非常引人注目。它营造了友好的氛围,营造了积极的情绪。

一个强烈的形象胜过千言万语。

提高可读性

双色调可以给文本带来充足的对比。调整图像中的颜色变化,使得文本几乎可以在图像的任何位置以单色显示。

(图片:方法)

在移动设备上翻译得很好

最后但同样重要的是,虽然双色调效果适用于大型桌面图像,但它也适用于移动屏幕。

(图片来源:Ognjen Divljak)

提示:如果您想使用双色调作为英雄形象,请选择一张带有单个清晰主题的简单高质量照片。一张有很多细节的繁忙照片可能更难以解释。

梯度

渐变已经回归现代用户界面,这次是高对比度的互补色。现代渐变可以包括多种颜色,可以从中心辐射,并且可以来自角落或水平落下。

它们在用户界面中提供以下功能。

创造现代外观

渐变已经卷土重来,为平面设计注入了新的活力。与平面色调搭配,可以唤起现代感。

通过使用与材料设计相关的明亮饱和色之一,您可以唤起现代感。(图片来源:Ramotion)

提高内容理解能力

渐变可以改善视觉交流。在Symodd的示例中,从橙色到粉红色的过渡给出了界面的深度和对比度,并且它创造了一些引人注目的视觉效果。从亮到暗的转变遵循人眼的自然扫描模式,从页面的左上角移动到右下角。

Symodd的主页具有从橙色到粉红色的完整渐变背景。这是一个微妙的渐变; 这两种色调彼此并没有太大差别,这使得眼睛很容易。

创建一个伪3D效果

虽然平面美感时尚且易于观察,但一个潜在的缺点是缺乏现实主义元素。为了补偿,设计师经常使用渐变来为其背景提供深度。随着设计师试图将更多真实感和3D元素融入网页设计中,这种情况可能会继续增长。

(图片来源:瑞士军人)

试试渐变口音

虽然渐变通常用作页面的背景,但它们也可以在较小的位置工作。考虑使用渐变作为导航中的重音,次要图像或特定类型的内容。较小的渐变区域使您可以更自由地使用此技术。例如,你可以创建视觉上有趣的多色对,正如彭博所做的那样:

彭博使用渐变为“最新新闻”自动收报机。

覆盖

颜色叠加可能是最不言自明的效果。它是流行设计中最有用和最常用的效果之一。如果您想将它融入您的设计中,您需要做的就是用半透明的彩色框覆盖图像或视频。

时尚的外观

通过使用与材料设计相关的明亮饱和色之一,您可以唤起现代感。

彩色叠加增强了照片的效果,使设计师能够修改色调和解释。(图片:炒作)

最强的可点击性指示符

考虑将图像叠加层用于交互式卡片式元素,视频内容和号召性用语按钮。

将悬停动画应用于卡片。(图片:第五栏)

关注用户注意力

叠加效果可以将用户集中在某些设计元素上。但是,当使用单一颜色作为叠加层时,请考虑颜色的饱和度和透明度:

  • 重色组合(即透明度较低,饱和度较高)更注重色彩本身。

Studio Up使用较少的透明度和更多饱和度来实现其颜色叠加。

  • 光组合更注重图像。

轮廓使用的颜色叠加更加关注图像。(图片:概述)

结论

很少有设计元素比颜色更有趣。色彩效果可以是戏剧性,令人印象深刻,甚至是宁静。设计师在使用色彩效果时真的可以进行实验。无论你是明亮,大胆色调的粉丝,还是喜欢更简约的黑白,要记住的一件事就是没有错误的颜色。最重要的是你如何使用它们。

北京网站建设


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP