도서관

2018 년 모든 마케터가 (파트 타임) 디자이너가되어야하는 이유 : 레벨 업을위한 52 가지 디자인 용어 및 팁

처음 마케팅을 시작했을 때, 나도 파트 타임 디자이너가 될 거라고 예상하지 못했습니다.



이제 201 년에 시각적 콘텐츠는 소셜 미디어에서 공유 될 가능성이 40 배 이상 높습니다. 모든 마케팅 담당자가 핵심 디자인 용어에 대한 최소한의 기본 지식을 가지고 있어야한다는 것이 분명 해지고 필요합니다.

고맙게도, 우리는 누구나 초보에서 중급으로 도약 할 수있는 멋진 세상에 살고 있습니다. 잘 디자인 된 이미지 만들기 소셜 미디어를 위해. 다음과 같은 도구가 있습니다. 파블로Canva 이 디자인 작업을 달성 가능하고 아름답게 만듭니다.





그러나 도구를 제쳐두고 마케팅 기술을 한 단계 더 높이고 싶다면 디자인에 대한 이해를 높이는 것이 필수적입니다.

뒷주머니에 약간의 추가 설계 지식 만 있으면 무엇을 할 수 있을지 궁금한 적이 있습니까?


OPTAD-3

소셜 미디어 이미지를 좋은 것에서 훌륭한 것으로 만드는 것은 합리적인 도약입니다. 그리고이 모든 것은 몇 가지 주요 설계 용어 및 원칙에 대한 좋은 기초와 이해에서 시작됩니다.

당신이 당신의 다음 단계로 소셜 미디어 이미지 더 나은 마케팅 담당자가 되려면이 디자인 사전을 확인하여 디자인을 더 잘 이해하는 방법에 대한 단기 강의를 확인하세요.

-

마케터를위한 52 가지 디자인 용어 설명

1. 황금 비율

황금 비율은 두 개의 물체에서 발생하며, 큰 물체를 작은 물체로 나누면 1.6180 (또는 그 정도)이됩니다. 가장 유명한 황금 비율은 황금 직사각형으로, 원래 직사각형과 동일한 종횡비로 완벽한 정사각형과 직사각형으로 나눌 수 있습니다. 이미지 구성 또는 웹 사이트 디자인 및 그리드 레이아웃에서이를 볼 수 있습니다.

황금 비율

( 통하다 )

황금 비율을 사용하면 이미지가 시선을 사로 잡고 아름답게 형식화되도록 할 수 있습니다. 여기에 웹 사이트 본문과 사이드 바 사이의 공간을 나누는 데 사용되는 황금 비율 :

황금 비율 웹 디자인

아래는 다른 예시 디자인의 핵심 요소는 모두 황금 비율의 다른 섹션에 적합합니다.

132-1324x1649

2. 삼등분의 법칙

이미지 위에 3x3 격자가 놓인 것을 상상 한 다음 이미지의 피사체를 안내선 및 교차점 (예 : 상단 또는 하단 선에 수평선 배치)에 정렬하거나 허용하여 삼분의 일 법칙을 적용 할 수 있습니다. 그림의 요소는 섹션에서 섹션으로 쉽게 흐를 수 있습니다.

3 분의 1의 법칙

( 통하다 )

그리드가 제자리에 있으면 스팟 선이 교차하는 곳 서로는 디자인 내의 주요 초점 영역을 나타냅니다.

초점

타이포그래피, 텍스트 및 글꼴 용어

3. 타이포그래피

'타이포그래피는 서면 단어의 시각적 구성 요소입니다.' 실용적인 타이포그래피가 아름답게 설명합니다. . 종이, 화면 또는 광고판에 시각적으로 표시되는 모든 텍스트에는 타이포그래피가 포함됩니다.

4. 세리프

세리프는 글자 끝에있는 약간의 추가 선 또는 곡선입니다.

5. 산세 리프

'Sans'는 문자 그대로 '없음'을 의미하며 산세 리프 글꼴은 문자 끝에 추가 획을 포함하지 않습니다.

가는 장식 선

serif 또는 sans serif 글꼴을 사용하는시기에 대한 정해진 규칙은 없지만 그것은 제안 온라인 본문 텍스트에는 sans serif 글꼴을 사용하고 헤드 라인 및 인쇄물에는 serif 글꼴을 사용해야합니다.

6. 스크립트

스크립트 서체는 역사적 또는 현대적인 필기 스타일을 기반으로 한 글꼴 또는 서체이며 기존 서체보다 더 유동적입니다.

몇 가지 예제 스크립트 글꼴은 다음과 같습니다.

알렉스 브러시

알렉스 브러시 글꼴

과, 그랜드 호텔 :

그랜드 호텔 글꼴

7. 슬래브 세리프

Slab serif 글꼴은 기존 serif 글꼴보다 기하학적 인 느낌을 제공하며 정사각형이고 더 크고 대담한 serif를 특징으로합니다.

slab serif 글꼴의 훌륭한 예는 다음과 같습니다. 슬래브 박물관 :

박물관 석판

8. 미니 밴

고정 폭 글꼴, (고정 피치, 고정 너비 또는 비 비례 글꼴이라고도 함) 문자와 문자가 각각 동일한 양의 가로 공간을 차지하는 글꼴입니다.

9. 계층

활자체 계층은 모든 디자인 또는 레이아웃의 필수 부분이며 용어에 익숙하지 않더라도 웹 사이트, 신문 또는 잡지에서 계층 구조가 실제로 작동하는 것을 보셨을 것입니다.

tuts + 설명 :

활자체 계층은 데이터 내에서 중요도 순서를 설정하는 유형을 구성하는 시스템으로 독자가 원하는 내용을 쉽게 찾고 콘텐츠를 탐색 할 수 있도록합니다. 사용자가 텍스트 본문 전체에서 일관된 스타일 사용을 기반으로 특정 정보를 분리 할 수 ​​있도록하는 동시에 섹션이 시작되고 끝나는 위치로 독자의 눈을 안내하는 데 도움이됩니다.

다음은 계층 구조의 중요성을 보여주는 예입니다.

계층 2

10. 커닝

커닝은 두 개의 특정 문자 (또는 다른 문자 : 숫자, 구두점 등) 사이의 간격을 의미하며 해당 간격을 조정하는 과정을 통해 가독성이 향상됩니다.

커닝 GIF

11. 선도

행간은 줄에서 텍스트의 세로 간격을 결정합니다. 행간은 여러 줄의 읽을 수있는 텍스트가 있고 위의 단어 하단에서 아래 단어의 상단까지의 거리가 읽을 수 있도록 적절한 간격을 갖도록하는 콘텐츠에 사용됩니다.

주요한

12. 추적

자간은 글자 나 문자 사이의 간격을 의미한다는 점에서 커닝과 유사합니다. 그러나 추적은 개별 문자 사이의 간격 (커닝)에 초점을 맞추는 대신 문자 그룹 사이의 간격을 측정합니다.

13. X 높이

x- 높이는 서체에서 기준선과 소문자의 평균 선 사이의 거리를 나타냅니다.

x 높이

14. 상승 / 하강

어 센더는 글꼴의 평균 선 위로 확장되는 소문자 부분입니다. (x 높이) . 반면에 디 센더는 글꼴의 기준선 아래로 확장되는 문자 부분입니다.

오르다

15. 고아 / 과부

Widows 및 Orphans는 단락의 시작 또는 끝 부분에 나타나는 텍스트 줄로, 줄의 맨 위 또는 맨 아래에 그대로 남아 있습니다. 이 용어의 정확한 정의에 대한 몇 가지 논쟁이 있지만 경험 상으로는 다음과 같습니다.

  • 유아: A는 단락의 끝이나 열 또는 페이지의 시작 부분에 나타나는 단일 단어 또는 매우 짧은 줄이며 나머지 텍스트와 구분됩니다.
  • 과부: 다음 페이지 또는 열의 시작 부분에있는 단락 끝 줄로 나머지 텍스트와 구분됩니다. 또는 열이나 페이지의 맨 아래에서 시작하는 새 단락의 시작입니다.
과부

16. 매우 가죽 끈

Lorem Ipsum은 단순히 디자인 업계에서 사용하는 더미 텍스트입니다. 자리 표시 자 텍스트로 사용되며 글자의 평균 분포가 다소 낮기 때문에 사본이 아직 준비되지 않은 경우 디자인 내에서 '여기에 콘텐츠 추가, 여기에 콘텐츠 추가'를 사용하는 것과 달리 읽을 수있는 영어처럼 보입니다.

라인 섹션

그림 물감

17. RGB

RGB 색상은 다양한 색상을 재현하기 위해 적색, 녹색, 청색광을 다양한 방식으로 결합한 모델입니다. RGB는 화면상의 목적으로 사용되는 경향이 있습니다.

RGB 색상

18. 육각

16 진수는 HTML, CSS 및 디자인 소프트웨어 응용 프로그램에서 색상을 나타내는 데 사용되는 6 자리 숫자입니다.

마녀

19. 팔레트

색상 팔레트는 브랜드를 나타내는 모든 일러스트레이션 또는 디자인 작업에 사용할 수있는 색상으로 구성됩니다. 선택한 색상은 서로 조화롭게 작동하도록 디자인되어야합니다.

팔레트

20. 모노크롬

단색은 디자인이나 사진을 한 가지 색상 또는 단일 색상의 다른 음영으로 설명하는 데 사용됩니다.

단색화

21. 유사

유사한 색상 구성표는 색상환에서 나란히있는 색상을 사용합니다. 그들은 일반적으로 잘 어울리고 고요하고 편안한 디자인을 만듭니다.

유사한

22. 보완

색상환에서 서로 반대되는 색상은 보색으로 간주됩니다 (예 : 빨강 및 녹색).

무료

23. 삼극

3 색 색상 구성표는 색상환 주위에 균일 한 간격으로 배치 된 색상을 사용합니다.

Triadic

24. CMYK

CMYK는 인쇄 목적으로 사용되는 색상 모델입니다. CMYK 색상은 흰색으로 시작하여 더 많은 색상이 결합 될수록 어두워집니다.

CMYK 색상

YouTube 채널을 편집하는 방법

( 통하다 )

25. 팬톤

Pantone Matching System (PMS)은 표준화 된 색 재현 시스템입니다. 모든 색상에는 숫자가 지정되어있어 사람들이 동일한 색상을 쉽게 참조하고 재현 할 수 있습니다.

팬톤

26. 따뜻한 색상

따뜻한 색상은 빨간색, 주황색 노란색 및 이러한 색상의 다양한 조합으로 만들어집니다. 그들은 친절하고 행복하며 아늑한 분위기를줍니다.

27. 시원한 색상

파란색, 초록색, 연 보라색과 같은 시원한 색상은 차분하고 진정시키는 능력이 있습니다.

따뜻하고 차가운

28. 색 이론

색상 이론은 색상에 대한 논리적 구조를 만듭니다. 있습니다 색 이론의 세 가지 기본 범주 : 색상환, 색상 조화 및 색상 사용 상황. 다양한 색상을 사용하여 의미를 전달하는 방법을 이해하는 것은 디자인과 마케팅 모두에서 중요한 부분입니다. 다음은 색상이 뇌에 미치는 영향에 대한 빠른 가이드입니다.

색상 이론에 대한 더 많은 정보가 필요한가요? 확인 : Facebook이 파란색 인 이유 마케팅의 색상 과학 .

29. 그라데이션

그래디언트는 색상의 점진적인 변화 (예 : 녹색이 점차 파란색으로 바뀜) 또는 색상이 투명도로 변하는 것입니다. 일반적인 그라디언트 유형에는 방사형과 선형의 두 가지가 있습니다.

30. 불투명도

불투명도를 사용하면 디자인 요소를 투명하게 만들 수 있습니다. 불투명도가 낮을수록 요소가 더 투명 해집니다. 예를 들어 100 % 불투명도는 개체가 단색임을 의미합니다.

불투명

31. 색조

기본적으로 색조는 색상을 설명하는 방법입니다. 그리고 색조는 색상환의 모든 색상이 될 수 있습니다. 예를 들어 빨강, 파랑 및 노랑은 모두 색상입니다.

32. 색조

색조는 다양한 색상입니다. Craftsy는 다음과 같이 설명합니다. 색조 추가 할 때 생성됩니다. 하얀 색상환의 모든 색조에. 이것은 밝아지고 불포화 색조를 덜 강하게 만듭니다.

색조

브랜딩 및 로고

33. 로고 타입

로고 타입은 해당 회사에서 사용하기 위해 시각적으로 고유 한 방식으로 디자인 된 회사의 이름입니다. 사람들이 로고를 언급하는 대부분의 경우 그들은 브랜드의 로고 타입을 의미합니다.

34. 로고 마크 / 브랜드 마크

로고 마크는 일반적으로 회사 이름을 포함하지 않으며 대신 기호 또는 마크를 사용하여 해당 회사를 더 추상적으로 나타냅니다.

심벌 마크

35. 아이콘

아이콘은 동작 또는 개체를 나타내는 데 사용되는 이미지입니다. 예를 들어 펜 아이콘은 글을 쓰는 사람 (동작) 또는 단순히 펜 (객체)을 나타낼 수 있습니다. 사용할 때 아이콘은 무엇을 의미하고 청중에게 얼마나 명확한 지 신중하게 생각합니다.

36. 스타일 가이드

스타일 가이드는 웹 사이트 방문 페이지, 명함 또는 인쇄 문서 등 브랜드와 관련된 모든 디자인의 표준 집합입니다. 스타일 가이드가있는 이유는 해당 브랜드의 희석을 방지하기 위해 브랜드가 사용되는 모든 곳에서 스타일과 형식에있어 완전한 통일성을 보장하기 위함입니다.

예를 들어, 우리의 여기에 버퍼 스타일 가이드 .

37. 그리드

그리드는 균등하게 분할 된 열과 행으로 구성됩니다. 그리드의 요점은 디자이너가 일관된 방식으로 요소를 배열하도록 돕는 것입니다. 다음은 Buffer에서 사용하는 그리드의 예입니다.

그리드

버퍼 디자인 그리드를 사용하여 페이지를 5 분의 1, 4 분의 3 분, 3 분의 1 분, 반분 할 수 있습니다. 각 그리드 행은 하나의 전체를 더하는 부분을 포함해야합니다. 예를 들어, 1/4 + 1/2 + 1/4입니다.

라인 섹션

디자인 용어 및 기법

38. 규모

디자인에서 배율은 다른 개체와 관련된 개체의 크기를 나타냅니다. 같은 크기의 두 요소는 같은 것으로 볼 수 있습니다. 크기가 분명한 요소는 다른 것으로 간주되는 경향이 있습니다.

디자인을 구성 할 때 스케일을 활용하여 이미지이면의 의미를 설명하는 데 어떻게 도움이되는지 생각해보십시오. 아래의 예를 살펴보면 큰 원이 작은 원보다 더 영향력 있고 중요한 것으로 보입니다. 작은 원이 약간 소심하거나 부끄러 울 수 있다고 말할 수도 있습니다.

규모

39. 종횡비

종횡비는 직사각형의 너비와 높이 사이의 비례 관계입니다 (대부분의 화면이 높이보다 넓기 때문에 직사각형이 사용됨). 종횡비는 수학적 비율을 통해 정의되며 두 개의 숫자는 콜론으로 구분됩니다.

  • 너비 : 높이
  • 즉, 너비 4 인치 x 높이 3 인치는 4 : 3의 비율이됩니다.

40. 질감

텍스처는 이미지의 표면 특성으로 정의됩니다. 디자인에서 천 및 벽돌과 같은 텍스처를 활용하여 실제 텍스처의 시각적 모양을 미러링 할 수 있습니다.

41. 놀링

Knolling은 서로 다른 물체를 서로 90도 각도로 배열 한 다음 위에서 촬영하는 행위입니다. 이 기술은 눈을 즐겁게하는 매우 대칭적인 모습을 만듭니다. 놀링 기능이있는 이미지는 대조되는 단색 배경에 설정되는 경향이 있습니다.

놀리다

( 통하다 )

42. 공백

종종 음의 공간으로 알려진 공백은 디자인에서 공백으로 남겨진 영역을 나타냅니다. 그래픽 요소, 이미지, 문구 및 페이지의 다른 모든 것 사이의 공간입니다. 공백으로 알려져 있지만 모든 색상이 될 수 있습니다.

공백의 훌륭한 예는 Google 홈페이지입니다. 사용자가 검색 창에 집중하도록 유도하기 위해 거의 공백으로 채워져 있습니다.

구글

43. 해상도

이미지의 해상도가 품질을 결정합니다. 일반적으로 해상도가 높을수록 품질이 높아집니다. 고해상도 이미지는 선명하고 또렷한 반면 저해상도 이미지는 약간 픽셀 화되고 흐릿하게 느껴집니다.

고해상도

44. 대비

대비는 페이지의 두 요소가 다를 때 발생합니다. 예를 들어, 텍스트와 배경색 사이의 다른 색상이거나 어둡거나 밝은 색상 일 수 있습니다.

대조

디자인에 대비를 사용하는 주된 이유 중 하나는주의를 끌기 위해서입니다. 예를 들어, 악명 높은 iPod 실루엣 광고는 흰색 iPod과 이어폰과 밝은 배경과 실루엣 사이에 큰 대비가 있기 때문에 매우 기억에 남습니다.

아이팟 2

45. 채도

채도는 색상의 강도 또는 순도를 나타냅니다. 채도가 높을수록 색상이 더 선명하거나 밝아집니다. 채도가 낮은 색상은 약간 어둡게 보입니다.

포화

채도가 높은 이미지는 눈에 띄고주의를 끄는 경향이 있으므로 채도가 낮은 이미지보다 무게가 더 많은 것처럼 보입니다. 그림 위에 텍스트 레이어를 추가하고 눈에 띄게하려면 채도가 낮은 배경을 사용하는 것이 좋습니다.

46. ​​흐림

블러는 이미지를 더 명확하지 않거나 덜 뚜렷하게 만듭니다. 블러를 사용하면 이미지에 오버레이 할 때 텍스트를 돋보이게 만드는 좋은 방법이 될 수 있습니다. 이미지 위에 텍스트를 넣으면 두 요소가 다소 경쟁적인 관계를 형성 할 수 있습니다. (아래 왼쪽의 예) , 약간의 흐림은 텍스트를 더 돋보이게하고 훨씬 더 읽기 쉽게 표시 할 수 있습니다 (오른쪽 아래) .

텍스트 블러

47. 자르기

이미지를자를 때 이미지의 불필요한 부분을 잘라내어 버립니다. 자르기를 사용하면 이미지의 강조 또는 방향을 변경할 수 있습니다.

수확고

48. 픽셀

픽셀은 화면의 아주 작은 영역입니다 (단어는 '그림 요소'에서 나옴). 픽셀은 컴퓨터에서 프로그래밍 가능한 색상의 가장 작은 기본 단위이며 이미지는 많은 개별 픽셀로 구성됩니다.

49. 골격 형성

스 큐어 모피 즘은 디지털 요소가 실제 작업의 복제물처럼 보이도록 디자인 된 경우입니다. 예를 들어 책장과 잡지가 실생활 에서처럼 보이고 느껴지는 iPhone의 계산기 나 Apple의 뉴스 스탠드를 생각해보십시오.

스 큐어 모피 즘

50. 플랫

플랫 디자인은 단순성과 유용성에 초점을 맞춘 최소한의 접근 방식입니다. (Skeuomorphism의 거의 반대) . 그것은 많은 열린 공간, 선명한 가장자리, 밝은 색상 및 2 차원 일러스트레이션을 특징으로하는 경향이 있습니다.

플랫

( 통하다 )

51. 래스터

래스터 이미지는 설정된 픽셀 격자로 구성됩니다. 즉, 래스터 이미지의 늘이기 크기를 변경하면 약간 흐릿 해지고 선명도가 떨어질 수 있습니다.

52. 벡터

벡터 이미지는 점, 선 및 곡선으로 구성됩니다. 벡터 내의 모든 모양은 수학적 방정식을 사용하여 계산됩니다. 즉, 이미지의 품질을 잃지 않고 크기를 조정할 수 있습니다. 래스터와 달리 벡터는 크기가 조절 될 때 흐릿 해지지 않습니다. 다음과 같은 사이트에서 디자인 내에서 사용할 멋진 벡터 이미지를 찾을 수 있습니다. Vecteezy .

라인 끝

너에게

디자인 용어 및 정의에 대한이 내용이 도움이 되었기를 바랍니다. 마케터가 Canva 및 Pablo와 같은 도구를 사용하여 아름답게 보이는 이미지를 만드는 방법은 놀랍습니다.

정기적으로 듣는 다른 디자인 용어가 있는지 궁금하며 설명이 필요 하신가요? 아래 의견에 질문이나 생각을 자유롭게 공유하십시오.

추가 읽기 :



^