当前位置:设计教程网 > UI设计 > 网页UI >

网页设计教程|干货解读网页设计术语词汇

2017-10-23 10:41 来源: 设计教程自学网 分类: 网页UI
246 作者:丝路教程网

[导读] 在学习网页设计教程的过程中,我们通过看视频学习也好,还是看书本学习也好,通常会听到或者看到一些词汇比如说排版啊,居中啊,相似色啊等等,小编今天就想通过分享这篇干货

  在学习网页设计教程的过程中,我们通过看视频学习也好,还是看书本学习也好,通常会听到或者看到一些词汇比如说排版啊,居中啊,相似色啊等等,小编今天就想通过分享这篇干货教程,解读常见的网页设计术语词汇,希望大家通过看到学习这篇文章,以后与别人交流,也不会让别人觉得你是网页设计小白。
  
  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。

  学习网页设计,最好还是需要有平面设计的功底,因为需要一个审美上面的需求,网站网页的设计也更加注重用户体验,以上的都是在学习设计网页设计过程中经常会用到的一些设计概念,需要大家有一些基本的了解和认识,这样在后面学习网页设计的过程中也就会更加的顺畅,在丝路的网页UI设计培训课堂里,老师讲网页设计更加的细致,结合丰富的设计案例,让学员有更好的设计学习经验,毕业时候的能力更加的适合企业的需求,获得理想的就业。

免责声明:

丝路设计教程自学网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 室内教程 | 室内软装 | 创意家居 | 室内风水设计 | 室内设计培训 | UI教程 | 移动UI | 网页UI | 游戏UI | UI设计培训 | 平面设计 | PS | AI |
点击这里给我发消息
0元免费学设计
姓名:
电话:
微信:
Q Q:
课程: