网页设计干货，掌握了这些就没人敢说你外行了

现在是网络时代，大大小小的公司、机构甚至个人都要有自己的专属网页。但请人做网页设计的时候，却经常被设计师鄙视——你丫一外行，老在我这指手画脚做什么?还有一些营销人员，在工作中无可避免要对客户讲述网页的优劣，但自己词不达意很容易给人不专业的感觉。为了避免以上尴尬，为了促进你对网页设计的了解，小编总结了网页设计的43个专业术语，你弄懂后再与别人沟通网页设计的事儿时就不会显得外行了。

网页设计术语词汇表：

1、对齐：设计页面文本和图像的位置。这些元素可以对齐页面和彼此对齐。例如，下图中所示文本与右边对齐。

 

2、色轮：显示主颜色，辅助颜色和第三颜色之间关系的颜色圆。

 

3、相似色：在色轮上彼此相邻的颜色。

4、颜色方案：来自色轮的两种或更多种颜色的组合 -—也称为颜色调和。

5、互补色：在色轮上彼此直接相对的颜色。

 

6、色相：指色彩的相貌，如红、黄、绿，蓝等，指纯色。

7、饱和度：颜色的亮度或浓度。

 

8、矩形颜色：四种颜色是两对互补色。

 

9、方形颜色：在色轮上，四种颜色彼此均匀间隔开。

 

10、分割互补颜色：由基色组成的颜色，以及位于其互补色旁边的两种颜色。

 

11、字母上部出头部分(ascender)：在中线上方显示的字母的线性延伸。

 

12、基线(baseline)：所有字母所在的一条均匀，不可见的线。

 

13、帽高度(cap height)：基线和大写字母顶部之间的距离。

 

14、cmyk颜色模型：代表青色，品红色，黄色和黑色。这组颜色一般用于打印设计。

 

15、rgb颜色模型：首字母缩写代表红色，绿色和蓝色的颜色。rgb颜色模型用于网页设计，因为监视器透射这些颜色的光。

 

16、对比度：颜色，形状，间距或任何其他设计元素之间的差异的加重。

17、css：一段代码，用于指定网站的外观和感觉，与网页的实际内容是不同的。

18、dpi(每英寸点数)：点是打印数字图像时的最小测量单位。dpi的数量指的是打印的数字对象的分辨率 - dpi越高，分辨率越高。

19、阴影：一种视觉效果，显示图形，就好像它有一个阴影。

 

20、eps：用于包含文本和图形的矢量图像的文件格式。

21、jpeg: 图片文件格式，这种类型的文件最适合用于照片和现实绘画，在颜色之间有平滑的过渡。

22、png：具有具有大面积均匀颜色或透明背景的图像文件格式。

23、羽化：用于平滑特征边缘的设计技术。

24、gif：最适合用于具有少量颜色和设计的小图像文件或动画图像的图像文件格式，一般就是指动态图片。

25、渐变：图像上一种颜色过渡到到另一种颜色。

 

26、网格：垂直和水平线的纯假想地图，有助于对齐文档中的图像和文本。

27、hex代码：在html和css中用于指定特定颜色的代码，通常出现在井号(#)后面。下面是一个hex颜色代码的图表。

 

28、html：用于显示内容(如文字，图片和网络上的链接)的计算机语言。

29、字距：单个字母或汉字之间的距离。

30、有损：一种数据压缩的形式，其中随着文件大小减小而删除细节。通常的有损压缩方法是jpeg。

31、无损：与有损压缩相反，此格式允许恢复图像的细节。

32、负空间：设计周围的空白空间(无论是网页还是单个图像)也会看到空白。

33、打开类型字体：当前标准的字体格式。在一个单一文件里包含电脑版本和打印版本，并兼容windows和mac，文件扩展名为.otf。

34、pdf：最适用于表示文档和演示文稿的文件格式。

35、像素：计算机上图像的最小元素。

36、ppi(每英寸像素)：根据在图像的给定部分内存在多少像素的图像分辨率的另一测量。

37、分辨率：一种测量图像中的清晰度和细节水平的方法。较高的分辨率通常表示较大的文件大小，表示图像内的数据量(如像素或点)。

38、衬线：在某些字体中连接到笔触末端的小线。“sans serif”是指没有此行的字体。

 

39、笔画：组成字体中字母的线。

40、矢量图像：矢量使用线和形状来表示形状。因为它们不依赖于像素，所以放大的矢量图像仍然保持图像清晰度和质量。

41、视觉层次：一种设计原则，通过使用颜色，大小和布局来可视地区分和强调内容消息的不同部分。

42、水印：在网站或打印时照片上的一个容易看到的标记。它用于识别图像的所有者，并防止内容被盗。

43、重量：在字体中，笔画宽度的粗细。一些例子包括demibold，light和bold。