무드 보드는 무엇이고 언제 사용될까요? 만약 예비 UI 디자이너라면 무드보드 만들기를 알아두면 좋은 점 몇가지가 있습니다.
창의적인 비전을 공유하거나, 아이디어를 제시하는 것과 같이 추상적인 아이디어를 가시적으로 변환하는 것이 중요합니다. 디자이너로서 자신의 아이디어를 효과적으로 전달할 수 있는 능력은 필수적 입니다.
이럴 때 바로 무드 보드가 필요할 때입니다. 무드 보드는 생각을 정리하고, 주어진 프로젝트에 대한 명확한 창의적 방향을 정의하고, 궁극적으로 디자인이 최종 사용자들에게 원하는 감정을 불러일으킬 수 있도록 도와줄 수 있습니다.
무드 보드를 처음 접하는 분들은 이 가이드를 참고하시기 바랍니다.
무드보드란?
무드 보드는 프로젝트가 취해야 할 창의적인 방향을 잡고 공유하는 데 있어서 효과적인 시각적 도구의 역할을 합니다. 여러 조합을 통해 특정한 외형, 스타일 및 분위기를 불러일으키는 다양한 시각적 요소의 집합체를 만들 수 있습니다.
무드 보드는 일반적으로 창의적인 프로젝트의 초기 단계에서 만들어집니다. 그것들은 디자이너의 초기 아이디어와 컨셉을 나타내며, 나중에 최종 제품의 외관과 느낌을 형성합니다.
다음은 '현대적인 보호 침실' 분위기를 전달하는 인테리어 디자인 프로젝트를 위한 무드 보드의 예입니다:
무드 보드는 무엇에 사용될까요?
무드 보드는 정리되지 않은 아이디어를 하나의 일관된 비전으로 전환하는 데 사용됩니다. 추상적인 개념을 시각적이고 구체적인 것으로 전환하는 데 도움을 주어 여러분이 아이디어를 공유하고 소통할 수 있도록 해줍니다. 또한 디자인 연구와 영감을 조직하는 데 좋은 도구입니다.
디자이너는 다음 작업을 위한 분위기 보드를 만들 수 있습니다:
- 자신만의 생각과 아이디어를 정리하고 비전에 초점을 맞춥니다.
- 특정 프로젝트에 대한 연구를 문서화합니다.
- 고객 또는 다른 주요 관계자와 창의적인 비전을 공유하여 피드백을 수집하고 와이어프레임 및 프로토타입으로 진행하기 전에 모든 사람이 일치하는지 확인할 수 있습니다.
- 디자인 프로젝트 전반에 걸쳐 시각적 참조 지점으로 사용하여 작업 중인 비전을 지속적으로 상기시킵니다.
- 디지털 디자이너만이 무드 보드를 사용하는 것은 아닙니다. 무드 보드는 인테리어 디자인, 파티나 결혼식 계획, 개인적인 목표와 포부를 시각화하는 것 등 거의 모든 종류의 프로젝트에 사용될 수 있습니다.
맥락에 관계없이 무드 보드를 사용하여 최종 결과가 어떻게 보이고 느껴져야 하는지를 묘사하는 명확한 창의적 비전을 제시합니다.
실체적 무드 보드 vs 디지털 무드 보드, 어떤 것이 가장 좋을까요?
실체적 무드 보드는 물리적 보드 위에 다양한 요소들을 배열하여 만듭니다. 잡지 속지와 같은 질감이 있는 직물에서부터 사진과 색상 견본에 이르기까지 모든 것을 포함할 수 있습니다.
디지털 무드 보드는 컴퓨터 소프트웨어를 사용하여 만들어집니다. 이미지, 비디오, GIF, 애니메이션, 컬러 팔레트 및 글꼴을 포함하여 거의 모든 종류의 디지털 미디어를 통합할 수 있습니다.
무드 보드의 형식은 프로젝트의 특성에 따라 달라집니다. 실체적 무드 보드는 인테리어 디자인 프로젝트(다양한 질감과 직물을 전달할 수 있도록 해주기 때문에)에 적합하지만 디지털 무드 보드는 일반적으로 UX 및 UI 디자인 프로젝트에 가장 적합합니다. 웹 사이트 및 앱의 무드 보드를 사용할 때 비전을 주로 디지털 자산에 기반하고 디지털 무드 보드를 사용하면 훨씬 쉬워집니다.
하지만, 기분에 대한 영감을 모으는 것에 있어서 이것이 영감을 가두게 하지 마세요. 사진이나 비디오를 찍고 그것들을 디지털 보드에 업로드함으로써 실체적인 세계로부터의 영감을 쉽게 통합할 수 있습니다. 디지털 무드 보드의 또 다른 큰 장점은 공유와 협업에 더 적합하다는 것입니다. 비대면으로 작업을 요할 때 특히 장점이 됩니다.
분위기 보드에 포함할 내용
UX/UI 디자인 프로젝트를 위한 무드 보드를 만들고 있다면 비전을 전달하는 데 도움이 되는 디지털 자산이 됩니다. 디지털 무드 보드의 몇 가지 일반적인 요소는 다음과 같습니다:
- 사진(물리적 인공물의 사진을 포함할 수 있음)
- 일러스트레이션
- 재고 이미지
- GIF 및 애니메이션
- 비디오
- 소리
- 아이콘
- 타이포그래피
- 컬러 팔레트
무드 보드 만드는 방법 : 단계별
사용자 연구를 수행하고, 사용자 페르소나를 정의하고, 최종 제품이 해결해야 하는 사용자 문제에 대한 좋은 아이디어를 얻은 후에는 무드 보드 만들기를 시작할 수 있습니다.
다음 디자인 프로젝트를 위한 무드 보드를 만들 준비가 되셨나요? 다음 5단계를 따르세요
1. 무드보드의 분위기를 정의하세요
단서는 이름에 있습니다. 무드 보드를 보면 특정 분위기가 연상되어야 합니다. 따라서 첫 번째 단계는 무드 보드가 어떤 종류의 기분과 감정을 불러일으켜야 하는지를 정확히 정의하는 것입니다.
가능한 한 다양한 감정/기분 관련 설명을 브레인스토밍한 다음 다시 살펴보고 무드 보드가 취해야 할 방향을 가장 잘 전달하는 세 가지를 선택하십시오.
여기 몇 가지 예가 있어요.
- 데이트 앱을 디자인할 때 최종 사용자가 흥미와 호기심, 낙관적인 느낌을 갖기를 원할 수 있습니다.
- 명상 앱을 디자인할 때 최종 사용자가 차분하고 편안함을 느끼기를 원할 수 있습니다.
- e-러닝 플랫폼을 설계할 때 최종 사용자가 자신감, 용기, 열정을 느끼기를 원할 수 있습니다.
2. 무드보드 스타일 정의
무드 보드의 분위기를 만들었다면 이제 이러한 분위기를 불러일으키는 데 도움이 되는 스타일과 톤을 정의하고 싶습니다.
스스로에게 물어보세요. 내 무드 보드가 사람이라면 그 사람은 어떻게 옷을 입을까요? 성격은 어떤가요?
스타일을 설명하는 몇 가지 단어는 다음과 같습니다.
- 단순한
- 우아한
- 현대의
- 화려한
- 미니멀리즘
톤을 설명하는 몇 가지 단어는 다음과 같습니다.
- 놀기 좋아하는
- 나가는
- 건방진
- 권위 있는
- 독단적
3. 무드 보드에 추가할 요소와 자산을 선택하세요.
기분, 스타일, 어조가 정의한 창의적인 비전을 구체화 시킨 후 무드 보드에 추가할 요소를 신중하게 선택하는 것입니다.
다양한 자산을 많이 수집했다면 먼저 카테고리별로 그룹화하는 것이 도움이 될 수 있습니다. 예를 들어 색상 영감에 대한 카테고리, 이미지에 대한 카테고리, 타이포그래피에 대한 카테고리 등을 가질 수 있습니다. 여기에서 각 카테고리에서 원하는 분위기와 스타일을 가장 잘 나타내는 몇 가지 요소를 선택할 수 있습니다.
무드보드가 완벽하게 균일할 필요는 없지만 선택한 모든 개별 요소가 조화롭게 함께 작동하여 올바른 분위기를 정확하게 전달해야 합니다.
4. 무드 보드 만들기
비전을 가장 잘 전달하는 요소와 자산을 선택하였다면, 이제 비전을 실현하고 실제로 무드 보드를 만들 차례입니다.
디지털 무드 보드를 만드는 경우 무드 보드 템플릿을 선택하거나 빈 캔버스로 시작하세요.
선택한 무드 보드 요소를 각각 업로드/추가하고 진행하면서 다양한 레이아웃과 구성을 실험해 보세요. 무드 보드를 만들 때 시각적 계층 구조의 규칙을 따르고 크기와 위치를 사용하여 특정 요소를 강조하거나 중요성을 전달하세요. 필요한 경우 개별 요소에 대한 간단한 설명을 제공하는 텍스트를 포함할 수도 있습니다.
5. 무드보드를 공유하고 피드백을 정리하세요.
무드 보드를 협업 관계자와 공유하기 전에 앞서 프로젝트에 직접적으로 관련되지 않은 사람들을 대상으로 일련의 사용자 테스트를 수행할 수 있습니다. 예를 들어, 다른 부서의 친구나 동료와 무드 보드를 공유하고 무드 보드가 어떤 느낌을 주는지 설명하도록 요청할 수 있습니다. 이를 통해 무드 보드에 올바른 톤앤 매너가 정확하게 드러나 있는 지에 대한 좋은 통찰력을 얻을 수 있습니다.