我爱房屋

当前位置:主页 > 装修攻略 > 色彩搭配 >

6个网页配色秘籍,必须看完,多练习才行

6个网页配色秘籍,必须看完,多练习才行

时间:2021-12-25 来源:网络整理 作者:爱房屋
导读:现在,你设计的页面有了三个基本的颜色:背景色、文本色和高亮色。通过这种图,有经常使用网页在线配色工具的设计师应该发现,哪些工具的配色原理其实也是借鉴这个来进行的。为了推动了你对Web的配色方案的理解,最好的事情就是抓住自己喜欢颜色,你可以用取样器(浏览器扩展Colorzilla),并用它来研究经验丰富的设计师是怎么做到的丰富的色彩搭配的。

要做好一个网站设计视觉设计项目,通常需要解决三个问题。一是企业品牌VI色彩和图形的外延设计,二是巧妙设计网页版式,结合网页的特点,使企业现有和未来网站的内容和信息得到很好的呈现。三是客户对网站的定位和需求。前者为后者服务。一切都以网站建设为指导进行规划、设计和开发。只有这样,公司一个新的网站建设项目,才能给客户、给互联网,最终给公司建站者自己带来不可估量的价值。

三者之中,配色设计不需要与客户过多的沟通,更多的是由设计师自己设计和确认。作为一个网页设计师,你不能一味地问你的导演如何搭配颜色。这个问题真的不好问,否则反馈很可能是“你是设计师还是我是设计师”,更别提了。询问客户“如何更好地搭配颜色”。客户会怀疑自己是不是选错了设计公司,而不是一味否认负责自己公司项目的设计师,最终可能会毁掉一个设计团队的形象。所以,对于配色还迷茫的新手设计师来说,今天介绍的6个网页配色秘籍一定要好好阅读,好好学习,好好实践。

01

除核心内容外,布局背景的有效配色

核心内容是什么?也就是说,对于客户后台维护的部分,你设计的时候只能展示图形和文字,不能标准化。因为我们无法知道网站的用户是什么级别的网页编辑器。他们可能上传的文字和图片与网站完全不兼容。

对于布局背景的颜色搭配,需要注意:

网页设计最基本的原则之一是,无论你花了多少时间创造一个精彩的设计,它的最终作用都是发挥内容的核心地位。你的配色方案永远不应该比它呈现的内容更“响亮”。你的设计应该在后台,目的是帮助突出网站的内容。

在几秒钟内检查您的配色方案是否过度的最简单方法之一是面对设计界面并查看它。是背景醒目,还是客户添加的内容比较“响亮”。这是我在大学学习绘画时从我的老师那里学到的。眯着眼睛盯着画布,主角第一个脱颖而出。

配色,当然是搭配主角的颜色,无论怎么搭配,画布都不能让主角抢眼。这就是配色的第一秘诀!

苍白的画布突出了图像,而明亮的画布不会突出您的内容。(别笑,后者是网上真实案例^—^)

在使用 Photoshop 或 Sketch 等软件设计网站时,创建设计的过程通常是相互独立的。有些设计单独看起来不错,可以被您的客户接受,但当它实际设计为网页时网页设计如何色彩搭配,不适当的配色往往会分散访问者的注意力。事实上,网页设计的过程与内容密切相关。生成的许多高质量网页看起来都是空的,几乎没有内容。

这是一个好主意:您可以首先在您的网站上传播您的内容,使用设计软件或代码,然后围绕您的内容设计您的网页。当然,这也是特例。如果特定风格的图像和照片可以与您的设计和谐融合,那么您的设计配色就可以认为是完美的。想象一下,网站的配色方案对于内容的重要性就像衣服对于人们一样重要,为此您必须开发一套完美合身的衣服。

02

选择简单的灰色作为您网站的基调

网页色彩搭配原则_网页设计如何色彩搭配_设计色彩搭配

您可以为网站的基调选择无数种颜色,但我建议您使用最简单的颜色,例如带有文本背景的白色/浅灰色和深灰色。

您可以查看任何流行的网站、模板和主题。白色或者浅灰色和深灰色成为了大部分的选择,当然也有很好的理由。这种组合提高了访问者对您的内容的可读性,并将您的图像放在首位。

一般来说,最好避免为您的文本使用墨黑色,深灰色通常更易于阅读。我们提供了一个舒适的文本颜色范围:#333333 到 #666666。

对于您的背景颜色,全白 (#FFFFFFF) 是匹配任何文本的最安全颜色。如果您想使用其他背景颜色,我们建议使用#FFFFFF 到#CCCCCC

当然,这些颜色的选择并不是固定的。但是如果你是新手,你可以放心的使用上面的配色方案。

03

只选择一种颜色来突出显示

如果您选择几种不同的色调,您的大部分配色方案都会有问题。您使用的颜色越多,控制您的页面就越困难。所以,在你的网页是灰色调的前提下,标题、菜单、按钮等要突出的东西最好只选择亮色。您的突出显示颜色可以是蓝色、红色、绿色等。

相关阅读

  • 浅绿色配什么颜色好看?不尽怎么搭配好呢?

    浅绿色配什么颜色好看?不尽怎么搭配好呢?

    那么,浅绿色配什么颜色好看?一、浅绿色配什么颜色好看浅绿色配什么颜色好看1、搭配白色而浅绿色是一种很洋气的颜色,所以特别适合搭配白色,无论是上班,还是出门旅游,都可以吸引到别人的注意。浅绿色配什么颜色好看2、搭黑色浅绿色配什么颜色好看3、搭米色浅绿色配什么颜色好看4、搭灰色浅绿色配什么颜色好看5、搭橙色浅绿色配什么颜色好看6、搭卡其色

  • 色彩搭配口诀大全,你值得拥有!(珍藏版)

    色彩搭配口诀大全,你值得拥有!(珍藏版)

    色彩搭配口诀:1.色彩颜料配色口诀.:常运用下述三定律将不同的着色物质按一定比例混拼,进行颜色复制.颜色搭配需要遵循三个原则,就会搭配的很好看,也会很得体,很时尚.我刚学美术,学色彩,我想问一下,色彩的颜色怎么来调,就是什么颜色和什么颜色可以得到什么颜色,有没有口诀?按比例调色,每个格子的两种颜色的比例都要是相同的.色彩的搭配有没有什么口诀,我不会搭配颜色!画画色彩搭配有什么技巧?