网站建设做网站_服务于500强客户_专注建站10年:做网站您需要匹配的是画布,而不是图片
来源:做网站
|
作者:hzlpkj
|
发布时间: 2019-09-27
|
438
|
分享到:
您需要匹配的是画布,而不是图片。
网页设计的基本原则之一,就是创建一个出色的设计需要花费多长时间,终的作用是发挥内容的核心作用。您的配色方案“听起来”不应超过其建议。
设计必须在背景中突出显示网站的内容。
明亮的画布突出显示图像,而明亮的画布有时不突出显示内容。
当使用Photoshop或Sketch之类的软件设计网站时,创建设计的过程通常是彼此独立的。某些设计看起来不错并且为客户所接受,但是当他们实际设计为网页时,不正确的颜色匹配会分散访问者的注意力。实际上,网页设计过程与内容密切相关,许多高质量的网页是空的,内容很少。
这是个好主意。首先将内容放置在您的网站上,使用设计软件使用代码,然后围绕内容设计网页。当然,这也是一个特例。如果您可以将某种风格的图像和照片与您的设计和谐地融合在一起,那么设计颜色就是完美的选择。如果您认为网站的颜色等于衣服对人们的重要性,那么您需要打造一个完美且合适的服装。
2选择一个简单的灰色作为大量网站
您可以从网站上的多种颜色中进行选择,但使用简单的颜色,例如带有文本背景的白色/浅灰色和深灰色。
如果查看流行的网站,模板,主题,白色或浅灰色和深灰色,则可以充分利用它们。当然有一个很好的理由。这种结合提高了内容的可读性,并强调了摄影的前沿。
通常,不要在文本中使用墨黑色。通常容易阅读。
文字颜色建议范围:#333333〜#666666;背景颜色建议范围:#FFFFFF〜#CCCCCC。
当然,这些颜色的选择不是固定的。但是,如果您是初学者,则可以放心使用。
3仅选择一种颜色突出显示
对于大多数配色方案,选择几种不同的阴影是有问题的。使用的颜色越多,控制页面就越困难。因此,如果您的网页显示为灰色,则仅选择较浅的颜色作为要突出显示的项目,例如标题,菜单,按钮等。突出显示颜色可以是蓝色,红色,绿色等。
建议您选择与键色关联的强调色。打开颜色选择器,然后单击颜色矩形的中间。上下移动滑块以选择颜色。
您设计的页面现在具有三种基本颜色:背景颜色,文本颜色和突出显示颜色。您将来也可以选择一种或多种突出显示颜色,但是对于初学者来说,选择一种。
4如有疑问,请使用蓝色
对选定的突出显示有疑问时,请使用蓝色。蓝色是一种相对较大的颜色,可以匹配许多颜色。
这是30个以蓝色为基调的网站,可以用作参考。
另一方面,如果您使用蓝色,则不太可能使用错误的颜色。如果您犹豫不决,不知道使用什么颜色,请使用蓝色。较安全的蓝调范围从海军蓝到深蓝色(H235-H190),通常选择H205的蓝色。
如果您选择一种颜色作为高光,请使用所需的颜色。如果需要突出显示按钮,标题等,请将颜色更改为相同的蓝色。在下面的示例中,我将白色更改为蓝色,每个人都感觉到了。
5将颜色添加到高光
选择突出显示的颜色后,移动滑块至该位置以选择下一个颜色。您的设计还需要其他颜色。当强调色略有变化时,颜色选择很简单,但并不乏味。像这样:
悬停效果:
边界:
通过突出显示颜色:
梯度:
光影效果:
6请勿使用颜色选择器右上角的颜色
拾色器的右上角是肥沃的地面。他们的表演能力惊人,非常诱人,但通常需要很多经验。没有足够的经验,可能会发生事故,因此减弱颜色并保持颜色更亮。
这就是为什么在本教程的第三部分中,系统会提示您单击一种颜色,然后在地图右上角的中心选择突出显示颜色。
为了说明这一点,请查看仅更改设计色调会发生什么。
上图仍然很舒适。
但是,如果将颜色调整为选择器右上角的颜色,让我们看一下它是如何工作的。
指向钟亮瞎位访客!为避免灼伤访客的视网膜,请遵循一般说明在颜色选择器的右上角保留网格。
了解如何建议单色配色方案
单色配色方案是采用基本色调并扩展色调,饱和度和亮度。因此,选择一个色彩鲜艳的点及其变体以实际创建纯色方案。
下一步?
坚持使用灰度底色的单色配色方案,直到您放心为止。尝试不同的阴影并创建不同的高光。查看饱和度和亮度设置如何更改,直到可用为止。为了获得舒适的感觉,您可以添加突出显示的颜色。
橙色和蓝色通常是简单的二重奏,因此尝试一下。然后尝试我经验中第二容易的绿色和蓝色。这两个经常与客户和访客结合在一起。
为了帮助您了解网络上的配色方案,的方法是获得所需的颜色。您可以使用采样器(扩展您的浏览器的浏览器)来研究经验丰富的设计师的财富。匹配的颜色。在浏览互联网并看到重大突破时,您可以使用颜色采样器查看页面上使用的颜色的配色方案。您还可以使用每种色调来查看哪种饱和度和亮度水平合适。也要注意颜色组合的和谐。
如有任何疑问,请随时返回“安全”说明。