联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

网页背景设计常用的9种图片格式是什么? 为你分享

Time: 2020-03-13

      网页背景设计常用的9种图片格式是什么?如果你也想将这些格式用到自己的网页中,让自己的网页更加的有人气、特色的话,自然就不能够错过下面的内容,想要了解的朋友们,共同看下去吧。

  一、网页设计要点

  网页设计的两大要点是:整体风格和色彩搭配。

  确定网站整体风格

  在这里,我提供给大家一些参考经验:

  1.将你的标志logo,尽可能的放在每个页面上最突出的位置。

  2.突出你的标准色彩。

  3.总结一句能反映贵站精髓的宣传标语!

  4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

  网站的整体风格及其创意设计是最难以学习的,难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

  R、G、B就是Red、Green、Blue(红,绿,蓝)三种颜色,RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。

  1、 矢量图

  矢量图又叫做向量图,是用一系列计算机指令来描述和记录一幅图,一幅图可以解为一系列由点、线、面等到组成的子图,它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小,特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计(CAD)、工艺美术设计、插图等。矢量图只能表示有规律的线条组成的图形,如工程图、三维造型或艺术字等; 常见的矢量图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

  2、位图

  位图又叫点阵图或像素图,计算机屏幕上的图你是由屏幕上的发光点(即像素)构成的,每个点用二进制数据来描述其颜色与亮度等信息,这些点是离散的,类似于点阵。 位图在放大到一定限度时会发现它是由一个个小方格组成的,这些小方格被称为像素点,一个像素是图像中最小的图像元素。也就是我们俗称的马赛克。

  bmp:是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大

  gif:是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

  png:是fireworks的图片格式

  jpg:也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。

  作为设计者和客户(这里指各站长),如果事先没有明文协议的话设计者有权不提供源文件。

  VI是Visual Identity的缩写,中文译为"企业视觉识别"。VI是CI计划的静态识别符号,是企业理念视觉化传达的载体,因此它项目最多,效果最为直接。VI作为视觉识别,它是外在表现,固然需要具有美感,但VI必须是MI的体现,直接反映企业的理念。因此VI设计包含这样一些原则:即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。

  CI是Corporate Identity的缩写,中文译为"企业形象"。CI计划,是指企业有目的、有计划、战略性地创造出所希望的自身形象,由此提高企业的社会知名度,最终得到自己最适合的经营环境。

  而logo只是网站或企业一个标志。

网页设计2222).jpg

  (图片来自网络)

  网页色彩搭配

  1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

  2.用两种色彩。先选定一种色彩,然后选择它的对比色。

  3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

  在网页配色中,还要切记一些误区:

  1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。

  2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

  二、网页背景设计常用的9种图片格式

  1. 曲线

  这个曲线的弧度可根据实际需要而定,可以是对称的,也可以是不对称的。

  2.圆角曲线

  这是不对称的一种。

  3.斜线

  更容易产生空间感,动感

  4.重叠山恋

  5.波浪

  6.直线

  最为常见的一种,便于背景或色的直观切割。

  7.云朵

  通常带有卡通起息。

  8.笔刷

  有比较强的行业特征。

  9.三角

  个性化。

  通常来说,背景切割的方式是根据行业特征来选择的,如果你不能更好把握,可以选择直线类型的。如品牌Logo中带有很明显的造型特征,可借助这个特征来做背景切割的延伸设计,更容易得到客户的认同。

网页设计111.jpg

  (图片来自网络)

  网页背景设计常用的9种图片格式如上文所述,总之,这都是非常有人气的几种格式,希望大家可以用在自己的设计中。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开