마케팅을 처음 접할 때,특히 소규모 팀에서 마케팅을 처음 접할 때는 한 순간에 많은 일을 해야 할 수도 있습니다. 그리고 블로깅과 소셜 미디어와 같은 것들에 관해서,확실히,당신은 이것을 가지고 있습니다. 그러나 곧,당신은 디자인 프로젝트에 끌려 가고 있습니다. 어느 날 당신은 인포 그래픽을 조롱하고;다음,당신은 전자 책을 디자인하고. 당신은 비참하게 준비되지 않은 느낌-그리고 그 디자인 어휘? 그것은 외국어처럼 느낄 수 있습니다.
익숙한 소리?
우리는 거기에 있었고,우리는 어느 시점에서이 어휘에 능통 해야하는 유일한 마케팅 담당자가 아니라는 것을 알고 있습니다. 그래서 우리는 더 큰 용어를 공유하기로 결정,우리 모두가 우리의 게임을 조금 단계 도움. 결코 이것은 디자인 용어의 수-모든-끝-모든,그래서 뿐만 아니라 코멘트에 귀하의 정의 추가 주시기 바랍니다. 여기에 우리가 무엇을,알파벳 순으로 구성.1)정렬
디자인 요소(예:텍스트,이미지 등)의 위치 지정). 이러한 요소는 페이지 및 서로 정렬 할 수 있습니다. 예를 들어,이 텍스트 단락은 왼쪽 여백에 정렬되는 반면 아래 이미지에 묘사 된 선은 오른쪽에 정렬됩니다.
![](https://blog.hubspot.com/hs-fs/hubfs/document-27091_960_720.png?width=669&name=document-27091_960_720.png)
- 2)유사한 색상
- 3)상승자
- 7)컬러 휠
- 8)색 구성표
- 9)보색
- 10)압축
- 11)대비
- 12)이미지의 바깥 부분을 제거하여 피사체를 재구성하거나 이미지의 종횡비 크기를 조정할 때 자르기
- 13) 웹 페이지의 실제 콘텐츠와는 별도로 웹 사이트의 모양과 느낌을 지정하는 데 사용되는 코드입니다. 디 14)디 센더
- 16)그림자
- 18)익스텐더
- 에프
- 19)페더 링
- 20)글꼴
- 22)그라디언트
- 23)그리드
- 26)색조
- 케이
- 28)커닝
- 30)손실
- 31)무손실
- 미디엄
- 32)중간선
- 오
- 34)오픈 타입 글꼴
- 35)고아
- 38)픽셀
- 39)인치당 픽셀(피피)
- 40)
- 아르 자형
- 41)직사각형(또는 사방형)색상
- 42)해상도
- 43)컬러 모델
- 에스
- 44)채도
- 47)분할-보색
- 48)사각 색상
- 49)줄기
- 50)스트로크
- 티
- 51)꼬리
- 52)터미널
- 53)색조
- 54)삼중 색상
- 55)서체
- 56)벡터 이미지
- 57)시각적 계층 구조
- 59)무게
- 60)공백
- 61)과부
- Z
- 63)ZIP 파일의
2)유사한 색상
컬러 휠에서 서로 인접한 색상.
![](https://blog.hubspot.com/hs-fs/hubfs/analogous.jpg?width=669&name=analogous.jpg)
3)상승자
중간선 위에 나타나는 문자의 선형 확장입니다.
![](https://blog.hubspot.com/hs-fs/hubfs/ascender-1.png?width=669&name=ascender-1.png)
서체의 모든 글자가 앉아있는 짝수,보이지 않는 선-또한 참조 상승기,모자 높이,하강기,확장기 및 중간선.
![](https://blog.hubspot.com/hs-fs/hubfs/baseline.png?width=669&name=baseline.png)
기준선과 대문자 위쪽 사이의 거리–또한 어센더,디센더,익스텐더 및 중간선을 참조하십시오.
![](https://blog.hubspot.com/hs-fs/hubfs/cap%20height.png?width=669&name=cap%20height.png)
![](https://blog.hubspot.com/hs-fs/hubfs/CMYK-1.png?width=604&name=CMYK-1.png)
7)컬러 휠
1 차,2 차 및 3 차 색상 간의 관계를 보여주는 색상 원입니다.
![](https://blog.hubspot.com/hs-fs/hubfs/BYR_color_wheel.svg.png?width=669&name=BYR_color_wheel.svg.png)
8)색 구성표
컬러 휠에서 두 개 이상의 색상의 조합-또한 컬러 하모니로 알려져 있습니다.
9)보색
컬러 휠에서 서로 직접 반대되는 색상.
![](https://blog.hubspot.com/hs-fs/hubfs/complementary.jpg?width=669&name=complementary.jpg)
10)압축
초과 데이터를 제거하여 파일 크기를 줄입니다. 큰 이미지 파일을 이메일로 보내거나 저장할 때 특히 유용합니다. 손실 및 무손실 압축에 대한 자세한 내용을 참조하십시오.
11)대비
색상,모양,간격,또는 다른 디자인 요소 간의 차이의 강조.
![](https://blog.hubspot.com/hs-fs/hubfs/leaves-835488_960_720.jpg?width=669&name=leaves-835488_960_720.jpg)
12)이미지의 바깥 부분을 제거하여 피사체를 재구성하거나 이미지의 종횡비 크기를 조정할 때 자르기
.
![](https://blog.hubspot.com/hs-fs/hubfs/M6bEaWiUIs.gif?width=669&name=M6bEaWiUIs.gif)
13) 웹 페이지의 실제 콘텐츠와는 별도로 웹 사이트의 모양과 느낌을 지정하는 데 사용되는 코드입니다.
디
14)디 센더
기준선 아래에 나타나는 편지의 익스텐더-또한 참조 상승,캡 높이 및 중간선.
![](https://blog.hubspot.com/hs-fs/hubfs/descender-1.png?width=669&name=descender-1.png)
16)그림자
그래픽 뒤에 그림자가 있는 것처럼 표시하는 시각 효과입니다.
![](https://blog.hubspot.com/hs-fs/hubfs/Blurshadow.png?width=238&name=Blurshadow.png)
텍스트와 그래픽을 모두 포함하는 벡터 이미지에 사용되는 파일 형식입니다.
18)익스텐더
엑스 높이 또는 기준선 아래로 확장되는 편지의 일부입니다.
에프
19)페더 링
피처의 가장자리를 부드럽게하는 데 사용되는 설계 기술.
20)글꼴
하나의 특정 스타일과 크기의 서체. 보기는 크기 14 에 있는 대담한 시간 새로운 로마 반 포함할 것입니다.색상과 디자인이 거의 없는 작은 이미지 파일이나 애니메이션 이미지에 가장 적합한 이미지 파일 형식입니다. 다음은 애니메이션 지프 이미지의 예입니다:
![](https://blog.hubspot.com/hs-fs/hubfs/Humulone-3D-xray.gif?width=654&name=Humulone-3D-xray.gif)
22)그라디언트
이미지의 한 색상 또는 일부가 다른 색상으로 희미 해지는 디자인 기술.
![](https://blog.hubspot.com/hs-fs/hubfs/turquoise-top-gradient-background.jpg?width=669&name=turquoise-top-gradient-background.jpg)
23)그리드
문서 내에서 이미지와 텍스트를 정렬하는 데 도움이되는 수직 및 수평선의 순전히 가상의 맵.1641>24)16 진수 코드
자주 파운드 기호(#)뒤에 나타나는 특정 색상을 지정 하는 데 사용 되는 코드입니다. 아래는 16 진수 색상 코드 차트입니다:
![](https://blog.hubspot.com/hs-fs/hubfs/Xterm_color_chart.png?width=669&name=Xterm_color_chart.png)
26)색조
대부분의 사람들이”색상”으로 생각하는 것-빨강,주황,노랑 등27)제이펙
품질 손실에 대한 인식이 거의 없는 손실 또는 무손실 압축을 사용하는 이미지 파일 형식입니다. 이 유형의 파일은 색상 간의 부드러운 전환이 가능한 사진 및 사실적인 그림에 가장 적합합니다.
케이
28)커닝
개별 문자 사이의 공백.
![](https://blog.hubspot.com/hs-fs/hubfs/1280px-Kerning_EN.svg.png?width=669&name=1280px-Kerning_EN.svg.png)
유형의 라인 사이의 공간.
30)손실
파일 크기가 감소함에 따라 세부 정보가 삭제되는 데이터 압축 형태입니다. 일반적인 손실 압축 방법은 제이펙입니다.
31)무손실
손실 압축과 달리 이 형식을 사용하면 이미지의 세부 사항을 복원할 수 있습니다.
미디엄
32)중간선
를 포함한 대부분의 소문자의 상단 기준선까지의 거리 이자형,””지,”및 곡선”시간. 참조 센더,캡 높이,및 디 센더.
![](https://blog.hubspot.com/hs-fs/hubfs/midline-1.png?width=669&name=midline-1.png)
디자인을 둘러싼 빈 공간,웹 페이지 또는 단일 이미지 여부-또한 공백을 참조하십시오.
![](https://blog.hubspot.com/hs-fs/hubfs/negativespace.jpg?width=669&name=negativespace.jpg)
오
34)오픈 타입 글꼴
글꼴 형식의 현재 표준. 그것은 하나의 파일에 화면 및 프린터 버전을 모두 포함하고,윈도우와 맥 모두 호환됩니다. 파일 확장자는.오드프
35)고아
페이지 맨 아래에 단독으로 나타나는 단락의 시작 줄. 고아는 단락의 끝에 그 자체로 나타나는 단어 또는 매우 짧은 줄 일 수도 있습니다.
![](https://blog.hubspot.com/hs-fs/hubfs/2000px-Orphan-typesetting.svg.png?width=669&name=2000px-Orphan-typesetting.svg.png)
![](https://blog.hubspot.com/hs-fs/hubfs/nuance-1086725_960_720.jpg?width=669&name=nuance-1086725_960_720.jpg)
38)픽셀
컴퓨터에서 이미지의 가장 작은 요소입니다.
39)인치당 픽셀(피피)
이미지의 특정 섹션 내에 얼마나 많은 픽셀이 존재하는지에 따라 이미지 해상도의 또 다른 측정 값입니다.
40)
이미지가 균일 한 색상의 넓은 영역 또는 투명한 배경을 가질 때 가장 잘 사용되는 이미지 파일 형식입니다.
아르 자형
41)직사각형(또는 사방형)색상
두 쌍의 보색 인 4 가지 색상.
![](https://blog.hubspot.com/hs-fs/hubfs/rectangular.jpg?width=669&name=rectangular.jpg)
42)해상도
이미지의 선명도와 세부 수준을 측정하는 방법입니다. 더 높은 해상도는 일반적으로 이미지 내의 픽셀 또는 점과 같은 데이터 양을 나타내는 더 큰 파일 크기를 나타냅니다.
43)컬러 모델
빨강,녹색 및 파랑의 두문자어. 모니터는 이러한 색상으로 빛을 전송하기 때문에 웹 디자인에 사용됩니다.
![](https://blog.hubspot.com/hs-fs/hubfs/AdditiveColor.svg.png?width=669&name=AdditiveColor.svg.png)
에스
44)채도
색상이 얼마나 밝거나 강렬한 지.
![](https://blog.hubspot.com/hs-fs/hubfs/HSV_color_solid_cylinder_alpha_lowgamma.png?width=669&name=HSV_color_solid_cylinder_alpha_lowgamma.png)
![](https://blog.hubspot.com/hs-fs/hubfs/2000px-S_long_serif_et_sans_serif.svg.png?width=669&name=2000px-S_long_serif_et_sans_serif.svg.png)
47)분할-보색
기본 색상으로 구성된 색상과 보색 옆에 있는 두 가지 색상이 있습니다.
![](https://blog.hubspot.com/hs-fs/hubfs/splitcomplementary.jpeg?width=669&name=splitcomplementary.jpeg)
48)사각 색상
컬러 휠에서 4 가지 색상이 서로 균등하게 이격됩니다.
![](https://blog.hubspot.com/hs-fs/hubfs/SQUARE-4.jpg?width=669&name=SQUARE-4.jpg)
49)줄기
편지의 기본 수직 스트로크. 3452>
50)스트로크
서체에서 문자를 구성하는 라인.
티
51)꼬리
종종 장식적인 글자의 내림차순 획-예를 들어,”큐”
52)터미널
세리프를 포함하지 않는 획의 끝입니다.
53)색조
색조와 얼마나 많은 흰색이 섞여 있는지.
54)삼중 색상
컬러 휠에서 서로 120 도에 위치한 세 가지 색상이 결합 된 색 구성표. 그것은 종종 최고의 색 구성표로 간주됩니다.
![](https://blog.hubspot.com/hs-fs/hubfs/triadic.jpg?width=669&name=triadic.jpg)
55)서체
문자,숫자,문장 부호를 포함한 문자의 디자인 컬렉션. 예를 들면 타임즈 뉴 로마,헬 베티,굴림 등이 있습니다.
56)벡터 이미지
이미지를 표현하기 위해 픽셀을 사용하는 대신 벡터는 선과 모양을 사용합니다. 픽셀에 의존하지 않기 때문에 확대 된 벡터 이미지는 여전히 이미지 선명도와 품질을 유지합니다.
57)시각적 계층 구조
색상,크기 및 레이아웃을 사용하여 콘텐츠 메시지의 여러 부분을 시각적으로 정렬하고 강조하는 디자인 원칙입니다.58)워터 마크
웹 및 인쇄물의 사진 맨 위에 배치하기 쉬운 마커입니다. 이미지의 소유자를 식별 하 고 시각적 콘텐츠 도난을 방지 하는 데 사용 됩니다.
59)무게
서체에서 스트로크 너비의 두께. 몇 가지 예로는 반구형,빛 및 굵기가 있습니다.
60)공백
디자인에서 객체를 둘러싼 빈 공간-또한 음수 공간을 참조하십시오.
![](https://blog.hubspot.com/hs-fs/hubfs/books-education-school-literature-48126.jpeg?width=669&name=books-education-school-literature-48126.jpeg)
61)과부
다음 열이나 페이지로 넘쳐나는 단락 끝에 있는 텍스트 섹션.
![](https://blog.hubspot.com/hs-fs/hubfs/2000px-Widow-typesetting.svg.png?width=669&name=2000px-Widow-typesetting.svg.png)
![](https://blog.hubspot.com/hs-fs/hubfs/xheight.png?width=669&name=xheight.png)
Z
63)ZIP 파일의
는 파일 형식으로 압축하여 여러 파일하고 그들을 결합으로 단일 폴더에 있습니다. 압축 파일은 작은 될 데이터가 손실되지 않습니다,쉽게 압축 파일의 압축을 해제하여 복원됩니다.