무드보드 :: moodboard

무드보드 & 컬러

정의

    1. 사진, 텍스쳐, 패턴, 타이포, 컬러 등을 콜라주하여 하나의 보드에 자신의 생각을 표현하는것.

ivyandellestudio.com

    2. 보통 브랜드 디자인의 사전 작업

        a. 자신이 생각하는 느낌을 팀원들에게 전달하기 위함 : 브랜드 디자인의 기획서(?)

           예) 커피브랜드 : 카페 인테리어 이미지 + 부드러운 켈리그라피 + 모던한 느낌의 텍스처 + 라인일러스트 등

 

 

    3. UX/UI 프로세스에도 적용가능. (디자인 시스템 및 컬러가이드)

        a. color guide

behance - Ana-Ruxandra Nastase

        b. type guide

behance - Ana-Ruxandra Nastase

 

 

어떻게 작업하는가?

정해진 양식이나 가이드는 없음. 본인의 개성이 드러나도록 작업.  

리서치    

    1. 디자인 레퍼런스 사이트 리서치. (무드보드의 목적과 목적을 달성하기 위한 방법을 생각) 
        a. 유행하는 UI디자인
        b. 영감을 주는 사진 및 이미지

 

작업방식

    1. 계층구조 : 가장 중요한 요소가 먼저 눈에 띄어야한다. 
    2. 통일성 : 분위기에 어울리지 않는 요소는 삭제한다. 

    3. 명확성 : 자신이 생각하는 분위기를 타인에게 명확하게 시각적으로 전달하도록 구성한다.

 

컬러

    1. 기본(primary)컬러, 보조(secondary)컬러, 3차(teriary)컬러.
    2. greyscale : UI 디자인에 사용할 컬러
        a. 아주 밝은 회색 : background
        b. 밝은 회색 : border, line, stroke, divider
        c. 어두운 회색 : sub heading, body font
    3. 밝은 검은색 : main heading : 메인컬러와의 색조는 유지하는것이 좋다. 

 

 

 

비디자이너들을 위한 템플릿 무드보드

템플릿용으로 빠르게 작업할 수 있는 사이트가 있는데

아래에 확인 바란다.

 

 

칸바

canva.com

 

어도브 스파크

adobe spark