一网打尽!为大家所总结的50个常见设计词汇解释

本文为初学者提供了一篇详尽的设计术语解释指南,涵盖了排版、色彩理论、品牌设计等多个方面,帮助读者轻松掌握设计语言。
50-graphic-design-terms-1

初学设计的时候,你会觉得仿佛是在修习一门全新的语言。你总会在书本上、老师嘴里碰到从来没听到过的新词汇,间距、版式、冷色调、暖色调、CMYK、RGB,我了个去。感到迷惑的时候,千万不要抓狂,今天这篇文章就是写给大家的设计术语解释,帮你度过最困惑的入门阶段。

01.排版(Typography)

以更加艺术化的手法将文字等内容排布好,让它们得具备更强的可读性,具备更强的视觉吸引力。排版通常和设计息息相关,并且借助多种多样的字体设计来获得更好的视觉效果和视觉传达。

02. 正文(Body Copy)
02-bodycopy-662x506

设计、书写、初版的文章主体通常被我们称为正文(中文其实挺好理解的),网站中的文章的主体、书籍中的主要内容、甚至你此刻正在阅读都算是某个文章的“正文”。

03. 展示字体(Display Type)
03-displaytype-662x455

那些被设计得引人瞩目的标题和字体。电影海报中的电影名称、杂志的文章标题、报纸的头条,等等都在此范畴。

04. 层次(Hierarchy)
04-Hierarchy-new-662x352

元素和信息按照重要程度进行视觉设计,展现出来的效果就是层次。正如同大标题的字体加粗,确保能吸引更多的注意力。

05. 字母间隙(Kerning)
05-kerning-branded-662x259

英文单词中两个字母之间的间隙并非均匀统一的,调整两个字母之间的间隙能够让整个单词看起来更加均匀平衡。

06. 行间距(Leading)
06-leading-branded-662x259

其实的Leading这个词的读音应该为“Ledding”,它通常指的是两行文字之间的空隙间隔。和字间距一样,它是控制段落的疏密视觉效果的重要指标。

07. 字间距(Tracking)
07-tracking-branded-662x259

这里所说的字间距是单词中字母间隙的疏密与否,调整字间距会让每个字母之间的距离都随之变化,它通常是着眼于整体的疏密,注意同字母间隙(kerning)在语境上的差异。

08. x高度(X-Height)

它指的是小写字母的平均高度。之所以为称为x高度是应为通常拿字母x作为参考。

09. Ascender
09-ascender-branded-662x259

Ascender 指的是小写字母中高于x高度的部分。诸如字母 b、d 和 f。

10. Descender
10-descender-branded-662x259

Descender 通常指的是小写字母从x下方延伸出来的部分,诸如字母 g、j 和 p。

11. “孤儿”和“寡妇”(Orphans and Widows)
11-orphanswidows-662x497

他们通常指的是段落在顶部和底部所留出的较短的行。为了视觉上的美观,通常会尽力通过排版将这些部分隐藏起来。

12. 衬线字体(Serif Typeface)
12-serif-662x284

也就是我们所说的衬线体,它们通常在横向或者纵向的端点处有装饰性衬线(中文中的宋体通常算是衬线体),衬线体通常看起来很传统,给人专业和权威的感觉。

13. 非衬线体(Sans Serif Typeface)
13-sansserif-662x284

没有装饰性衬线的字体(中文中的黑体等通常算在此列),非衬线体通常看起来更加现代、时尚、整洁。

14. 手写字体(Script Typeface)
14-script-662x284

模仿手写笔记的字体(中文中这类字体很多,张海山系列的手写体几乎都算),手写字体常常看起来优雅而有性格。

15. 厚衬线体(Slab Serif Typeface)
15-slabserif-662x284

这类衬线体的衬线通常会更加粗壮,多用于标题,很少出现在正文中。厚衬线体通常会追求更厚重、更稳固、更权威的视觉体验。

16. 可读性(Legibility)
16-legibility-branded-662x259

字母在视觉上区分度的指标,可读性涉及到的因素很多,包括字体的大小和类型的选取,通常越简单的字体越适宜于使用小字体的场合。

17. 对齐(Alignment)
17-alignment-captions-662x662

各种元素在视觉边缘上保持齐平,按照顺序或者逻辑进行布局。排版印刷上所说的对齐通常有四种,居中对齐、左对齐、右对齐和调整对齐,它们都有对应的使用场合。

18. 引用(Pull Quote)
18-pullquote-662x440

从正文中摘出一段文字放大,并用作一种分割和强调的视觉元素,呈现你认为重要的文字内容。在杂志的版面设计上非常常见。

19. 调色板(Palette)
19-palette-662x662

你所选取的用于你的设计中的各种色彩,也就是配色方案。

20. 单色(Monochrome)
20-monochrome-branded-662x662

设计的时候只使用一种色彩,或者使用某一色调的深色和浅色。

21. 类似色(Analogous)
21-analogous-branded-662x662

使用色轮中彼此相邻的三种色彩来作为配色方案。

22. 互补色(Complementary)
22-complementary-branded-662x662

使用色轮上相对位置的两种色彩来进行搭配

23. 三色(Triadic)
23-triadic-branded-662x662

使用色轮上互呈120度角度的三种色彩搭配

24. CMYK
24-cmyk-662x599

CMYK 四个字母对应的是四种不同的色彩,青色、品红、黄色和定位版套色(黑色),他们是印刷时用的一种套色模式。这种配色方案中,加入的色彩越多,最后生成的色彩越接近于黑色。

25. RGB
25-rgb-662x609

RGB 是工业色彩标准,其中三个字母分布标识红色、绿色和蓝色,它们也代表三个通道的色彩,RGB和CMYK不同的地方在于它是一种叠加色,加入的色彩越多,整个色彩越接近于白色。

26. 彩通色(Pantone ,PMS)
26-pantone-662x456

PMS,也就是我们常说的彩通配色系统,这套系统是属于印刷体系的标准化系统,每个色彩都有对应的彩通编号和名称,更易于用来识别色彩。

27.暖色调( Warm Colors)
27-warm-branded-662x662

这种色彩通常会让你想起温度,感到温暖。诸如黄色和橙色,它们往往让人感到舒服、友好、开朗。

28.冷色调(Cool Colors)
28-cool-branded-662x662

那些让人感到寒冷的色彩是冷色调,诸如蓝色、紫色、绿色,等等,这些色彩通常可以营造出冷静、平和的氛围。

29. 色彩理论(Color Theory)
29-colortheory-662x376

那些研究人们对于色彩的感受也反馈的理论,它通常会涉及到不同色彩是如何唤醒潜意识中的某些情绪。蓝色会让人感到信任和可靠,这也是为什么很多企业会选择蓝色作为主要的色彩。

30. 渐变(Gradient)
30-gradient-branded-662x662

颜色无缝地逐步变化,从一种色调过度到另外一种色调,两种色调通常是呈现出线性梯度的,从左到右,或者重中间到边缘。

31. 不透明度(Opacity)
31-opacity-branded-662x662

通常用作元素透明度的指标,不透明度越低,透明度越高。

32. 分辨率(Resolution)
32-resolution-branded-662x714

图片所能呈现的细节的精细度。一般而言,较高分辨率的图片,所呈现出来的细节越多,效果越好。

33. 对比度(Contrast)
33-contrast-branded-662x630

两个并列元素之间的差异程度,黑和白,深和浅,粗与细、厚和薄,都是对比。

34. 饱和度(Saturation)

这是颜色强度和鲜明度的指标。低饱和度的图片会显得苍白,或者是褪色的效果,而高饱和度的图片会显得鲜艳而充满活力。

35. 高清图片(Stock Photo)

这里所说的Stock Photo通常指的是出自专业摄影师之手且有授权的优质高清图片。当然,我们非常喜欢授权可商用的免费Stock Photo……

36. 三分法(Rule Of Thirds)

三分法理论,借助两横两竖将图片分割成为9个部分,交叉处为图片的重要部位,或者设计重心。

37. 品牌(Brand)

品牌是涵盖公司价值的理念、想法、情感和形象的合集。

38. 品牌识别(Brand Identity)

也就是大家常说的BI,将品牌设计视觉化,用一个具现化的形象来代表公司的价值、品牌的精神。它所涵盖的外设包括标识、名片、信纸、制服、包装等等。

39. 字体LOGO(Logotype)

通常这样的字体LOGO是基于公司/品牌的名称或者,经过视觉化的设计之后而构成。诸如谷歌、宜家、迪士尼都是这样的LOGO。

40. 商标(Brandmark)

用视觉化的符号或者形象来作为公司和品牌的标识,最典型的是我们所熟知的苹果公司的LOGO,它使用的是被咬了一口的苹果。

41. 手绘缩略图(Thumbnail Sketch)

并不是所有手绘的标识都是此处说所的手绘缩略图。它特制在概念设计阶段提出的粗略解决方案中的手绘标识,他们通常承载着设计师的概念化设计,这些手绘图随后会输入电脑进行可视化重现。

42. 栅格系统(Grid)

通过横竖线来构建栅格系统,用作设计框架。栅格的出现可以帮助设计人员更好的进行各种元素的排布,确保一致性。

43. 比例缩放(Scale)

将对象进行一定比例的缩放,确保整体外观比例的一致。在较大比例下进行设计可以创造出精致出彩的细节。

44. 纹理(Texture)

模拟真实物体表面材质和感觉的设计。纹理可以赋予设计对象以质感,反映实际的视觉外观。

45. 留白(White Space)

我们也会将其称之为负空间,它通常指的是未填充内容的设计区域。留白在设计中是重要的元素,它赋予设计作品以“呼吸感”,有助于规避复杂的设计,保持干净。

46. 边距(Margins)

围绕页面或者元素的边缘空间,通过增减边距的大小能够创造出疏密不同的视觉效果。

47. 印模割图(Die Cut)

通过在印刷品表面切割出多种不同的形状来阴躁独特的视觉效果。这个通常是在完成印刷之后最后的环节。

48. 烫金(Foil Stamping)

通过热处理将箔纸按压到印刷品表面。

49. Letterpressing

这个是通过金属模具在纸版表面按压出有立体感的形状。

50. 假文(Lorem Ipsum)

也被称为“Dummy Copy”,它通常是不具备真实含义的混乱的填充文本,它会展示出文字在某个排版下的视觉效果。

【我想你会对这些文章感兴趣】

优秀的排版设计案例:
《四两拨千斤!25个巧用字体排版帅气的优秀网页设计》

三分法如何巧用到网页设计中:
《四两拨千斤!25个巧用字体排版帅气的优秀网页设计》

最强字体合集:
《千万别错过!2015年最好的英文字体免费打包下载》

原文地址:designschool
优设译者:@陈子木

uisdc-tuweia-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

下载前可以先看下教程 https://pan.quark.cn/s/a426667488ae 标题“仿淘宝jquery图片左右切换带数字”揭示了这是一个关于运用jQuery技术完成的图片轮播机制,其特色在于具备淘宝在线平台普遍存在的图片切换表现,并且在整个切换环节中会展示当前图片的序列号。 此类功能一般应用于电子商务平台的产品呈现环节,使用户可以便捷地查看多张商品的照片。 说明中的“NULL”表示未提供进一步的信息,但我们可以借助标题来揣摩若干核心的技术要点。 在构建此类功能时,开发者通常会借助以下技术手段:1. **jQuery库**:jQuery是一个应用广泛的JavaScript框架,它简化了HTML文档的遍历、事件管理、动画效果以及Ajax通信。 在此项目中,jQuery将负责处理用户的点击动作(实现左右切换),并且制造流畅的过渡效果。 2. **图片轮播扩展工具**:开发者或许会采用现成的jQuery扩展,例如Slick、Bootstrap Carousel或个性化的轮播函数,以达成图片切换的功能。 这些扩展能够辅助迅速构建功能完善的轮播模块。 3. **即时数字呈现**:展示当前图片的序列号,这需要通过JavaScript或jQuery来追踪并调整。 每当图片切换时,相应的数字也会同步更新。 4. **CSS美化**:为了达成淘宝图片切换的视觉效果,可能需要设计特定的CSS样式,涵盖图片的排列方式、过渡效果、点状指示器等。 CSS3的动画和过渡特性(如`transition`和`animation`)在此过程中扮演关键角色。 5. **事件监测**:运用jQuery的`.on()`方法来监测用户的操作,比如点击左右控制按钮或自动按时间间隔切换。 根据用户的交互,触发相应的函数来执行...
垃圾实例分割数据集 一、基础信息 • 数据集名称:垃圾实例分割数据集 • 图片数量: 训练集:7,000张图片 验证集:426张图片 测试集:644张图片 • 训练集:7,000张图片 • 验证集:426张图片 • 测试集:644张图片 • 分类类别: 垃圾(Sampah) • 垃圾(Sampah) • 标注格式:YOLO格式,包含实例分割的多边形点坐标,适用于实例分割任务。 • 数据格式:图片文件 二、适用场景 • 智能垃圾检测系统开发:数据集支持实例分割任务,帮助构建能够自动识别和分割图像中垃圾区域的AI模型,适用于智能清洁机器人、自动垃圾桶等应用。 • 环境监控与管理:集成到监控系统中,用于实时检测公共区域的垃圾堆积,辅助环境清洁和治理决策。 • 计算机视觉研究:支持实例分割算法的研究和优化,特别是在垃圾识别领域,促进AI在环保方面的创新。 • 教育与实践:可用于高校或培训机构的AI课程,作为实例分割技术的实践数据集,帮助学生理解计算机视觉应用。 三、数据集优势 • 精确的实例分割标注:每个垃圾实例都使用详细的多边形点进行标注,确保分割边界准确,提升模型训练效果。 • 数据多样性:包含多种垃圾物品实例,覆盖不同场景,增强模型的泛化能力和鲁棒性。 • 格式兼容性强:YOLO标注格式易于与主流深度学习框架集成,如YOLO系列、PyTorch等,方便研究人员和开发者使用。 • 实际应用价值:直接针对现实世界的垃圾管理需求,为自动化环保解决方案提供可靠数据支持,具有重要的社会意义。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值