디자이너가 아닌 모든 사람들이 알아야 할 디자인 용어

당신이 두 가지 다른 언어를 말하고 있다는 것을 깨달을 때까지 디자이너와 함께 일하는 것은 매우 재미있을 수 있습니다. 다른 사람이 의미하는 바를 모르거나 그들이 말하는 모든 단어를 Google에 검색해야 하는 경우 디자인 용어를 다듬어야 할 때입니다.

따라서 이 블로그에서는 디자이너가 사용하는 다양한 용어에 대한 분석을 제공하여 사용자가 무엇을 다루고 있는지 정확히 알 수 있도록 합니다.

브랜딩 디자인 용어

콤비네이션 마크

로고마크와 로고타입을 합치거나 결합한 것입니다.

로고마크

로고마크는 브랜드 마크라고도 하며 브랜드를 나타내는 상징입니다. 브랜드 이름을 포함하지 않고 오히려 추상적이고 단순합니다.

로고타입

이것은 일반적으로 미적 매력을 지닌 독특한 방식으로 디자인된 회사의 이름입니다.

상

아이콘은 독자에게 아이디어를 전달하는 매우 간단한 방법입니다. 또한 모든 웹 디자인에서 텍스트를 단순화하고 분리합니다. 로고마크와 혼동해서는 안 되며 다양한 용도로 사용할 수 있습니다.

색상과 관련된 디자인 용어

CMYK

Cyan, Magenta Yellow, Key의 약자로 프린트 디자인에 사용되는 컬러 모델입니다. 작동 방식은 이러한 색상의 작은 점이 배치된다는 것입니다. 그리고 그것들이 다른 조합으로 사용될 때, 그들은 다른 색상을 보일 것입니다. 예를 들어 4가지 색상을 모두 추가하면 검정색이 됩니다.

색상 팔레트

이것은 서로를 보완하고 디자인의 요소를 결합하는 색상 세트입니다.

구배

그라디언트를 사용하면 생성하는 디자인에 깊이와 차원을 추가할 수 있습니다. 또한 시청자의 눈이 한 색상에서 다른 색상으로 부드럽게 흐르도록 합니다. 평면 색상을 사용하면 평면과 동일한 최종 출력을 생성할 수 있습니다. 혼란스러운 색상 사용은 너무 바쁠 수 있지만 그라디언트를 사용하면 질서와 미적 매력을 보장할 수 있습니다. 사용할 수 있는 몇 가지 유형의 그라디언트가 있습니다.

• 선형 – 여기에서 색상이 시작점에서 전환되어 직선으로 끝납니다.
• 방사형 – 여기에서 색상은 원형 패턴의 중앙 시작점에서 퍼집니다.
• 각도 – 패턴이 시계 반대 방향으로 흐릅니다. 컬러 퍼짐의 시작과 끝을 나타내는 선이 선명하게 보입니다.
• 반사됨 – 색상이 시작점의 양쪽에 균등하게 퍼집니다. 광택 마감으로 무언가를 디자인할 때 사용하면 환상적입니다.
• 다이아몬드 - 색상이 다이아몬드 모양으로 퍼집니다. 이 시작점은 일반적으로 다이아몬드 모양의 한 모서리입니다.

색조, 색조, 색조 및 음영

색조는 기본적으로 색상환의 모든 색상이며 이러한 색상을 함께 사용하여 다른 2차 및 1차 색상을 만들 수 있습니다.

이제 검정, 흰색 또는 둘 다를 색상환의 색조(색상)로 혼합하면 변형이 생깁니다. 이러한 변형을 색조, 색조 및 음영이라고 합니다.

흰색을 어떤 색조에 섞으면 색조가 나타납니다. 그것은 강렬하지 않은 색상의 밝고 채도가 낮은 버전입니다. 파스텔이라고도 하며 차분한 색상입니다.

흑백과 색조를 혼합하면 톤이 나옵니다. 기본적으로 색조에 회색을 추가하는 것입니다. 추가하는 흑백의 양에 따라 톤을 더 밝거나 어둡게 만들 수 있습니다.

단순히 색조에 검은색을 추가하면 음영이 생깁니다. 이것은 원래 색조보다 더 어둡고 훨씬 더 강렬합니다. 검은색을 추가하는 것은 아주 적은 양으로도 정말 압도적일 수 있기 때문에 까다로울 수 있습니다.

음수/공백

이것은 디자인에 있는 시각적 요소를 둘러싸는 공간을 나타냅니다. 즉, 공간은 음수가 아니며 흰색일 필요도 없습니다. 디자인에서 숨을 쉬는 공간일 뿐이며 색상, 패턴 및 질감을 모두 가질 수 있습니다. 디자인할 때 여백도 매우 중요합니다. 올바른 초점을 강조하고 분위기를 불러일으키는 데 도움이 됩니다.

불투명

이 용어는 이미지가 얼마나 투명한지를 나타냅니다. 일반적으로 백분율로 표시됩니다. 0%는 이미지가 숨겨져 있음을 의미하고 100%는 이미지가 완전히 투명함을 의미합니다.

팬톤

특정 음영을 나타내는 색상입니다. 기본적으로 팬톤 코드를 통해 필요한 정확한 색상을 전달할 수 있습니다. 이것은 그래픽의 색상에 대한 기본 언어로 간주됩니다. 팬톤이 개발한 공식은 별색으로 알려져 있습니다. 즉, 팬톤 팔레트는 화면이나 점이 아닌 18가지 기본 색상으로 구성됩니다.

RGB

이 색상 모델은 화면에 사용되며 빨강, 파랑 및 녹색을 나타냅니다. 이 모든 색상을 추가하면 흰색을 얻을 수 있습니다.

포화

이 용어는 이미지의 색상 강도를 설명합니다. 채도가 높은 이미지에는 지나치게 밝은 색상이 있습니다. 예를 들어 이미지의 노출이 부족한 경우 그래픽을 사용하여 이미지의 채도를 높일 수 있습니다.

이미지 유형 디자인 용어

래스터 이미지

비트맵 이미지라고도 하며 수천 개의 픽셀로 구성되어 이미지의 색상과 형태를 결정합니다. 예를 들어 사진은 래스터 이미지입니다. 이러한 이미지는 유한한 양의 픽셀로 구성되므로 크기를 조정하는 것이 어려울 수 있습니다.

예를 들어 Photoshop에서 래스터 이미지에 더 큰 치수를 지정하면 소프트웨어에서 이미지 크기를 추가하기 위해 데이터를 구성해야 하므로 품질이 저하됩니다. 래스터 이미지 내에서 알아야 할 몇 가지 다른 유형의 파일이 있습니다.

• GIF – Graphics Interchange Format은 투명도와 애니메이션을 지원하는 래스터 파일입니다. GIF는 최대 256가지 색상만 표시할 수 있으므로 파일 크기가 매우 작아집니다.
• JPEG – Joint Photographic Experts Group의 약자이며 웹 디자인과 관련하여 가장 널리 사용되는 래스터 형식입니다. 이들은 빠르게 로드되고 압축된 파일입니다.
• PNG – 이러한 파일은 압축되어도 품질이 떨어지지 않으며 Portable Network Graphics를 나타냅니다. 웹 기반 형식이 있습니다. 이 파일들은 실제로 GIF 파일의 품질을 향상시키기 위해 개발되었습니다.
• PSD – 디자이너가 Adobe Photoshop에서 압축되지 않은 작업 래스터 파일 이미지를 만들면 PSD 파일이 됩니다. 글자는 Photoshop 문서를 나타냅니다.
• TIFF – 태그가 지정된 이미지 파일 형식은 응용 프로그램 간에 래스터 이미지를 교환하는 데 다소 일반적으로 사용됩니다. JPEG나 PNG보다 화질이 다소 높으며 사진가나 출판업계에서 주로 사용합니다.

벡터 이미지

벡터 이미지는 많은 점으로 구성됩니다. 이 점에는 X 또는 Y 좌표가 있습니다. 그런 다음 이 점들이 경로를 연결하고 모양을 형성한 다음 이 모양 안에 색상을 추가할 수 있습니다. 품질에 대해 걱정할 필요 없이 벡터의 크기를 늘릴 수 있습니다. 일반적으로 전단지에서 광고판에 이르기까지 다양한 출력으로 사용할 수 있는 로고 및 그래픽에 사용됩니다. 이 범주에 속하는 다양한 유형의 이미지를 살펴보겠습니다.

• AI – Adobe Illustrator 문서를 나타냅니다. 이 형식의 파일은 Adobe 시스템에서 만들었으며 단일 페이지 벡터 디자인을 가지고 있습니다.
• EPS – Encapsulated Post Script는 크기를 조정할 수 있으며 벡터 디자인에 널리 사용됩니다. 그것은 매우 높은 품질을 가지고 있으며 로고, 브로셔 및 명함과 같은 많은 인쇄 요소에 사용됩니다.
• PDF – Adobe에서 개발한 Portable Document Format은 모든 컴퓨터에서 다운로드하여 볼 수 있는 파일 형식입니다. 모든 사람이 볼 수 있으므로 작업 미리 보기를 공유하는 데 이상적입니다.

해결

DPI와 PPI에 대해 알아야 할 두 가지 유형이 있습니다.

• DPI는 인쇄된 출력물을 생성하기 위해 작업할 때 걱정해야 하는 것입니다. 또한 인치당 도트 수를 나타냅니다. 이것은 본질적으로 한 페이지에 인쇄된 인치당 도트 수를 나타냅니다. 여기에서 도트 수가 많을수록 이미지 품질이 높아집니다. 인쇄 이미지의 표준은 300DPI입니다.
• PPI는 인치당 픽셀 수를 나타냅니다. Photoshop에서 큰 이미지를 만드는 경우 Photoshop에서 데이터를 구성하는 인치당 픽셀 수를 늘려야 하며 품질도 약간 떨어집니다.

벡터는 픽셀에서 작동하지 않으므로 해상도는 래스터 이미지에만 적용됩니다.

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

어센더

이것은 정중선 위에 표시된 문자의 선형 확장입니다.

기준선

이것은 당신이 디자인에 넣을 모든 글자가 놓일 짝수 보이는 선입니다.

캡 높이

이것은 기준선과 대문자의 맨 위 사이의 거리입니다.

디센더

이것은 기준선 아래에 나타날 문자의 확장자입니다. 아래 예에서 빨간색으로 표시된 영역은 지정된 문자의 디센더입니다.

커닝

이것은 특정 글꼴의 문자 사이의 간격을 조정하여 시각적으로 더 만족스러운 결과를 얻을 수 있도록 하는 것을 말합니다. 예를 들어, t와 i 사이에 약간의 공간을 두어 t의 팔이 i와 병합되지 않도록 할 수 있습니다. 또한 헤드라인에 T 또는 A와 같은 대문자를 사용할 때 커닝이 정확한지 확인해야 합니다.

고아와 과부

조판 작업을 할 때 과부는 다음 페이지나 열의 시작 부분에서 한 줄로 끝나는 단락입니다. 반면에 이제 고아는 페이지 또는 열의 맨 아래에서 시작하는 단락입니다. 그들은 너무 매력적으로 보이지 않으며 일반적으로 더 많은 사본으로 채워야합니다. 그렇지 않으면 디자이너가 시도하고 수정할 수 있습니다. 단락의 마지막 줄에 들어가는 단어가 하나라도 있으면 보기 흉하게 보이도록 노력하십시오.

산세 리프

세리프의 경우처럼 문자 끝에 줄과 스텁을 사용하지 않는 글꼴 그룹입니다. 이 그룹에 속하는 인기 있는 글꼴 중 일부는 Helvetica, Arial 및 Geneva입니다. 산세리프체는 읽기가 조금 어렵습니다. 캡션 및 헤드라인과 같은 짧은 텍스트에만 사용되는 경우가 많습니다.

스크립트

이 글꼴은 필기체의 필기체를 모방합니다. 서예의 경우처럼 개인적인 느낌이 있습니다. 두 가지 유형의 스크립트 글꼴(정식 및 캐주얼) 중에서 선택할 수 있습니다. 형식적인 그룹은 그들에게 멋진 터치를 많이 가지고 있습니다. 그들은 또한 세리프에서 바깥쪽으로 나가는 곱슬과 번창이 있기 때문에 식별하기가 매우 쉽습니다. 반면에 이제 캐주얼 스크립트 글꼴은 말리는 비트가 더 적습니다. 디자인에 가정적인 느낌을 주고 싶다면 이 유형의 글꼴을 사용할 수 있습니다. 그러나 스크립트와 같은 글꼴을 선택할 때는 가독성이 떨어질 수 있으므로 주의해야 합니다.

가는 장식 선

Serif는 일반적으로 사용되는 글꼴 유형입니다. 이 경우 문자에는 위의 이미지와 같이 장식 스텁이 있으며 강조 표시된 녹색 비트를 볼 수 있습니다. Serif 글꼴에는 네 가지 주요 유형이 있습니다.

• 오래된 스타일
• 과도기
• 디돈
• 슬래브 세리프

추적

추적은 줄 또는 텍스트 블록에서 문자 사이의 간격을 늘리거나(대부분) 줄이는 것을 말합니다. 일반적으로 수평으로 적용됩니다. 같은 원리가 수직으로 적용될 때 선행이 발생합니다. 이것은 기본적으로 두 줄 사이에 동일한 간격을 유지하는 것을 말합니다. 여기서 주요 목표는 유형을 읽을 수 있고 디센더가 바로 아래 라인과 병합되지 않도록 하는 것입니다.

일반 디자인 용어

조정

정렬은 기본적으로 텍스트와 이미지를 포함하는 디자인의 요소가 서로 관련하여 정렬되는 방식을 나타냅니다. 이러한 이미지는 페이지에 맞게 정렬될 수 있을 뿐만 아니라 서로 딱 맞게 보일 수 있습니다.

종횡비

이것은 너비와 높이의 비례 관계로 발생합니다. x:y 형식으로 표시됩니다. 예를 들어 크기가 6 x 4인 이미지의 가로 세로 비율은 3:2입니다. 이것은 이미지의 크기가 아니라 비율과 모양을 결정합니다.

차이

이것은 비주얼의 두 요소가 다소 극적으로 다를 때 발생하는 디자인의 원칙입니다. 차이가 클수록 대비가 커집니다. 디자인의 대비는 보는 사람의 눈을 초점으로 안내하여 메시지를 전달하는 데 도움이 됩니다. 가독성 향상에도 도움이 됩니다. 색상, 크기, 값 또는 디자인의 다른 측면에서 대비가 적용되는 것을 볼 수 있습니다.

압축

이미지 압축은 본질적으로 이미지 품질에 부정적인 영향을 미치지 않고 그래픽 파일의 크기(바이트)가 줄어들 때 발생합니다. 파일 크기가 줄어들면 이러한 파일을 더 쉽게 이메일로 보낼 수 있으며 저장 공간도 덜 차지합니다. 그런 다음 웹 페이지에서 쉽게 다운로드할 수도 있습니다.

평면 디자인

평면 디자인은 밝고 생생한 색상과 함께 매우 단순하고 2차원적인 요소가 있는 사용자 인터페이스 디자인 스타일입니다.

균형

이것은 그래픽 및 텍스트 구성 요소가 정확하고 균일하게 배치되도록 페이지의 요소 균형과 관련이 있습니다. 이를 달성하는 3가지 주요 방법이 있습니다.

• 비대칭 – Van Gogh의 이 그림은 서로 다른 개체와 색상을 사용하여 고르게 분포되지 않은 완벽한 조각을 만드는 비대칭 디자인의 완벽한 예입니다. 그래픽에서 예를 들어 한 면에는 이미지가 있고 다른 면에는 텍스트가 있는 경우 비대칭이라고 합니다.

• 대칭 – 모든 디자인 요소가 중심선의 양쪽에서 균등하게 균형을 이룹니다.

• 방사형 – 이 유형의 디자인에서 요소는 중심점에서 방사되어 디자인의 균형을 만듭니다.

구성 및 레이아웃

디자인의 구성(일명 형태)은 다양한 디자인 요소의 배열입니다. 구성이 성공하면 보는 사람의 관심을 끌 뿐만 아니라 전체 디자인에 대한 시선을 사로잡을 것입니다. 그것은 균형, 정렬, 근접성, 여백 및 대비와 같은 다양한 요소로 구성됩니다.

규모

동일한 디자인의 다른 요소와 비교할 때 한 디자인 요소의 크기입니다.

조직

그래픽 디자인에서 질감에 대해 말할 때 만지는 감각, 구현 및 느낌을 말합니다. 이 특성은 색상, 내용, 패턴 및 일러스트레이션과 같은 디자인의 다른 요소를 향상시킵니다.

트리밍 및 블리드

자르기 크기는 수행 중인 디자인의 최종 치수를 나타냅니다. 블리드는 기본적으로 디자인이 트림 크기 이상으로 확장되는 경우입니다. 최종 디자인이 완료되면 도련 영역이 대부분 잘립니다. 도련 영역의 목적은 보기 흉하게 보일 수 있는 흰색 테두리 없이 디자인이 모든 모서리에 제대로 도달하도록 하는 것입니다.

용어를 알면 로드하는 데 도움이 될 수 있습니다.

우리는 디자이너가 아닌 사람에게 도움이 될 것이라고 알고 있는 많은 정보를 가져왔지만 디자인에 대한 학습은 여기서 끝나지 않습니다! 디자인 트렌드와 마찬가지로 디자인 용어도 변합니다. 더 많이 시도하고 최신 정보를 유지할수록 작업을 더 잘 수행할 수 있습니다. 이렇게 하면 팀 구성원이나 상사가 수행해야 할 작업을 알려주고 세부 정보가 전문 용어와 함께 제공될 때 그 의미를 정확히 알 수 있습니다.