网站设计中图片属性和网站配色的正确设置方法?网页颜色搭配如何做到更好?网页颜色如何搭配才能让网站看起来更好看?网站设计中图片与配色的正确搭配方法有那些?
网站设计的主要目的就是为了丰富网站及其页面的视觉效果,如网站中的图片、文字的属性,网站页面色彩的搭配等等,这些都与网站设计相关。在网站设计时网站设计师需要做的工作非常多,如果弄不好会直接影响到网站为用户带来的视觉体验。
网站设计中图片属于如果没有设置好,那么用户很可以会在打一网站后无法看到应该显示出的图片影响网站整体的视觉效果,这很可能是因为网页不支持该图片的格式或模式造成的。此时网站设计师们就需要从所使用的图片格式入手来解决这个问题。那么在网站设计中图片属于和网站网站配色应如何设置呢?下面群英站长网小编就来为大家一一说明。
一、网站设计中图片的正确设置方法
图片的属于有格式、模式和分辨率三项决定,所以我们就需要从这三方面入手确定网站设计中力产的正确设置方法。
1、图片的格式
适合于网站制作的图片格式有:jpg(jpeg)、gif、png、bmp,而其他图片格式则不支持网站的开。所以网站设计师在制作网站时可以根据需要选择这几中格式的图片。群英站长网建议大家尽量选择jpg(jpeg)格式,因为这种格式与我们电脑显示器的模式相同。
2、图片的模式
稍有一点ps知识的人都知道我们常见的图片模式主要有RGB和CMYK两种,RGB模式是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB的色域几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。CMYK又称印刷四色模式,指的是一种彩色印刷时采用的套色模式,主要利用的是色料的三原色混色原理,加上黑色油墨,共计四种颜色混合叠加,形成所谓“全彩印刷”。
3、适合网页的图片分辨率
分辨率有显示分辨率和图像分辨率两类,显示分辨率指的就是屏幕分辨率,确定的是屏幕图像的精密度和显示器所能显示的像素有多少。显示分辨率一定的情况下,显示屏越小图像越清晰,反之,显示屏大小固定时,显示分辨率越高图像越清晰。图像分辨率则是单位英寸中所包含的像素点数,图片的分辨率越高图片越清晰,反之分辨率越低、图片越模糊。
网站设计中一般会采用72px分辨率来处理图片,而网上常见的图片很多分辨率会达到300px之多,这种图片用到网页设计中是不合适的,有可能造成尺寸偏大、字体大小不对等问题。所以群英站长网建议网站设师最好将图片设计为72px分辨率即可。
二、网站设计中网站配色的正确设置方法
在网页配色中,RGB和HSB是种基础配色模式,我们所在世界中的任何颜色都可以说是从这个两种基础基配色模式中所获得的。网站设计师需要经过长期的实践经验,才能设计出令人赏心悦目的网页。下面群英站长网小编就与大家分享一下群英站长网设计师们积累的经验。
1、网站设计中网站配色的的RGB模式
在本文的第一点中群英站长网小编已经为大家介绍了一些关于RGB模式的知识,下面我们再从网页配色的角度说明一下。目前我们常用的显示器大都是采用了RGB颜色标准,是由红色、绿色、蓝色三种色光按照不同的比例混合而成的,有一千万种以上的颜色。电脑显示器的工作原理是:通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的,一组红色、绿色、蓝色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。
通常情况下,RGB各有256级亮度,用数字表示为从0、1、2至255。虽然数字最高是255,但0也是数值之一,因此共256级。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。
2、网站设计中网站配色的的HSB模式
HSB模式是一种基于人类眼睛对色彩感觉而定义的颜色模式,其中H、S、B分别表示颜色的色相、饱和度、亮度。HSB模式的显示原理:饱和度高的色彩较艳丽,饱和度低的色彩接近灰色。亮度最高得到纯白,亮度最低得到纯黑,一般浅色的饱和度较低,亮度较高,而深色的饱和度高而亮度低。
①H(Hue)
H(Hue)指的是色相,在0~360°的标准色轮上,色相是按选取的位置度量的,在实际的网站设计使用中,色相是由颜色名称区分的,如红色、绿色等。注:黑色和白色是无色相颜色。
②S(saturation)
S(saturation)指的是饱和度,表示的是色彩的强度或纯度,即色相中彩色成分所占的比例。用从0(灰色)~100%(完全饱和)的百分比来度量,饱和度为0时颜色为灰色,饱和度最大时,每一色相的纯度最高。注:白、黑和其他灰色色彩都没有饱和度的。
③B(brightness)
B(brightness)指的亮度,指的是颜色的相对明暗程度,通常是从0(黑)~100%(白)的百分比来度量的。亮度越高色彩越鲜明。注:亮度为0时颜色为黑色。亮度最大亮时颜色为为白色。
没有回复内容