사수曰 '디자인 정리해놔' / 예? 다 했는데 뭘 더..., 디자인 정리법

제가 고민이 많던 신입 디자이너 시절, 기억에 남는 일이 있습니다.

당시에 주어진 디자인 업무를 완료하고, 사수에게 피드백을 요청했던 기억입니다. 그런데 사수는 제가 완성한 디자인을 보고, 저를 자리로 불렀습니다. 그리고 "디자인을 정리해놔, 그리고 피드백 다시 요청해"라고 말씀하셨습니다.

저는 이 상황에서 혼란스러웠습니다. 왜냐면 저는 이미 디자인을 다 완료했다고 생각했기 때문입니다. 
그래서 무엇을 어떻게 정리해야 하는지 몰라서 물어보고 싶었습니다. 하지만 그 사수의 포스에 눌린 저는 말을 할 수 없었고, 더욱 혼란스러워졌습니다.

시간이 지난 후, 디자인팀 팀장이 되어보니.

지금은 그때 무슨 말을 하시려고 했는지 알게 되었습니다. 그리고 오늘은 이런 고민을 하는 디자이너들을 위해, 사수가 말하는 "디자인을 정리해놔"는 뜻에 대해 알려드리겠습니다.

디자인 정리해놔
- 사수 -

 

목차

1. 시각 보정
2. 구성요소 정리
3. 레이아웃 정리
4. 타이포그래피 정리
5. 컬러 정리
6. 이미지 정리
7. 파일 구조 정리
8. 검수
9. 마치며

 

 

시각 보정

디자인을 정리하는 것은 주어진 디자인 파일을 시각적으로 보정하여, 깔끔하고 구조화된 형태로 만드는 것을 말합니다. 이는 다른 디자이너나 개발자가 작업을 진행할 때, 작업의 정확성과 효율성을 높일 수 있는 중요한 작업입니다. 시각적 보정은 디자인의 각 요소들이 조화롭게 작동하도록 배치하고, 일관성 있는 디자인 언어를 사용하도록 조정함으로써, 디자인의 전반적인 품질을 향상시키는 데 중요한 역할을 합니다. 따라서, 디자인을 정리하는 것은 프로페셔널한 디자이너로 성장하기 위해서도 필요한 작업입니다.

 

 

구성 요소 정리

디자인에 사용된 구성 요소(컴포넌트, 그래픽, 아이콘 등)를 정리하고, 중복된 요소를 제거하여 작업의 일관성을 유지합니다.

 

1. 컴포넌트
   작업에 사용된 컴포넌트를 정리하고, 중복되거나 필요없는 요소를 제거합니다. 작업에 적합한 새로운 컴포넌트를 만들거나, 기존의 컴포넌트를 수정하여 디자인의 일관성을 유지합니다.
   
   
2. 그래픽/아이콘
   디자인에서 사용된 그래픽이나 아이콘을 정리하고, 일관성 있는 디자인으로 수정합니다.

 

 

레이아웃 정리

디자인의 레이아웃을 다듬고, 일관성 있게 맞춰서 디자인을 더 깔끔하게 만듭니다.

 

1. 그리드
   작업에서 사용한 그리드를 조정하거나, 새로운 그리드를 만들어서 디자인을 깔끔하게 정렬합니다.
   
   
2. 간격
   요소들 사이의 간격을 조정하여 디자인의 균형을 맞춥니다.
   
   
3. 정렬
   요소들의 위치를 조정하여 디자인의 일관성을 유지합니다.

 

 

타이포그래피 정리

폰트, 크기, 간격 등의 타이포그래피를 일관성 있게 맞춰서 디자인의 가독성을 높입니다.

 

1. 폰트
   사용된 폰트를 조정하거나, 일관성 있는 폰트를 사용하여 디자인의 가독성을 높입니다.
2. 크기
   폰트 크기를 일관성 있게 맞춰서 디자인을 더 깔끔하게 만듭니다.
   
   
3. 간격
   행간, 글자 간격 등의 간격을 일관성 있게 맞춰서 디자인의 가독성을 높입니다.

 

 

컬러 정리

사용된 컬러 팔레트를 정리하고, 일관성 있는 컬러를 사용하여 디자인을 더 깔끔하게 만듭니다.

 

1. 팔레트
   사용된 컬러 팔레트를 정리하고, 스타일 가이드에 있는 일관성 있는 색상을 사용하여 디자인을 더 깔끔하게 만듭니다.
   
   
2. 명도/채도
   적절한 명도와 채도를 조정하여 디자인의 대비를 높입니다.

 

 

이미지 정리

사용된 이미지를 정리하고, 크기와 해상도를 조정하여 디자인의 일관성과 선명도를 유지합니다.

 

1. 크기/해상도
   작업에 사용된 이미지의 크기와 해상도를 조정하여 디자인의 일관성과 선명도를 유지합니다.
   
   
2. 포맷
   이미지 포맷을 정리하여 파일 크기를 줄이고, 불필요한 포맷을 제거하여 디자인 파일을 깔끔하게 정리합니다.

 

 

파일 구조 정리

작업에 사용된 파일 구조를 정리하고, 파일 이름을 명확하게 표기하여 협업이 원활하게 이루어지도록 합니다.

 

1. 파일 이름
   작업에 사용된 파일 이름을 명확하게 표기하여, 협업이 원활하게 이루어지도록 합니다.
   
   
2. 파일 구조
   파일 구조를 체계적으로 정리하여, 디자인 파일을 쉽게 찾을 수 있도록 합니다. 작업에 필요한 폴더와 파일을 만들어서, 작업에 대한 문서화를 철저하게 합니다.
   
   
3. 파일 형식
   디자인 작업에 사용된 파일 형식을 통일하여, 협업이 원활하게 이루어지도록 합니다.

 

 

검수

1. 검수 요청
   디자인 작업이 완료되면, 사수에게 검수 요청을 보내고, 피드백을 받아 수정 작업을 수행합니다.
   
   
2. 수정 작업
   검수를 통해 발견된 문제점을 해결하기 위해, 수정 작업을 수행합니다. 필요한 경우 검수를 다시 요청하여, 디자인의 완성도를 높입니다.

 

 

마치며

'디자인을 정리하라'는 말은 명확하지 않기 때문에, 다양하게 해석할 수 있습니다. 그러나 보통 디자인을 정리한다는 것은 구성요소, 레이아웃, 타이포그래피, 컬러, 이미지, 파일구조, 검수 정리 등을 말하게 되더군요. 제가 말한 디자인 정리에 대한 항목들을 참고하여, 여러분의 디자인을 어떻게 더 깔끔하게 만들 수 있는지 고민해보세요. 이러한 작업들을 수행하여, 디자인을 정리하면 좀 더 일관성 있고, 깔끔한 디자인을 얻을 수 있습니다. 이를 통해, 협업이 원활하게 이루어지고, 디자인의 효과를 극대화할 수 있습니다. 

 

만약 사수나 팀장에게 '정리하라'는 피드백을 들었다면, 그 사수에겐 배울 게 많다는 뜻일 수도 있습니다. 제가 그랬듯이요. 첫 회사의 첫 파트장님과 사수님께 정말 많은 디자인을 배웠습니다. 디자인을 정리하는 것은 디자인 파일을 시각적으로 보정하여, 깔끔하고 구조화된 형태로 만드는 것을 말합니다. 이는 다른 디자이너나 개발자가 이어서 작업을 진행할 때, 작업의 정확성과 효율성을 높일 수 있는 중요한 작업입니다. 또한, 이는 디자이너가 프로페셔널한 태도를 가지고 작업을 수행하고, 클라이언트와의 신뢰 관계를 유지하기 위해서도 필요한 작업입니다. 그 사수에게 많이 배워보세요. 여러분의 디자인 실력을 향상시키고, 나아가 디자이너로서 장수할 수 있는 토대롤 만들어 줄 은인일 수 있습니다.