官网设计中图片属性和官网配色的正确设置方法
2017.01.09
官网设计的主要目的就是为了丰富官网及其页面的视觉效果，如官网中的图片、文字的属性，官网页面色彩的搭配等等，这些都与官网设计相关。在官网设计时官网设计师需要做的工作非常多，如果弄不好会直接影响到官网为用户带来的视觉体验。
一、官网设计中图片的正确设置方法
图片的属于有格式、模式和分辨率三项决定，所以我们就需要从这三方面入手确定官网设计中力产的正确设置方法。
1、图片的格式
适合于官网制作的图片格式有：jpg（jpeg）、gif、png、bmp，而其他图片格式则不支持官网的开。所以官网设计师在制作官网时可以根据需要选择这几中格式的图片。分形科技建议大家尽量选择jpg（jpeg）格式，因为这种格式与我们电脑显示器的模式相同。
2、图片的模式
稍有一点ps知识的人都知道我们常见的图片模式主要有RGB和CMYK两种，RGB模式是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB的色域几乎包括了人类视力所能感知的所有颜色，是目前运用最广的颜色系统之一。CMYK又称印刷四色模式，指的是一种彩色印刷时采用的套色模式，主要利用的是色料的三原色混色原理，加上黑色油墨，共计四种颜色混合叠加，形成所谓“全彩印刷”。
3、适合网页的图片分辨率
分辨率有显示分辨率和图像分辨率两类，显示分辨率指的就是屏幕分辨率，确定的是屏幕图像的精密度和显示器所能显示的像素有多少。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。图像分辨率则是单位英寸中所包含的像素点数，图片的分辨率越高图片越清晰，反之分辨率越低、图片越模糊。
二、官网设计中官网配色的正确设置方法
在网页配色中，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时颜色为黑色。亮度最大亮时颜色为为白色。荐读文章：企业官网设计中色彩搭配的原理和技巧
官网设计中图片属于如果没有设置好，那么用户很可以会在打一官网后无法看到应该显示出的图片影响官网整体的视觉效果，这很可能是因为网页不支持该图片的格式或模式造成的。此时官网设计师们就需要从所使用的图片格式入手来解决这个问题。那么在官网设计中图片属于和官网官网配色应如何设置呢？下面分形科技小编就来为大家一一说明。
一、官网设计中图片的正确设置方法
图片的属于有格式、模式和分辨率三项决定，所以我们就需要从这三方面入手确定官网设计中力产的正确设置方法。
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时颜色为黑色。亮度最大亮时颜色为为白色。荐读文章：企业官网设计中色彩搭配的原理和技巧
400-6446-365 / 010-64928252
我想要个更针对我需求的方案
也许您需要专业的服务，欢迎来电咨询
您的需求，是我们前进最大的动力
关于我们
利记亚洲有限公司成立于2003年，是一家以AI为核心驱动力，提供网络品牌策划、AI互联网服务、WEB3服务、AI人工智能解决方案的综合服务商
我们一直秉承的经营理念：责任、热情、品质、包容
主要业务范围：AI互联网服务（官网建设,官网群,短视频社交平台,APP,小程序）AI人工智能行业解决方案（智慧博物馆,智慧公园,智慧景区,智慧社区,智慧医疗,智慧校园,）IoT智能物联产品（智能步道,AR太极,AI健身,AI导览,AI单车,智慧树）WEB3（区块链,元宇宙,NFT数字藏品）