成都网站开发:网页设计的初学者安全指南

2022-12-28    分类: 网站建设

成都网站开发:网页设计的初学者安全指南

还记得我上的最早的美术课,当我是一个小的,热切的孩子,我拿出了许多漂亮的颜料。我仍然记得当我第一次看到原来的颜色和其他颜色的混合变成第二种颜色时的兴奋,我认为这两种颜色可以创造出来。一个新的美丽的颜色,所有的颜色会更好地在一起!最后,我很失望地发现无论我如何混合它,只要我用我自己的方式使用所有的颜色,我只能得到一个坏的颜色,只能用可怕的方式来描述。

几年后,当我是一个初出茅庐的网页设计师时,我经历了同样的过程。在学习过程中,我不可避免地掉进了使用太多颜色的陷阱,或者错误地组合了各种颜色,最终使结果有点灾难性。

我开始学习如何为网页创建配色方案,我发现了很多关于色彩理论的优秀知识。我阅读色调、色调、色调、色调(色调)、饱和度(饱和度)和明度(亮度),以及类比、单色、三色、互补和混合色彩方案。

网页设计色彩配色方案网站色彩方案

然而,没有一个实用的框架来应用这些信息,我发现起初,这些色彩理论并没有帮助我更好地设计站点色彩匹配。事实上,直到我开始通过重复实验创造出可靠的色彩方案,我所看到的所有色彩理论都开始了。有道理。

在这个过程中,我开始了一些我最初想知道的网站颜色安全指南。首先,所有的颜色理论都不一定是你需要的。通常在学习和练习的过程中,你需要一点一点地增加雪球的理论知识。

在本教程中,我将与大家分享六个经验。你可以遵循指南,你可以掌握网页设计中的颜色。这些不是规则。你可以在你的职业生涯中创造更多的配色方案,使他们在一个完全不同的方向发展。相反,这只是一个起点,一个安全指南,教你如何避免第一次测试水在网页设计。

1。配色是画布,不是绘画

网页设计的一个最基本的原则是,不管你花多长时间去创造一个华丽的设计,最终的角色就是展示的真正的明星——内容的内衬。在网页设计中,色彩搭配不应该比内容展示更生动。你的设计应该在BA中。CKLATE,帮助把网站的内容推到前台。

当使用PS图象处理软件或草图软件设计网站时,创建设计的过程通常是独立的。一些设计个人看起来很好,可以被客户接受,但当它真正被设计成网页时,不适当的色彩匹配往往会分散访问者的注意力。事实上,网页设计过程与内容密切相关,但许多高质量的网站设计几乎空空如也。

这是一个好主意——你想在设计软件中或直接在代码中出现在这个位置的内容样本,然后围绕它来做设计。特别是当你与照片或图像的特定风格相关时,你可以确保你的设计与它们和谐。你的网站内容是一个独特的个人。你必须为它设计一个好的配件。

2。从简单的灰色模式开始

你可以从众多的颜色组合中选择你的主要背景和文字。但是,我的建议是先用深灰文本来掌握最简单的白色或灰色背景。

如果你看一个流行的网站所选择的模板或主题,你会发现它们大多是深灰色的,有白色或浅灰色的背景,这是一个很好的理由。这种组合确保你可以为访问者提供可读性,并允许基于内容的文本和图像进入。前景。

一些基本的例子被用来制定一个基本的灰度布局,例如:

网页设计色彩配色方案网站色彩方案

一般来说,你应该避免使用纯黑色文本。深灰色相对容易阅读,相对舒适的范围是从333333到666666。

在此基础上,在任何文本主题下,最安全的背景色是全白色的白色FFFFFF。对于其他背景元素,背景色的范围可以从αffffff到αccccCC。

同样,这些不是你必须使用的颜色规则,而是一些指导你可以开始安全设计。

三。只选择一种强调色

颜色方案中最常见的错误是颜色的过度使用。使用的颜色越多,你就越难控制它们。所以在开始时,只在灰色基础上添加一个额外的颜色来强调链接、某些标题、菜单、按钮等元素是有用的。ASIS可以是蓝色、绿色、红色或其他任何你喜欢的颜色。

开始绘制一个矩形框,重点放在你的底图上,这样你就可以测量颜色是否与页面上的所有元素相匹配。然后打开颜色选择器,选择调色板右上角的1/4中心的颜色。

网页设计色彩配色方案网站色彩方案

上下移动滑块,选择一种颜色,你认为适合你的设计。

网页设计色彩配色方案网站色彩方案

到目前为止,你已经使用了三种基本颜色:你的背景颜色、文本颜色和高亮颜色。在将来,你可以并且应该使用很多强大的颜色,但是现在最好考虑一下。现在你已经使用了三种颜色。请熟悉这三种颜色。当你更自信时,你可以增加更多的颜色。

你学到了:

你已经学会了如何选择颜色相位。简而言之,颜色相位是一种基本颜色。当你在滑块上下移动时,你会发现你的颜色选择器中的H值不断变化。

网页设计色彩配色方案网站色彩方案

H代表色调。一旦你选择强调颜色,文本框中的值就是色调值。

4。如果有问题,用蓝色

如果你有什么要强调的问题,请使用蓝色。蓝色通常是最灵活的颜色,适合大多数网站类型。紫色和黄色这样的颜色可以很生动,但是如果它们没有被正确使用,它们会立刻变得非常新奇。

另一方面,你可以在蓝色的基础上自由地玩,但是你不能走得太远。如果你不知道在哪里开始学习或者在项目中使用什么颜色,使用蓝色。如果你想选择一种特殊的蓝色,你可以选择深蓝色(H值235)到浅绿色(H值190),以确保YO。你们处在安全地带。

网页设计色彩配色方案网站色彩方案

在我的布局示例中,我选择205色调。当你选择强调颜色时,将它添加到你认为必要的任何位置。如果你使用按钮或任何其他文本区域中的应力颜色,则相应地更改文本的颜色。在这个例子中,我将文本改为强颜色区域T。哦,怀特。

5。强调色彩的变化

一旦你选择了重点,保持滑块(H)的位置不变。现在你需要给你的设计增加额外的颜色,但是为了使事情更容易,这些颜色是你选择强调的颜色变化。

在颜色选择器上,我们强烈地拖动选择点来创建颜色变化。

当前文章:成都网站开发:网页设计的初学者安全指南
文章路径:https://www.cdcxhl.com/news47/225947.html

成都网站建设公司_创新互联,为您提供网站策划网站维护云服务器面包屑导航软件开发定制网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都做网站