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

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使用较少的透明度和更多饱和度来实现其颜色叠加。

光组合更注重图像。

轮廓使用的颜色叠加更加关注图像。（图片：概述）

结论

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

北京网站建设

相关推荐

关键词

手机网站制作手机网站建设企业网站建设做网站价格医疗网站建设营销网站建设网站建设哪家好网站制作方案企业网站制作如何制作网站江门网站优化专业网站建设网站制作公司

最新案例

联系电话 400-6065-301

在线咨询

留言