디자인 초보자를 위한 디자인 용어 사전

디자인은 모두 함께 하는 작업입니다. 여러 국가의 사람들이 모이면 공용어를 사용하듯이, 디자인 세계에도 공통적으로 쓰이는 디자인 용어가 있습니다.

왜 디자인 용어를 배워야 할까요?

먼저 디자인을 배우는 과정에서 필요합니다. 디자인을 시작하고 구성하는데 어떤 요소가 필요한지 디자인 용어를 통해 더 심도 깊게 파악할 수 있습니다.

두 번째로 실제 디자인 작업을 하는 현장에서도 중요합니다. 디자인 용어를 통해 협업자들과 더 효율적으로 소통이 가능합니다.

디자인 용어 40가지

1. 목업(Mock up)

디자인한 제품이 실제 구현되는 형태를 가리키는 디자인 용어입니다. 웹사이트는 PC나 모바일 같은 디바이스 화면에서, 제품은 실제 완성될 제품 위에 목업 작업을 합니다.

2. 아이콘(Icon)

아이콘은 웹사이트나 모바일 디자인에서 작은 이미지 또는 기호를 제작하고, 의미를 한 번에 알도록 합니다.

3. 픽토그램(Pictogram)

픽토그램은 아이콘과 비슷합니다. 화장실 표시처럼 공공시설에서 의미를 상징적으로 보여주는 그림문자입니다.

4. dpi(dots per inch)

프린트 해상도를 측정하는 단위입니다. 1인치 안에 들어가는 점의 수를 의미하는데, 점의 수가 많을 수록 입자가 작아지고 디테일한 표현이 가능합니다.

5. Bitmap (픽셀단위의 컬러체계)

검은 픽셀, 흰 픽셀 두 가지로만 표현되는 이미지. 밑그림 출력에 사용됩니다.

6. 콜라주(Collage)

컷 아웃(Cut-out), 사진, 그림 등 다양한 재료들을 조합하여 하나의 이미지를 제작하는 작업을 뜻하는 디자인 용어입니다.

7. Design Brief (디자인브리프)

디자인 대상과 주변상황, 정보, 요구사항 등을 요약하여 정리한 문서입니다

8. Flowchart (플로우 차트)

제작할 디자인에 관련된 사진이나 연속물을 보여주는 체계적인 도식을 말하는 디자인 용어입니다.

9. Format (포맷)

일러스트레이션이나 페이지 등 같은 이미지의 크기, 형태를 나타내는 디자인 용어입니다.

10. Grayscale (회색음영)

흑백사진처럼 픽셀들의 밝기정보만으로 이미지를 구현. 색상이나 채도를 띠지 않아 흑백사진과 같이 보입니다.

11. Index컬러

24bit 풀 컬러(RGB컬러)는 거의 모든색을 구현할 수 있지만 파일 크기가 너무 커진다는 단점이 있습니다. 대부분 모든 색상수를 사용하지 않기 때문에, 이미지에 사용된 색상수를 추려 파일 크기를 줄일 수 있습니다. 웹 디자인 용어에서 색상수를 추려내는 작업을 Indexing, 장치를 Index Color라 합니다.

12. 하이어라키(위계, Hierarchy)

제목을 Bold 처리하는 등, 디자인 요소를 중요도에 따라 시각적으로 배열하는 작업을 말하는 시각 디자인 용어입니다.

13. 커닝(kerning)

시각 디자인 용어에서 두 글자의 공간을 조정하는 것을 뜻하며, 시각적 균형을 위한 작업입니다.

14. 트래킹(tracking)

문장이나 문단 째로 자간을 조정하는 작업입니다

15. 리딩(leading)

줄 사이의 간격, 공식적으로는 레딩으로 읽습니다.

16. RGB

스크린 대상 컬러 시스템. 색을 혼합할수록 더 밝아집니다.

17. CMYK

사이안(Cyan), 마젠타(Magenta), 옐로우(Yellow), 키(Key)로 이루어진, 인쇄물을 위한 컬러 시스템. 색을 혼합할수록 더 어두워집니다.

18. 팬톤 Panton

팬톤의 Pantone Matching System(PMS)는 표준화된 컬러 시스템입니다. 모든 색조에 고유 넘버가 부여되고, 누구나 쉽게 특정 컬러를 활용할 수 있습니다.

19. 디자인 콘셉트(Design Concept)

디자인 초기 단계에서 테마나 개념의 구성을 만드는 것을 뜻하는 디자인 용어입니다. 디자인이 난잡해지지 않도록 뼈대를 세우는 작업이 중요합니다.

20. 톤앤매너(Tone & Manner)

디자인의 전체적인 분위기나 느낌을 의미하는 디자인 용어입니다.

21. 오브젝트(Object)

디자인 요소라는 뜻으로, 특정 이미지를 의미하기도 합니다.

22. 여백(Margin)

아무것도 없는 빈 공간입니다. 시각적 답답함을 줄이기 위해 여백이 필요합니다.

23. 일러스트레이션(illustration)

좁은 의미에선 핸드 드로잉에 의한 그림, 넓은 의미로는 회화나 사진 및 도표 등 문자 외 시각화된 모든 것을 가리킵니다.

24. 캘리그래피(Calligraphy) 

'손으로 그린 그림문자'라는 뜻으로, 손으로 써낸 개성있는 글자체입니다.

25. 타이포그래피(Typography)

정보 전달을 위해 글자와 언어를 명료하고 가독성 있게 만드는 작업입니다.

26. HEX

컬러시스템 값을 뜻하는 웹 디자인 용어입니다. RGB는 ‘RRGGBB’의 값을 나타내는 여섯 개의 문자조합으로 이루어집니다.

27. 그라디언트(gradient)

A색이 B색이나 투명으로 점진적 변화하는 형태를 가리키는 시각 디자인 용어입니다. 그라데이션이라고도 합니다.

28. 불투명도(opacity)

디자인 대상을 투명하게 하는 기능입니다. 값이 낮을 수록 특정 오브젝트 투명도가 높아집니다.

29. 로고타입(logotype)

브랜드 네임이 문자 디자인된 로고를 의미하는 시각 디자인 용어입니다. 코카콜라 등의 로고를 떠올리면 파악하기 쉽습니다.

30. 래스터(raster)

벡터와 대조되는 개념으로, 픽셀의 그리드 셋으로 이루어집니다. 크기가 커지면 이미지가 깨질 수 있습니다.

31. BI (Brand Identity)

기업이 생산하는 제품을 성격상 하나의 이미지로 통합한 것을 말합니다.

32. CI(Corporate Identity)

기업의 이념이나 목표를 통일된 이미지나 디자인, 메시지로 나타냅니다.

33. 인포그래픽(Info graphic)

텍스트나 통계 등 복잡한 정보를 가공하고 디자인하여 전달하는 표현입니다. 텍스트, 데이터, 통계 등의 복잡한 정보를 수집, 분석, 가공하여 스토리텔링과 디자인을 통해 정보를 전달하는 것을 가리키는 디자인 용어입니다.

34. 텍스쳐(Texture)

평면에 표현된 대상에서 질감이 느껴지게 하는 시각적 효과를 말합니다.

35. 톤(Ton)

색의 두드러짐 정도를 일컫는 디자인 용어입니다.

36. 패턴(Pattern)

반복을 통한 시각적 형태 표현에 쓰이는 시각 디자인 용어입니다

37. 픽셀(Pixel)

디지털 이미지를 이루는 최소한의 점을 가리키는 웹 디자인 용어입니다. 특정 이미지 픽셀 총 수를 이미지 해상도라고 합니다.

38. 행동유도성, 어포던스(Affordance)

특정 행동을 유도하게끔 만드는 것을 뜻합니다. 웹 디자인 용어 상에서는 사용자가 디자인 의도를 잘 따르는지 의미합니다.

39. 썸네일(Thumbnail)

디자인 정식 작업 시작 전, 아이디어를 간단히 표현하는 스케치를 말하는 디자인 용어입니다.

40. 세리프와 산세리프 체(Serif & Sans-serif)

글꼴에서 세리프는 획의 일부 끝이 돌출된 형태를 말합니다. 세리프가 들어간 글꼴이 세리프체, 센리프가 없는 글꼴은 산세리프체입니다. 세리프체는 자연스럽고 편안하며, 가독성이 높아 인쇄물에 자주 쓰입니다. 산세리프체는 강한 느낌이라 제목이나 간판에 적합합니다.

간단한 디자인 용어 40가지를 알아보았습니다. 디자인 용어는 시대, 기능 발전에 따라 변하기 때문에 40개가 끝이 아니라 무수히 많습니다. 일일이 외우기보다는 디자인 작업을 하며 배우는 개념들을 깊이 체득하는 자세가 더 중요합니다.