이번 글은 예전에 썼던https://brunch.co.kr/@roysday/82글의 스핀오프격의 글이랍니다. 예전 글에선 좀 더 플롯구성과 철학적인 메시지 정리에 초점을 맞추었다면...오늘은 그것에 필요한 기본적인 준비물에 대해 말해보려고 해요.어제 매운갈비찜을 만들었는데, 매실액을 넣으라는 거예요. 하지만 매실액이 있는 자취방이 얼마나 되겠습니까. 매실액대신 사과식초로 대신해 보았어요. 그럴싸하더라구요. 당근을 넣으라는데 당근은 공포의 재료이니 넣지 않았습니다. 빨갛고 흙묻는 당근의 자태는 누가봐도 땅에서 튀어나온 피에 굶주린 언데드같은 모습이니까요..(지극히 주관적)으아아아아 무서워!!!이렇듯 요리를 하다보면 없는 재료를 빼거나 대체하는 경우가 종종 있답니다. 하지만, 매운갈비찜을 만드는데 돼지갈비가 없다면.... 굉장히 혼란스러운 음식이 되고말죠. 매운갈비상상찜같은..이름이 되어야 적당할 듯 해요.회사소개서. 도 마찬가지에요. 이름이 회사소개서니까 회사를 소개할 수 있어야 해요. 지금까지 족히 100여개 이상의 프로젝트를 했던 것 같아요. 많은 것을 느끼고 배웠지만, 재료가 없어서 당혹스럽거나 아쉬운 순간들도 있었죠. 그래서 기본적으로 뭔갈 제작하고 싶으면. (그게 꼭 회사소개서가 아니더라도 눈으로 보이는 어떤 것이라도) 이 정도의 재료는 갖추면 좋을 것 같다..싶은 걸 말해보려고 해요.1. 메인재료 : 회사놀라운 일이지만 아직 회사가 없는 회사소개서를 만들어달라는 경우가 있었어요. 그러니까 이 말인즉슨 내 머릿속의 아이디어를 종이에 담아주세요 하는건데 그건 과학상상화 그리기 대회같은거에요. 일단 회사가 있고 뭔갈 만들고 눈으로 보이고 소비자와 오고가는 무언가가 있어야 만들 수 있어요. 회사가 없을땐, 회사소개서라기 보단 사업계획서 내지는 자기소개서 등등이라고 말하는 게 좋을 듯 해요.2. 프로필사진팀원과 본인(대표)의 얼굴을 보여주는 데 지하철 화장실에서 찍은 셀카는 좀 아닌 것 같아요. 또는 이마에 그늘져서 수배전단지 같은 사진도 많았어요. 강사프로필 수준의 프로필사진을 찍으라는 것은 아니지만, 다음의 조건은 좀 충족했으면 좋겠어요.1) 일단 해상도는 가로세로 1,000px 이상은 되었으면 해요. 인쇄를 할지도 모를 일이니까요.2) 배경색을 통일해주세요.3) 전체 톤도 통일해주세요. 기왕이면 정면샷 내지는 45도 샷이면 좋을 것 같아요4) 얼굴들에 자신이 없으면 캐릭터로라도 만들어주세요.사실 이건 당신이 할 수 없으니 날잡고 포토그래퍼 한 분을 모셔요. 손잡고 사진관에 가든가. 아님 돈주고 여기가서 찍어오라고 하세요. 요즘 사진 찍는거 얼마 안해요. 그것도 아까우면 SRL렌트 같은 곳에서 카메라빌리세요. 똑딱이 빌려도 돼요. 50mm 렌즈 안써도 돼요. 쓰면 예쁘겠지만, 소개서 페이지에 도배를 할 게 아니면 티도 안나요. 렌트비도 아까우면 근처 아무 핸드폰으로라도 찍어요. 요즘은 인물사진 모드가 미쳤기 때문에 극심한 수전증이 아니라면 흔들리지 않고 잘 나올 수 있어요. 아마 주변 사람 중 한 명 정도는 적어도 조명을 어떻게 비춰야 하는지 알고 있을거에요. 배경 하얀 곳에서 찍도록 해요. 역광주지 말고.3. 프로필 정리사진이 정리되었으면 이력도 좀 정리해주세요. 사업에 꼭 필요하지 않은 이력은 빼고, 필요한 성과만 넣어주세요. 이건 사업연혁도 마찬가지에요. 도대체 서울창업허브 입주가..왜 2017년에 가장 큰 이슈가 되어야 하는지 모르겠어요. 정히 할 말이 없으면 빼도 돼요. 사람들의 이력도 직무에 맞는 주요이력만 넣어주세요. 사실 어느 학교 나왔는지 1도 안궁금해요. 학연빨로 뭐 할 거 아니잖아요. 4. 헤드플로우 맞추기회사소개서를 PPT로 만들든 포토샵으로 만들든 툴에 상관없이 소개서에는 페이지라는 게 있어요. 각 페이지에는 넘버가 있고, 제목이 있죠. 이를테면 다음과 같은거에요.1)회사소개2)사업목적3)사업개요4)시장현황...글을 쓸 때도 개요가 있듯이 회사소개서에도 개요가 있어요. 보통은 저런 제목들이 각 페이지의 개요를 나타내거든요. 근데 가끔 이런 흐름이 정리가 안되면 했던 말 또하고 중요한 말 빼먹고 순서도 엉망이고.. 약간 취중진담같은 느낌이 들어서 매력적일수도 있겠지만 대부분은 헛소리같아요. 듣는 사람이 좀 지겨워지죠. 제목구성의 정해진 틀은 없어요. 원하는 대로 쓰면 되지만, 논리적은 흐름은 지켜줘야 해요. 여기서 가장 중요한 건'앞에서 뿌려놓은 떡밥을 뒤에서 해결해줘야 한다.'라는 것이죠. 시장의 문제점 3가지를 말했으면, 해결책도 3가지를 말해줘야 해요. 사업목적이 A였으면 결과물과 제품도 A를 달성하기 위한 것이어야 해요. 갑자기 딴소리를 해선 안돼요. 자료들도 마찬가지에요. 내가 지금 주차문제를 해결하기 위한 주차장공유앱을 만들고자 한다면, 문제에 관련된 자료를 모아야 해요. 갑자기 주차장별 외제차 비율 같은 도표를 가져와선 안돼요.5. 로고놀랍게도 로고가 없이 그냥 배민도현체로 쓰여진 회사이름들이 상당히 많았어요. 사실 로고가 반드시 필요한 것은 아니에요. 요리로 따지면 양파정도의 비중에 해당하죠. 없으면 상당히 닝닝하고 빈 맛이 나지만.. 못먹을 맛은 아닌? 그런 느낌이에요. 하지만 폰트로만 된 로고라도 제대로 좀 갖춰진 녀석이 하나 정도는 있었으면 해요.5. 메인컬러셋컬러 공격컬러에 집착을 보이시는 분들이 있어요. 뭐든 과유불급이에요. 컬러는 2,3개만으로도 충분해요. 핀터레스트에 예쁜 회사소개서 봐봐요. 무지개떡같은 소개서가 있어요? 없어요. 죄다 흑백이거나 키컬러 하나만 있어요. 김밥천국 간판보면서 오메 예쁘다...라며 박수친적 있어요? 없어요. 색은 많을 수록 복잡해지고 이해하기 어려워져요. 물론 그럼에도 잘 구성된 미친 조합의 색구성이라면 굉장한 효과를 주겠지만, 그 정도의 디자인스킬이라면 이미 이런 글을 보지 않을거에요.컬러는 2개만 쓰세요. 메인컬러, 서브컬러 하나씩만 골라서 쓰시도록 해요. 도무지 나는 컬러의 젬병이라서 뭐가 예쁜지 모르겠다 싶으면 스킴컬러가서 예쁜 걸로 골라보세요. 솔직히 컬러에 무슨 의미를 담는다고 하는데.. 그건 디자이너가 할 일이고, 대표님이 그런 것까지 고민하실 필욘 없어요. 그리고 대부분 소개서를 만드는 기업이라면 디자이너가 딱히 없는 작고 귀여운 상태가 많으니까요. 컬러 고민할 시간에 빨리 영업전략부터 짜세요.6. 워딩 통일어떤 페이지에선 '회사소개' 라고 했다가 어떤 페이지에선 '기업연혁' 이라고 하면 좀 우왕좌왕하는 느낌이 있어요. 워딩은 다 통일해주셔야 해요. 소비자면 소비자, 고객이면 고객. 플랫폼인지, 클라우드인지, 허브인지, 셰어링서비스인지 등등을 헷갈리면 안돼요. 하나로 정했으면 정확하게 그 단어로만 쭉 가는거에요. 진심 이거 좀 심해요. 단어가 너무 왔다갔다해서, 이 단어가 앞 장에서 말한 그게 맞는지 자꾸 헷갈리더라구요.원인은 단순해요. 뭔가 본인도 결정을 못내리고 어려운 거에요. 근데 허접때기 회사로 보이고 싶진 않으니, 그럴싸한 단어로 포장을 하려는 건데... 이를테면 그냥 1000원샵 = 온디맨드 코스트컷 굿즈 플랫폼김밥천국 = 통합메뉴 푸드코트형 퀴진로드샵뭐 이런 식이 되버리는 느낌이랄까요.. 그냥 심플하게 가시는 게 좋을 것 같아요. 특히 콘텐츠나 서비스 회사가 이런 말장난이 심한데... 사실 이건 단일서비스로 수익이 안나기 때문에 이것저것 하고 있어서 그런 경우가 많더라구요. 맥락이 달라보이는 이것저것을 한 단어로 통합하려니 굉장히 추상적인 단어가 되버리는 거죠. 다른 거 하고있어도 괜찮아요. 메인 하나만 잡아서 아이덴티티를 날카롭게 만들어주세요.7. 종결어미 통일- 명사형으로 마무리를 지을지- 다나까로 마무리를 지을지- 요죠체로 마무리를 지을지- 마침표는 모두 쓸 건지, 모두 안 쓸 건지중요해요. 말투는 소비자와 당신의 관계를 규정해요. 특히 우리나라에선 그게 더욱 중요해요. 우리나라는 둘만 모여도 관계를 빠르게 규정하려고 해요. 그래서 호칭과 존대어가 발달되어 있잖아요. 선배, 전문가, 친구, 옆집이모, 선생님 등... 둘 사이를 특정한 관계로 규정하는 것은 브랜드컨셉의 전반적인 톤을 결정하는 데에 중요한 작업이에요.8. 데이터 출처맥락에 맞는 데이터를 뽑는 게 중요해요. 덧붙여 그 데이터가 어디에서 나왔는지 출처를 달아놓는 건 더 중요해요. 나중에 소개서 만들다보면 가끔 출처없는 데이터가 너무 많아요. 물어보면 자기도 모르신대요... 구글 이미지 검색을 해서 찾기도 힘들어요. 검색어를 물어봐서 일일이 다시 내려서 찾아봐야 해요. 그건 너무 노가다에요. 그리고 심지어 찾았는데 알 수 없는 (또는 너무 편향적인) 사단법인이나, 오묘한 단체에서 나온 50명 대상 설문조사라던가.. 이래선 안돼요. 9. 페이지셋 통일페이지셋은 교통신호같은 거에요. 빨간불이면 멈춰라, 초록불이면 가라, 공사장 표지에선 천천히 가라 등등을 규정하는 것이죠. 소개서에서도 비슷한게 있어요.이 영역은 제목이에요, 이 영역은 그림이 들어가요, 이 영역은 텍스트에요. 이 크기는 대제목이에요, 이 크기는 소제목이에요..등등 일종의 템플릿이 잡혀야 해요. 사실 다양하고 예쁜 레이아웃으로 역동적인 회사소개서를 만들 수도 있어요. 하지만 그것도 기본 베이스가 있어야 변형이 가능한 거에요. 일단 얌전하고 포멀한 템플릿을 규정하는 것이 중요해요.제목위치, 페이지제목 모양, 메인색, 강조색, 이미지위치, 상하좌우 여백, 대제목, 소제목, 본문 폰트사이즈 등등은 마스터페이지나 템플릿화 시켜서 정해놓도록 하세요. 이거 오래 안걸려요. 큰 디자인적 인사이트가 없더라도 대략 일단 만들어는 놓으세요. 그냥 백지에서 시작하는 것보단 훨씬 빠르고 효율적이에요.10. 보일러 플레이트회사소개 문구. 3~4줄 짜리를 의미해요. 전체적인 사업내용을 짧고 날카롭게 정리해놓은 단락이죠. 한 줄짜리 슬로건만 만들지 말고, 보일러플레이트도 만들어놓아야 해요. 사실 전체 소개서를 관통하기에 한 줄 짜리 슬로건은 너무 추상적이에요. 그리고 코에 걸어 코걸이, 귀에 걸어 귀걸이와 같은 말장난이 될 수도 있어요. 3,4줄짜리 소개문구는 좋은 말 일색으로 치장하는 게 아니에요.'애프토모멘트는 기업의 업무효율화와 가벼운 브랜드 포인트를 만듭니다. 내부공유되는 브랜드관련 자료들을 통일, 불필요한 것들을 제거합니다. 또한 대외적으로 보여지는 브랜드 포인트를 일원화시키고 하나의 키워드로 압축해 이를 시각화시킵니다. 이를 통해 좀 더 빠르고 낮은 비용으로의 운영개선과 소비자가 이해하기 쉬운 콘텐츠를 생산합니다.'등등.. 너무 구체적인 수치가 들어갈 필요는 없지만 하는 일과 서비스에 대한 명확한 방향성정도는 제시해줘야 해요. 그래야 전체 소개서가 어떤 카테고리로 쪼개져야 하는 지를 판단할 수 있죠.아래는 매실액 같은 요소들.(있으면 좋고, 없어도 크게 문제는 되지 않으나)+a. 행사사진 예쁜거= 행사사진은 걸어다니면서 찍지 마세요. 다 흔들려서 쓸 수 있는게 없어.흔들흔들+a. 키비쥬얼= 물론 이건 제가 만들어야 하는 거에요. 하지만 로고에 쓸 돈을 좀 아껴서 키비쥬얼을 하나 만드시는 것도 좋을 것 같아요. 소개서 전체를 이끄는 큰 이미지가 있다면 시각적인 일관성을 만들어내기가 용이하거든요.pinthemall.net 출처+a. 서비스/제품Mock-up 이미지= 아직 서비스가 프로토타이핑 단계라던가, 출시 전의 제품이라면 Mock-Up 이미지 제작을 고려해보세요. 실제품이 나오진 않았지만, 이렇게 나올 것이다~ 라는 걸 보여주는 건 중요한 작업이거든요. 최악의 경우가 자신과 유사한 타업체의 제품 사진을 가져다 박는 것인데, 그것이 얼마나 치명적인지 몰라요. 제3자 입장에선 그런 걸 보면 눈 앞이 깜깜해지더라구요...https://originalmockups.com/mockups/perspective-app-screens-mockup-01-698770마지막으로 드리고 싶은 말씀은 이런거에요.회사소개서는 '그냥 만들어놓고 가지고 있는' 게 아니에요. 모든 브랜드 관련 제작물에는 고유한 역할과 포지션이 있어요. 그냥 만들어지는 건 없어요. 모호한 목적성을 지니고 만드는 건 먹을 사람도 없이 만드는 음식과 같아요. 회사소개서는 '소개'를 목적으로 하고 있는데, 소개라는 건 내가 있고 상대방이 있는 거잖아요. 상대방이 누구인가를 생각해봐야 해요. 그리고 언제 어떻게 전달할 것인지도요. 마지막으로는 그걸 주고 무엇을 얻을 것인지에 대해서요.진짜 싫은 미팅 중 하나가, 그냥 얘기나 하자고 만나는.... 그런 식의 미팅이거든요. 아젠다도 없는 그냥 피상적인 소개와 덕담주고받기 식의 미팅만큼 시간이 아까운 건 없어요. 서로 명확한 니즈와 제안을 가지고 만나야 시간과 비용을 절약할 수 있어요. 소개서는 더더욱 그래요. 사업자끼리야 서로 만나서 술 한잔 하다가 형님동생하면서 연결, 소개, 우연찮은 기회를 서로 잡을 수 있다는 일말의 기대라도 있지만... 소개서는 생판 나를 모르던 사람에게 나를 소개하는 과정이에요. 통성명하자고 보내는 것이 아니니 그들의 '답변'을 고려해야해요. 구매를 하라는 건지, 협업을 하자는 건지, 다운을 받으란건지... 상대방의 정확한 액션을 생각해야 소개서가 하나의 소실점을 지닐 수 있어요.그게 없는 상태라면 소개서 제작은 쓸데없는 시간낭비로 끝날 수도 있어요. 만들어도 별 쓸모도 없고..하지만 위 재료들은 굳이 소개서가 아니더라도, 가지고 있으면 언젠간 쓸 일이 있는 것들이니 만약 비쥬얼적으로 뭔갈 정리하고 싶다..라고 한다면 하나하나 폴더를 만들어서 관리해보시면 추후에 편할 일이 많을 거에요. :)바이바이.

오늘의 얘기는 다소 불편한 얘깁니다.비판적이고 불편한데다 불만가득한 말투가 다수 있습니다. 그리고 지엽적이고 개인적인 의견이니, 혹시라도 기획/마케팅/브랜딩이 너무도 멋있고 환상적이어서 우리오빠 욕하는 건 절대 못들어줄 마브기(마케팅,브랜딩,기획) 팬덤이시라면 뒤로가기를 눌러주시면 감사하겠습니다.어쩌다보니 기획자와 마케터와 브랜딩하는 사람(이건 뭐라고 해야할 지 모르겠다. BM이라고 해야하나..?)들이 주변에 많더라구요. 또는 그것을 꿈꾸는 취준생, 대학생, 신입사원, 이직희망자가 우글우글 합니다. 그들의 말을 들어보면 '마케팅해요.' 라는 말만 들어도 막 그 사람의 조언을 들어야 할 것 같고 너무 멋지다는 겁니다. 또는 나는 디지털마케팅학과를 나왔으니 벌써 마케터라고 하더라구요. 그 사례와 이유를 접어두고서라도 확실히 마케팅, 브랜딩, 기획은 그 단어자체가 주는 강렬함이 있긴 한가봅니다. 잘 모르겠고 어렵고 광범위하고 추상적인 단어들이죠. '기획,마케팅,브랜딩' 이란 단어는 잘못이 없습니다. 애시당초 그렇게 태어난 단어고 마케팅이 마케팅이지 더 뭘 설명해야 할까요. 그런데 가만보니 정확하게 정의되지 않는 단어들에는 항상 거품과 허풍이 끼기 마련입니다. 사짜들이 판치거나 갈등을 조장하는 말장난이 되기도 하죠. 그 중 오늘 제가 말하고자 하는 부분은 3가지 부류의 사람들입니다. 1. 입만 졸라 살아있는 부류2. 내 경험이 짱인 부류3. 뭐만 하면 강의만 나가려는 부류이런 분들은 주로 사내의 상급자이거나, 또는 컨설팅하러 오신 외부인력이거나 그냥 강사거나, 자문위원이거나 꼰대투자자거나 무슨 대표님 내지는 레퍼런스 좋은 지나가던 사람일수도 있겠네요. 우선 기획과 마케팅과 브랜딩이 어떤 건지 크게 정리해보고 위 부류의 사람에 대한 얘기를 해보겠습니다.기획자그 전에 기획/마케팅/브랜딩이 뭔지 일단 간략하게 제 의견을 얘기해보자면 이렇습니다. 기획은 논리를 구축하는 겁니다. 문제발견과 해결, 과정 등등 뭐 여러가지 정의가 있지만 어쨌든 궁극적으론 눈에 보이지도 않고 손에 잡히지도 않는 미래의 불확실한 어떤 것에 논리를 부여하는 역할을 합니다. 텍스트든 그림이든 피피티든 바디랭귀지든 외계어든..어떠한 수단을 써서 모두가 이해하고 인식할 수 있는 논리구조와 그림을 그려냅니다. 마케터마케터는 설계의 역할입니다. 고객이 우리에게 다가오고 나가고 다시 돌아오고 친구를 데려오고 구매하고 환불하고 불평하고 해결하고 가입하고 탈퇴하는...모오오오든 행동이 원활하게 이루어질 수 있도록 그 길을 설계하고 확장하는 역할을 합니다. 일회성 폭탄설치 전문가가 아닙니다. 한 번 빵 퍼뜨리고 뒤에 숨어서 나 이거 잘했지?!?! 라고 평생 울궈먹는 그런 게 마케팅이 아니라, 앞으로도 꾸준히 당신이 없어도 굴러갈 수 있게 만드는 겁니다. 브랜딩브랜딩은 사실 모르겠습니다. 전 브랜딩 전문가도 아니고 그런게 있는 지도 모르겠고 있어도 하고싶지도 않습니다. 브랜딩은 필연적이고 자연스럽게 발생하는 패시브성향의 리소스입니다. 우리가 하는 행동과 말과 보여지는 것, 회사내부의 문화 등..내외의 수많은 요소들이 만들어내는 정체성 그 자체입니다. 굳이 따지자면 '가이드' 의 역할같긴 합니다. 요소가 많다는 것은 각각의 것들이 다양한 방향성을 지닌다는 얘기인데 당연히 난장판이 될 위험이 높습니다. 때문에 일정한 톤과 규칙을 설정하여 일괄적인 스토리와 가이드를 제시하고 지키는 일종의 '내규'와 같습니다. 정답이 아니겠죠 당연히. 단순히 제 생각일 뿐입니다. 하지만 그 정의가 어쨌든 간에 기획자, 마케터, 브랜딩하는 사람에게 필요한 것이 무엇인지는 정확히 알고 있습니다. 그들에게 필요한 건 비용, 시간, 일머리입니다. 통찰력, 논리력, 소통능력 뭐 지겹게 얘기하긴 하는데... 그건 역으로 말하면 해당 기획과 마케팅전략과 브랜드전략의 실패가 니들이 멍청해서 그런거야. 라고 책임전가하는 느낌 아닌가요? 회의실에서 전략이 멋드러지게 나오는 건 사실 첫 단추에 불과합니다. 그런 전략으로 일이 다 될 것 같았으면 똑똑한 양반들만 모여있다는 국회에서 그런 법안들이 나오지 않겠죠. 실제 일을 하는 사람들은 보지도 않고 통찰력 얘기만 주구장창 하고 있으면... 너무 웃기잖아요 이거. 너무 많은 강의장에서 인사이트 인사이트만 외치고 있더라구요.물론 내부의 문제도 있어요. 기획하고 싶다, 행사하고 싶다, 브랜딩하자라고 해놓고 전체예산은 200만원 툭.. 내일까지 만들어. 그것도 이제 갓 들어온 신입사원에게.이게 지금 진짜 기획과 마케팅, 브랜딩에 관심있고 의욕있는 사람들의 애티튜드인가요? 물론 회사가 돈쓰고 사람쓰는 것에 민감하고 어려운 것은 잘 알고 있습니다. 적어도 그런 상황이라면 실무를 도와주던가, 적어도 방해를 하질 말던가 아니면 생색을 내서는 안됩니다. 오늘 얘기할 3가지 부류의 사람들은 제3자든, 내부인원이든 비용/시간/일머리(개인차)라는 요소를 제쳐두고 우주를 항해하는 추상적인 단어들로 무장해선 실무자의 고민을 식은 게살죽 정도로 만들어버리곤 하더라구요. 매년 같은 소개서를 계속 만들고 맥락도 뭣도 없는 페이스북 콘텐츠가 끊임없이 나오는 이유이기도 한 것 같아요. 스터디와 회의, 도서구매는 끝도 없지만 일하는 사람의 환경과 업무체계는 1도 바뀌지 않는 이유이기도 하구요. 마브기는 물론 통찰력과 구성능력, 스토리텔링능력 뭐 그런 것들이 있어야겠지만.... 가장 중요한 건 일단 사람이 있어야 하는 거 아닐까요.입만 살아있는 사람들은 일을 헛돌게 만듭니다.그들의 지식을 무시하는 것은 아닙니다. 그들은 브랜드가 몇 년전에 어떤 기원을 통해 만들어졌고 어떤 전략적 이론이 있고, 소비자심리가 어떤 식으로 움직이는 지 심리법칙을 읊어가며 브랜드 스토리텔링 전략을 구축합니다. 구글, 아마존, b8ta, 로하코, 애플 등등의 유수기업의 레퍼런스를 들며 끊임없이 '예를 들면, 예를 들면..' 하는데... 그래서 그 브랜딩전략을 200만원으로 어떻게 하는데요? 단어가 추상적이고 정의가 많아질수록 종교의 종파처럼 각자 교리를 주장하고 외치는 사람들이 많아집니다. 해석과 논란의 여지가 있으니 각 종파를 수호하고 따르는 추종자들도 있고 서로 대립하고 싸우고 내가 맞다 니가 틀리다 어쩐다.. 그런식의 에너지소모가 소위 브랜드 전문가라는 분들 사이에서 꽤나 있더라구요. 고상하게들 댓글로 싸우시거나 뒷담들을 까시는데 그래서 구글말고 우리 회사 브랜딩 어떻게 해줄거냐구요. 지금 실무자 2명있고, 다음 달에 한 명 퇴사해요. 1명 남는데 전 3분기 업무가 폭풍이에요. 대표님은 이번 시리즈B 투자받느라 뛰어다니고 디자이너는 IR만드느라 바빠요. 이거 어떡하냐구요.내 경험이 짱인 사람들은 일을 복잡하게 만듭니다.대기업에서 브랜딩/마케팅/프로젝트 기획해서 결과를 냈다는 건 확실히 굉장히 내공과 레퍼런스입니다. 스타트업에서 제로베이스를 그럴싸한 네임드 브랜드로 만든 것도 굉장한 일이 아닐 수 없습니다. 모두 인정받고 존중받아야 할 놀라운 능력입니다. 하지만, 그건 당신이 멋진 사람이라는 증거일 뿐이지 이번에도 똑같이 잘할 수 있다라는 것의 근거라거나, 또는 상대를 무시해도 된다는 얘기는 아닙니다. 강의다니느라 정신없는 사람들은 일을 안합니다.일 안하세요?주변에 이제 갓 취업준비생이거나 또는 이직자중에서.... 부쩍 참 요즘 마케터가 엄청나게 많아졌다는 생각을 하게됩니다. 기업이 많아지고 그만큼 중요도가 높아져서 그런 것이라고 생각하고 싶습니다. 기획자를 꿈꾸는 사람들도 겁나 많습니다. 브랜드 전문가님들도 셀 수 없이 많아져서 우리나라는 막강한 브랜드 기획력을 지닌 국가가 될 것 같습니다. 전문가가 많아지든 말든 솔직히 별로 신경쓰고 싶지 않습니다. 제가 지난 위클리에서도 그렇고 이전 매거진에서도 브랜드 관련해서 끊임없이 했던 말은...결국 지금 하고 있는 걸 잘하세요. 라는 것이니까요. 마치 기획/마케팅/브랜딩만 잘하면 회사가 완전 대박날 것 같이들 얘기하는데, 얘네들은 로또가 아닙니다. 자기계발만으로 해결될 문제두 아니구요. 말장난으로 멋짐을 포장한다고 해서 해결될 문제도 아닙니다. 시스템과 문화 자체가 바뀌어야하죠. 우리가 소위 찌질하다고 여기는 돈문제, 일문제, 계약서 등등부터 말입니다. 이런 것들을 제대로 직시하기 위해선..말거품부터 걷어낼 필요가 있다고 생각해요.경영하는 입장이라면 예산 늘려주고 시간 넉넉히 주고 사람 뽑아주세요. 지금은 그렇게 많은 비용을 쓸 수 없다라면 일도 거기에 맞춰서 만들어야 하는거죠. 100만원을 주고 1,000만원 어치의 아웃풋을 강요하면 안되는 거예요. 쓸데없는 일 좀 쳐내고 필요한 장비도 잘 챙겨주고, 뭔가 계약을 했으면 지키고, 맡겼으면 믿으세요. 그리고 브랜드 가이드에 이렇게 쓰라고 했으면 잘 지켜서 쓰셔야 할 것 같아요.실무자입장이라면 기획을 할 때는 소설이나 에세이처럼 쓰지말고, 잘 나가는 카드뉴스 베껴서 대강 만드는 거 아니고, 굿즈샘플은 귀찮더라도 내 눈으로 보고 손으로 만지면서 고르는 바쁨과 고민을 필요해요. 자기 과거 레퍼런스만 믿지말고 신중하고 디테일하게 일하는 거예요. 책상앞에서 모든 걸 다 할 수 없습니다. 전문가입장이라면 상대가 지불한 비용만큼 시간과 노고를 줄여주세요. 말만 하지말고 실제로 어드밴티지를 가져다 주셔야죠. 팔짱끼고 손가락으로 이거저거 하라고 지시만 하는 게 전문가는 아닐거예요.무엇보다 발이 바쁘고 몸이 뛰어다녀야 하는 노가다 3대 직종이 마브기가 아닐까합니다. 이건 일이예요. 이상하게 자꾸 브랜딩 이런거에 큰 의미를 부여하는데...그것들은 분명 가치있고 중요한 일이지만(모든 일이 다 그렇듯), 그렇게 '멋지기만 한' 일이라고만 부를 수 있을지는 모르겠네요. 우리가 멋지다고 외치는 만큼 마케팅/브랜딩/기획에 비용과 시간, 노력과 관심을 들이는지도 잘 모르겠구요. 혹시 그저 말로 잘 포장된 채 사전적 정의로만 빛나고 있는 환상을 동경하고만 있지는 않는 건지 한 번쯤 생각해 볼 필요가 있을 것 같아요.

안녕하세요. 크몽의 마케팅 콘텐츠 크리에이터로 활동하는 폴입니다 :)제가 크몽에 입사하고 나서 시작된 크몽 굿즈 프로젝트에 대해서 이야기해보려고 합니다.굿즈  goods굿즈라는 것은 실체를 가진 유형의 물품, 즉 실물에 한정하며 팬들의 소장욕을 자극하여 상품 구매에 유인할 수 있도록 상업적인 주가 맞춰진 것이 굿즈라고 할 수 있습니다.최근 들어 여러 스타트업&대기업에서 굿즈를 만들고 대중들에게 알리고 있습니다. 크몽도 역시 대중들에게 피부로 와 닿을 수 있는 유형물 굿즈 프로젝트를 시작하게 됐습니다.굿즈를 만들기 전에대부분의 기업의 굿즈 상품들을 보면 어디에서도 볼 수 있는 상품입니다. 볼펜을 예시로 들어보겠습니다. 내 방과 사무실에도 있는 그냥 평범한 볼펜 정도로 생각할 수 있습니다. 볼펜은 기업의 로고나 문구 즉, 기본적인 판촉 유형물로 제작됩니다. 한발 더 앞서면 기업을 대표하는 캐릭터로 귀엽게 제작을 해서 사람들에게 나눠주기도 합니다.로고가 박힌 볼펜과 캐릭터로 제작된 볼펜을 직접 만들어본 경험이 있고, 심지어 외부에 나가서 직접 한 사람 한 사람 나눠주기도 해보았습니다. 허나 가장 힘이 빠지는 것은 제작된 볼펜들은 대부분 필통 꽂이에 꽂혀있거나 땅바닥에 굴러다니고 하수구를 뚫을 때 잠시 사용되는 안타까운 일이 발생할 때 가장 힘이 빠집니다. 다시 곰곰이 생각하고 목표를 잡았습니다.적어도 크몽에서 만든 굿즈는실용적으로 그 쓰임을 다할 수 있도록, 그렇게 만들자굿즈 콘셉트크몽은 대표적인 캐릭터가 있습니다. 원숭이 캐릭터로 크몽을 알릴 때 적극적으로 대변을 해주는 역할을 하고 있는데요. 캐릭터를 이용한 굿즈 상품은 정말 너무나도 많습니다. 하지만 스타트업에 대표적인 마스코트 캐릭터가 있다면 정말 큰 무기입니다. 저에게는 정말 행운이었죠.크몽의 어머니라 불리는 디자이너 '지니(Jinny)'님이 만들어준 캐릭터를 이용해 굿즈 상품에 적극적으로 개발할 수 있었습니다. 마케팅팀(뇌트워킹)은 필로우 인형(pillow)뿐만 아니라 일반적인 볼펜이 아닌 캐릭터를 활용하여 북마크(bookmark)도 가능한 볼펜을 만들었습니다.컬러코드대부분의 사람들이 가장 어려워하는 RGB와 CMYK칼라코드입니다. RGB(Red, Green, Blue) 빛의 삼원색으로 빨간, 녹색, 파란색을 이용해서 색을 표시하는 방식으로 즉 모니터 화면에서 보이는 색상입니다 RGB로 작업한 디자인을 인쇄하게 되면 낭패를 겪습니다.주로 인쇄에 사용되는 CMYK(Cyan, Magenta, Yellow, Black)는 시난, 마젠타, 노랑, 검정의 4색 CMYK 요소를 4개의 편 판으로 분해해 컬러 인쇄판을 만듭니다. 심지어 CMYK코드로 제작을 하더라도 인쇄과정에서 색상 오차가 심하게 나오는 경우가 많습니다.CMYK 같은 코드로 인쇄해도 색상오차가 나오는 작업물결국 공장과 조율을 잘해야 하는 것인데 기본적인 준비는 팬톤칼라(Pantone Color)입니다. 팬톤칼라는 미국 팬톤사에서 제작한 인쇄 및 소재별 잉크를 조합하여 제작한 색표집입니다. 팬톤칼라가 굉장히 비싸긴 하지만 정말 원하는 색상 코드를 잘 골라서 구매하시는 것이 가장 현명한 선택입니다. 인쇄소보다 실물로 찍어내는 물품 공장에서 대부분 펜톤 칼라칩을 요구합니다. 팬톤칼라코드만 알려주는 이미 공장에서 가지고 있는 팬톤칼라코드로 비교하면서 색상을 찍어냅니다.색상감리 현장모습이것은 기본일 뿐이며 가장 효과적인 방법은 직접 색상 감리를 하는 것입니다. 대량으로 찍어내는 인쇄소나 공장은 사실 색상 감리 과정이 비효율적이기 때문에 일부에 돈을 요구합니다. 적은 금액으로 생산해서 색상의 오차가 크게 발생하느니 일부의 금액을 더 주고 색상 감리를 가는 것이 좋은 방법입니다.공장이 제주도라도 날아가서 감리해야 된다고 생각합니다.제작 샘플굿즈 제작이 진행되면 대량 생산하기 전에 샘플을 먼저 받아보고 나서 피드백을 줘야 합니다. 정말 못난 업체는 샘플도 안 보내고 바로 대량 생산된 물품을 보내는 업체도 있습니다. 그땐 정말 황당하죠. 그래서 꼭 업체에다 먼저 샘플을 먼저 받아보겠다고 말합니다. 그 말을 안 하면 샘플은커녕 바로 대량생산을 하여 바로 보냅니다. 적어도 사진이라도 받아야 합니다. 필로우 인형 같은 경우는 샘플은 5번 정도 받고 대량 상산을 진행했습니다.피드백을 계속 줘야 원하고자 하는 제품이 완성됩니다. 샘플에서는 모양, 크기, 색상, 퀄리티를 확인할 수 있는 금쪽같은 기회입니다. 하지만 제작된 샘플과 대량생산용 완성품이랑 절대로 완벽히 100% 같을 수 없습니다. 적어도 내가 생각한 -5% 정도의 마음의 준비를 해야 정신건강에 좋다고 생각합니다.샘플을 비교하여 상품 퀄리티를 올리는 작업결과물크몽 북마크 볼펜크몽 필로우 인형앞으로앞으로 크몽은 굿즈 상품을 계속해서 실용적이고 아이디어적인 fancy 한 굿즈를 제작할 예정입니다. 제가 쓴 글은 굿즈를 제작할 때 정말 기본 중에 기본이라 생각합니다. 굿즈의 기본적인 제작 과정이 정말 귀찮고 힘든 일이라고 생각하는 사람도 많습니다. 하지만 저러한 과정이 즐겁고 저를 설레게 합니다.크몽 럭키 박스크몽은 상품 쇼핑몰이 아닙니다. 굿즈로 돈을 벌기 위한 목적으로 만들지 않습니다. 굿즈는 마케팅 콘텐츠로서 정말 좋은 콘텐츠입니다. 온라인 시대인 만큼 사진과 동영상이 모든 것을 대변하는 시대이지만 실제로 내 피부에 와 닿는 굿즈가 고객들에게 좋은 이미지와 신뢰를 주고 기업에 좋은 시너지를 준다고 생각합니다. 앞으로 크몽 뇌트워킹팀과 함께 정말 멋진 크몽 굿즈를 만들 것입니다. 서툰 저의 글을 읽어주셔서 감사합니다.#크몽 #마케팅팀 #마케터 #기업문화 #경험공유 #인사이트 #굿즈 #콘텐츠 #콘텐츠마케팅

제품을 선보일 때, 실제 사용자가 어떠한 방식으로 제품을 사용할 것인가에 대해 고민하고, 누구보다 제품을 이해해야 하는 사람들이 있다. 바로 'UX디자이너'다. 이번 기고는 인공지능을 다루는 서비스 분야가 넓어지면서, (인공지능이) 'End-User'와 직접 소통하고 대화할 수 있는 영역으로 확대됨에 따라 역할이 더욱 중요해진 UX디자이너에 대해 알아보고자 한다.많은 사람이 UX 디자인에 대해 오해하고 있다. 뛰어난 UX 디자인이란, 사용자가 느끼기에 가장 편리한 디자인이라고 생각하는 점이다. 실제로 인간은 단순히 편리한 것만 원하지 않는다. 특히, 인공지능을 탑재한 서비스는 유용성에 더 중요한 가치를 제공할 수 있으며, 서비스 성격에 따라 사용자의 감성을 많이 고려한다. 결국 인공지능 기술 기업이라면 사용자 입장에서 유용성, 편리성, 감성 등을 모두 고려한 인간 친화적인 UX 디자인을 무기로 내세워야만 한다.이에 실제 현업에서 매일 고민 하고 있는 스켈터랩스의 성진하 시니어 UX디자이너와 이야기를 나눴다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >UX디자이너가 주로 하고 있는 일은?현재 스켈터랩스에서 대화형 UI에 엔진 및 빌더를 개발하는 프로젝트와 스마트 디바이스 개발 프로젝트에 참여 중이다. 먼저 대화형 UI쪽에 초점을 맞춰보자. 엔진은 소프트웨어 엔지니어가 집중하는 영역이라면, 빌더는 유저랑 만나는 접점이므로 UX디자이너 역할이 중요한 영역이다. 하지만, 빌더도 엔진쪽과 커뮤니케이션하며 개발하기 때문에 중간중간 엔지니어들과 '싱크업'을 해야 하고, 초기 단계이기 때문에 대화형 엔진에서 어떤 기능을 어떻게 제공할지 등을 논의해야 한다. 또한, 개발자 언어를 사용자가 알 수 있는 기능으로 '패키징'하는 일도 담당한다. 예를 들어, 지금은 'Function'이라고 부르는 것이 예전에는 'Fulfillment'라고 했었다. 두가지 다 업계에서 쓰는 용어지만, '업계 표준'이라는 것이 없기 때문에 어떤 용어가 더 적합한지에 대한 판단하고 있다.스마트 기기 같은 경우에는 실제로 사람들이 어떤 기능을 원하는지, 타겟 고객군이 어떤 라이프스타일을 즐기는지 예측하고 검증하는 과정에도 많은 시간을 할애한다. 엔지니어링 입장에서 어떤 'Feature'를 개발할 것이라고 한다면, UX디자이너는 실제 개발 가능성과 사용자 입장에서 접점을 찾아내는 역할을 담당한다.실제로 하고 있는 일 중 일반인들이 알고 있는 것과 가장 큰 차이가 있는 점은?일반적으로 생각하는 '디자인 작업'에 할애하는 시간 자체는 적은 편이다. 포토샵이나 스케치 등으로 하는 작업은 약 20% 정도에 불과하다. UX 디자인은 리서치와 디자인을 오가며 'Iteration(반복)'하는 작업이 대부분이다. 리서치는 벤치마킹이나 사용자 조사 등이 있고, 디자인에도 와이어프레임, 플로우 설계, UX 문구 선정, 애니메이션 등과 같은 다양한 작업들이 있다. 사람들이 생각하기에 디자인은 리서치가 아닌 비주얼 디자인인 경우가 많은데, 아까 말한 것처럼 여기에 할애하는 시간은 실제로 매우 적은 편이다. 고민하고 커뮤니케이션하는 시간이 훨씬 많다. 더구나 인공지능은 새로운 분야이다 보니, 공부하는 시간도 예전보다 늘었다.인공지능 붐이 일어나면서 UX디자이너의 역할은 어떤 점이 달라졌는가?일반적으로 쉽게 생각하는 것이 대화형 UI일텐데, 대화형 UI가 등장하면서 무형의 것을 디자인하는 숙명이 생겼다. 스켈터랩스에 오기 전에도 이런 고민은 많았다. 전 직장인 국내 S 대기업에서는 UI 디자이너들이 하던 고민이다. 대화형 인공지능 경험을 하다보니 생각보다 인문학적인 것에 대한 지식이 많이 필요했다. 실제로 구글은 'Conversation UI Designer'가 있다. 이 사람들 중에는 대화가 무엇인가 자체를 정의하는 사람도 있다. '특정 질문에 대해 사람들은 어떻게 대답할 것인가'라는, 예전에는 생각하지 못했던 고민을 많이 하고 있는 것이 현실이다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >반대로 힘든 점은 무엇인가?요약해서 말하자면, 어렵고 생소해 많이 공부해야 하는 점이다. 특히, 대화형 UI에 대한 업계 표준이라는 것이 없어서 더욱 힘들다. 예를 들자면, 2008년 아이폰3G, 2010년 갤럭시S가 출시한 뒤 터치기반 스마트폰 모바일UX는 어느 정도 표준화 작업이 진행됐다. 이미 화면 사이즈에 맞는 프레임과 아이콘이 있고, 이를 바로 가져다 쓰거나 약간만 수정해 작업할 수 있는 편한 환경이 구축된 것이다.하지만, 대화형 UI는 아직 구축된 것이 적고, 보고 참고할 수 있는 것도 부족한 편이다. 때문에 정말 많은 고민과 공부가 필요하다. 여러 많은 글로벌 기업이 대화형 UI를 개발하고 있지만, 아직 어느 누가 이 분야의 선두 업체라고 할 수 없다. 아직 업계가, 기술이 충분히 무르익지 않았다고 생각한다.다시 모바일 UI의 예를 들어보자. 예전에는 줌인/아웃에 대한 실험도 상당히 많았다. 더블탭도 해보고, 돋보기 버튼도 적용하는 등 여러 과정을 거쳤고, 수 년간 실험을 통해 지금은 사람들이 두 손가락으로 늘리고 줄이는 행동을 당연하게 인식한다. 지금의 대화형 UI는 수년간 실험을 거쳐야 하는 단계라고 생각한다. 이것도 해보고 저것도 해보는 여러가지 시도를 테스트 중이다.국내 대기업에서 오랜 기간 경험을 쌓고 왔는데, 스타트업으로 옮긴 뒤 느낀 가장 큰 차이점은 무엇인가?크게 세가지로 정리할 수 있다.첫번째, 업의 특성이다. 대기업을 톱니바퀴라고 많이 표현하는데, 실제로 세부적인 것을 많이 분석하고, 일도 세분화되어 있는 구조다. 디자인 부서라고 해도 비주얼 디자인, 와이어프레임 디자인, 플로우설계, 애니메이션, UX문구 등 모두 세분화 되어 있다. 이에 반해 스타트업은 개인이 커버해야 하는, 그리고 능력에 따라 커버할 수 있는 영역이 더 넓다.두번째, 업무 환경이다. 대기업은 보안을 중요시하기 때문에 불편한 점이 많다. PC로 접속할 수 없는 사이트도 많았고, 구글 드라이브는 물론, 소식을 확인할 수 있는 해외 뉴스 사이트도 항상 승인 버튼을 눌러야 접속할 수 있다. 심지어 사무실 내에서 스마트폰 카메라 작동은 상상도 할 수 없고, PC를 들고 다니면서 일할 수도 없는 환경이다. 반면, 스켈터랩스는 '스케치', '제플린', '앱스트랙트' 등 여러 툴을 언제 어디서든 내 맥북을 들고 다니면서 사용할 수 있다.세번째, 사람이다. 대기업은 계속 디자이너들 사이에서만 일했다. 하지만, 이 곳은 개발자, 마케팅, PM 등 다양한 직군과 함께 있어 여러모로 배울 점이 많다. 특히, 스켈터랩스는 개발자가 많은 조직이고, 흔히들 말하는 천재형 개발자도 많이 볼 수 있다. 팀 내에서 개발언어로 소통하기 때문에 스스로 (디자인 이외의) 다른 영역을 공부하고 익숙해지는 중이다.UX디자이너로서 앞으로 업계 혹은 회사에서 기대되는 점은 무엇인가?개인적으로 인공지능 분야에 대해 많이 공부할 수 있고, 내 역량에 따라 전문가가 될 수 있는 기회를 잡았다고 생각한다. 한가지 바람은 스켈터랩스가 B2C용 제품을 빨리 출시를 출시하길 원한다. 기술 중심 회사라 많은 사람이 아직 정확하게 스켈터랩스가 어떤 것을 하는지 알기 힘들었는데, 실제 제품을 출시하면 우리가 어떤 업체인지, 어떤 기술을 보유하고 있는지 알릴 수 수 있고, 더불어 'End-user'와 직접 소통할 수 있기에 UX 중요성이 더욱 드러날 것이라고 생각하기 때문이다.성진하, 스켈터랩스 Senior UX Designer삼성전자 모바일 UX디자인 분야에서 오랜 기간 경험을 쌓고, 스켈터랩스로 전향 후 대화형 UI 빌더와 스마트 디바이스 프로젝트에 참여하고 있는 카이스트 출신 UX디자이너#스켈터랩스 #기업문화 #인사이트 #경험공유 #조직문화 #인공지능기업 #기술기업 #UX디자이너 #디자인

1. 브랜딩 대체 무엇?요즘 어디에나 브랜딩이 적용되지 않는 곳이 없습니다.자기자신까지 브랜딩 해야 한다고 말하는 시대입니다.브랜딩 대체 정체가 뭐죠?그런데 대체 브랜딩이 뭘까요?일반적으로 특정 브랜드의 로고나 심볼 등 시각요소들을 만드는 것이라고 생각하기도 하고,학교에서 공부하는 브랜딩의 정석과 같은 서적은 브랜딩을 위한 전략을 6단계로 나누어 약 300페이지에 달하는 방대한  내용으로 설명합니다.요약하면,- 브랜드에서 디자인은 매우 핵심적인 요소이기 때문에 전략적으로 디자인계획을 수립해야 한다.  (중요한거 알죠..)- 브랜드는 사용자의 마음 속에 존재하며, 그들의 경험을 통해 형성된다.  (마음에 존재한다..?)- 디자이너의 일은 사용자가 가치를 느낄 수 있는 경험을 만드는 것이다.  (경험을 만든다..?)이런 내용들인데, (중요하단 말을 300페이지로..) 너무 맞는 말인데 실제로 어떻게 적용할 수 있을까요?사실 너무 어렵게 생각하는 성격이 아닌데도, 브랜딩을 공부할수록 단순히 로고랑 패키지만 만드는 작업이절대  아니라는 생각에 더욱 어려워지는 것 같아요..그래서 좀 더 브랜딩에 쉽게 접근하기 위한 질문들을 몇가지 던져 보았습니다. 우리가 고민해야 할 것들 !!너무 많은 욕심을 부리지 않고 이러한 질문들을 바탕으로 슬라운드가 지향하는 가치를 브랜드 기본요소 (logo, graphic, color, typeface, space 등)들에 하나씩 녹여내 보기로 했습니다.2. 첫번째 단계 : 브랜드 기본요소 점검본격적인 브랜드 아이덴티티 개발에 앞서  먼저 슬라운드의 최초 브랜드 기본요소들을 점검해보았습니다.진단 1현재 Brandon Grotesque 라는 서체로 만든 워드마크 타입의 로고를 사용하고 있어요.모서리가 둥글둥글한게 메모리폼 매트리스의 포근함을 반영하려 했던거 같기도 하고..(추측)진단 2슬라운드 로고들이 독립적으로 사용될때고 있고, 네모박스 안에 갇혀있을 때도 있어요.일관성과 위계질서 있는 로고 사용 규칙을 정해야할 것 같아요.진단 3기본 컬러는 '파랑' 또는 '군청색'이라고 불리는 색을 사용하고 있는데, 상황에 따라 진한파랑, 밝은 파랑 등 자유분방하게 적용되어 있어 어떤 색이 브랜드 컬러인지 명확하게 알수가 없네요.3. 두번째 단계 : 슬라운드 브랜드 철학과 가치 살피기브랜드 기본요소들 현 상태를 진단을 완료했으니, 이제 이 요소들에 실질적으로 녹여낼 슬라운드의 브랜드 철학과 가치를 다시한번 살펴보기로 했습니다. 앞서 1화에서 이야기했듯이 스타트업이지만,브랜드 가이드라인을 토대로 창업자들이 슬라운드가 추구하는 가치와 철학은 어느정도 방향성이 있는 상태였는데요. 가이드 설정 이후 그동안 몇개월의 시간이 흐르면서 점점 더 많은 고객들이 슬라운드 매트리스를 사용하게 되었고, 새로운 팀원들도 합류하게 되면서 초기에 창업자들이 설정한 브랜드 철학에서 조금씩 변화한 부분들도 생겼고 고객들이 새롭게 만들고 인식하는 슬라운드의 이미지들도 드러나고 있었습니다.브랜드 철학 :장인적신, 배려심, 실험정신브랜드 아이덴티티 : 전문적인, 센스있는 (배려심있는), 친근한, 고급스러운, 새로운 것을 시도하는그리고 무엇보다 최초에 설정된 8가지의 키워드를 모두 담기에는일관성 있는 하나의 이미지를 만드는데어려움이 있었기 있었습니다. 예를들어 전문적이면서 센스있는? 정도의 아이덴티티는 상상이되지만, 고급스러우면서 새로운 것들 시도하는?은 직관적으로 인상을 떠올리기가 쉽지 않죠.그래서  팀원들과 함께 슬라운드의 철학과 가치를 다시한번 살피고 방향성 재설정하기로 했습니다.팀원들에게 슬라운드에 담고 싶은 철학과 가치(키워드) 들을 여러단계에 걸려 질문하고, 브랜드 생성 과정과 핵심적인 제품 개발 과정을 꼼꼼히 관찰해보았어요.슬라운드 열심히 관찰중..팀원들과 함께 모은 슬라운드 키워드들 !생각보다 너무 많은 키워드들이 모여서 브랜드 철학과 가치를 정리할 수 있는까하는걱정이 되었지만, 시간을 들여 관찰을 하다 보다 같은 이야기를 하는공통된 입장의 키워드들이 묶이기 시작했습니다.그리고 최종으로 4개의 키워드로 브랜드 철학이 정리되었습니다.최종으로 정리된 슬라운드의 철학. (2018.10.05)- 제대로 만드는- 솔직한- 기본의 방식을 답습하지 않는- 합께하는이 4가지 철학을 장인정신 / 진정성 / 신뢰 라는 핵심가치들로 묶어서브랜드 기본요소들이 녹여내기로 했습니다.이렇게 점검하기와 관찰하기 2단계의 준비과정 통해  앞으로 진행할기본적인 브랜드 아이덴티티 개발 방향을 설정했습니다.1) 슬라운드 브랜드 철학과 가치를 좀 더 효과적으로 담아낼 것2) 네이밍에 담긴 Sleep Soundly 라는 의미가 로고에서 좀 더 전달 되었으면! (컬러나 서체 등)3) 이름이 유사한 S 사와는 이미지가 명확히 구분되도록 할 것이어서 3화에서는 3가지 개발방향을 토대로 계획한 슬라운드의 브랜드 기본요소들을 하나씩 소개할 예정입니다.

엄마가 간만에 간장게장 만들어주겠다고 맘먹고 꽃게를 한 뭉터기 사와서 모래를 걷어내고 있는데, 자식놈이 들어와서 갑자기 "빨리 되지? 나 배고프니까 30분안에 해줘."라고 하면 어떤 결과가 펼쳐질까요. 엄마의 손이 상완부와 부드러운 둔각을 이룬 채 빠르게 비행하며 나의 등짝에 아름다운 접점을 만들겠죠. 가속도와 질량의 곱으로 만들어진 힘F가 등짝에 열상과 부분골절, 피부괴사를 초래할 수도 있습니다. 찰진 스윙사실 제목을 좀 자극적으로 뽑긴 했지만, 클라이언트의 '금방 되죠?' 의 의미는 두 가지가 있습니다.1. 시켜서 죄송해요...너무 어려운 건 아니죠?....라는 죄송과 민망의 의미가 있고.2. 별 것도 아닌거 얼른 해라. 라는 의미가 있습니다.분명 의도는 다르지만, 둘 다 오해의 소지가 있긴 하죠. 지금 이 글은 클라이언트님들을 위해 쓰는 글이므로 이럴 땐 어떻게 얘기해야 하는지 간략하게 알아보도록 합시다. 요즘 제 글이 갈수록 길어지는 것 같아서 오늘부턴 스압없이 좀 짧게 줄이려고 합니다. :) 배려 오졌다.상황을 하나 들어볼께요.“이거 건물만 하나 얼른 만들어 주시면 돼요.”“언제까지 수정해 드려야 해요?”“지금 급하게 필요한 거라서… 한 시간 내로 될까요?”아이소메트릭 디자인 중이예요. 그 3D처럼 노가다해서 만드는 보기에 그럴싸한 기똥찬 디자인방식이예요. 기존에 만들어 놓은 빌딩 이미지 말고, 좀 다른 형태의 빌딩 모양이 필요하다고 추가 제작 요청이 들어왔는데, 말미를 한 시간 주고 있는 거죠. 말은 단어와 뉘앙스로 이루어집니당. 커뮤니케이션은 이 둘의 조합에서 호불호가 갈리기 마련인데 이 대화를 자세히 뜯어보면 이러한 거죠.하하하하...하하..하.. 디..자이..너 ...님..이거=저기…건물만=다른 것은 안 시킬 테니하나=딱 하나만얼른=얼른 끝나…겠죠?만들어 주시면=부탁드려요돼요=죄송사실 이 말이었을 겁니다. 난 그렇게 믿고 싶어. 하지만 다른 의미였을 수도 있겠죠?얼른 되지?이거=그래 이거건물만=~만 ‘단지 그것만’=다른 것은 안 시킬 테니하나=두 개가 될 가능성도 있다.얼른=쉬운 거 아니냐만들어 주시면=한 시간 내로돼요=줘라이런 식으로 말이예요. 음, 사실 우리가 다른 사람의 일을 100% 이해하기란 어렵습니다. 뭘 해봤어야 알지. 설사 해봤더라도 그 사람의 사정과 내 사정은 분명 다를테니까요. 그래서 보통 다른 사람에게 뭔가를 요청하거나 지시할때는 팩트만 전달하는 게 좋습니다. - 어려운 일은 아니에요.- 그냥 간단하게 할 수 있는 일인데- 마이너한 수정 사항이에요- 몇 개만 바꾸면 돼요.- 가벼운 수정 사항이에요.이런 말은 내 의견이죠. 어려운 지 아닌지는 내가 안만들면 모를 일이예요. 간단한 지 복잡한 지도 마찬가지죠. 마이너한 수정사항이라고 하지만 사실 무조건 하나를 지우는게 마이너가 아니예요. 본문 하나를 통째로 들어내면 나머지 배치를 전부 바꿔야 하니 이건 마이너가 아니라 일을 벌리는 것과 같죠.하나만 건드려도 우르르 무너지는 게 또 디자인이라구..몇 개만.. 음 뭐 시키는 입장에선 몇 개뿐이겠지만 그 몇 개가 만들어내는 난장판을 고려해보면 단순히 그것만 띡 바꾼다고 될 일은 또 아니더라구요. 가볍고 무겁고도 만드는 사람이 결정할 부분이구요. 아래의 10가지 수정요청 예시를 보여드릴께요.1. 왼쪽정렬을 가운데정렬로 바꾸기2. 중간에 텍스트 하나를 통째로 날리기3. 전체적인 색감 바꾸기4. 상하좌우 여백 더 주기5. 하단에 내용 추가하기6. 없던 요소를 만들어 내기(특히 벡터 요소)7. 텍스트 폰트 수정하기8. 크기가 서로 다른 사진 위치 변경하기9. 난데없이 그래프 추가하기10. 전체적인 톤 수정하기흔히 간단한 것처럼 보이지만 레이아웃을 건드는 작업들입니다. 시키는 사람은 '지워/옮겨/넣어' 와 같이 간단하게 던질 수 있지만 만드는 사람입장에선 오늘 밤도 뜨겁게 불태울 수 있는 액션스릴러물이 될 수도 있어요. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ기사 참..대박사건이다 진짜물론 일은 해야합니다. 그러니 밤을 새든 어렵든 쉽든 복잡하든 많든 적든 정당한 요청이면 하는 게 맞아요. 저런 요청을 하지 말란 소린 절대 아닙니다.당연히 수정피드백이나 추가요청은 하셔야 해요. 단!이런걸 요청할 때 뒤에 이상한 말을 덧붙이지 않는 걸로 손가락 걸고 약속복사코팅팩스공증!그냥 간단하게 말하는게 좋아요."중앙에 회사소개문구를 왼쪽정렬로 맞춰주시고 위치도 왼쪽에 맞춰주세요. 언제까지 될까요?""음, 3시간 정도 필요해요.""약간 아슬아슬 할 수 있을 것 같은데 혹시 2시간 안엔 어려울까요?""해볼께요.""감사합니다."라고 깔끔하게 대화하시면 됩니다. 넘겨짓고 단정짓고 판단하는 건 꼭 일이 아니더라도 어떤 대화에서건 중요한 법이니까요. 찡긋.

** 본 글은 문돌이 PM의 마케터 따라하기 시리즈 입니다.** 1화 보기 - 초기에 할만한 ASO (앱스토어 최적화) 팁** 2화 보기 - 초보 PM이 알아야 하는 초기 모바일앱 분석 101** 3화 보기 - 스타트업 브랜딩: 내가 보는 나와 너가 보는 나의 일치자금이 쪼들리는 초기 스타트업이 지출하기 가장 부담스러운 비용이 무엇일까? 서버비? 광고비? 나는 개인적으로 '원샷페이먼트'라고 부르는 비용들이라고 생각한다. 원샷페이먼트는 말 그대로 한번에 제법 큰 돈을 내야하는 비용들로서 외주제작비, 장비구입비, 그리고 콘텐츠 제작비가 여기에 해당한다. 특히 페이스북이나 유투브에 뿌릴 광고에 태울 동영상들을 외주 맡길 경우 보통 제작비가 백만원은 훌쩍 뛰어넘는데 이 돈 내는거 여간 부담스러운게 아니다. 그렇다고 윈도우 무비메이커로 허접하게 해서 광고태우면 효율이 안나온다.그래서 오늘 글은 저 수백만원을 아낄수 있는 어느정도 퀄리티가 나오는 광고영상을 맥북 하나만 있으면 뚝딱 만들어내는 방법론에 대해 소개하고자 한다. (물론 이 방법론으로 전문가분들의 고퀄편집이 가능한건 절대로 아니다. 어디까지나 임시방편임을 다시한번 강조한다!!) 본 방법론은 맥북이 있는 사람들, 그리고 Garage Band와 iMovie를 가지고 있는 사람들만 가능하다는 것을 미리 밝혀둔다. 빠른 이해를 위해 필자가 운영하고 있는 바크 앱의 홍보영상 제작 과정을 기준으로 설명하도록 하겠다.본 방법론은 총 5단계로 이루어져 있다.1. 아이디에이션 및 컨셉잡기2. 스토리 짜기3. 아이폰으로 촬영하기4. Garage Band로 고퀄의 음원 제작하기5. iMovie로 영상 편집하기본 방법론으로 탄생한 홍보 영상은 다음과 같다. (전문가들이 보기에는 웃음나오는 수준이지만 일반인들이 보기에는 미적으로 큰 무리는 없는 영상이다)https://www.youtube.com/watch?v=o7g_0yRjDoA<iframe width="700.000000" height="394.000000" src="//www.youtube.com/embed/o7g_0yRjDoA" frameborder="0" allowfullscreen="">내 와이프의 노동력을 착취해서 직접 촬영/편집한 영상이다Step 1. 아이디에이션 및 컨셉 잡기우선 내가 어떤 홍보영상을 만들지에 대한 대략적인 아이디에이션 및 컨셉을 그려봐야 한다. 아이디에이션에 필요한 세부내용은 다음과 같다.본 영상의 목적은 무엇인가? 내 제품의 정보전달인가? 소비자의 관심 환기인가?영상의 주 타겟이 누구인가?주로 어떤 채널로 집행될 영상인가? 페이스북? 유투브? 인스타그램?내 제품의 정보전달이 목적이라면 어떤 핵심 포인트들을 전달할 것인가? (3-4개 정도)내 제품에 어떤 후킹포인트가 있어서 소비자의 관심을 낚아올 수 있을까?Tone & Manner는 어떻게 잡을것인가? 발랄하고 활기찬 분위기? 감성적인 분위기? 섹시한 분위기?위 아이디에이션에 대한 부연설명을 좀 더 해 보겠다. 우선, 영상의 목적이 제품의 정보전달일 경우 최대한 제품의 사용성을 직관적으로 보여주는 영상이 되어야 하는 반면 소비자의 관심 환기가 목적일 경우에는 무언가 강렬한 메시지가 들어있는 영상이 필요하다. 사실 비전문가의 입장에서 제작을 시도하기에는 후자보다는 전자의 영상이 도전하기 더 수월하다. 후자의 영상은 크리에이티브도 중요하고 영상의 미적인 부분이나 퀄리티, 후킹포인트 등등이 아주 유기적으로 조합되어야 하기 때문이다.또한, 영상의 주 유통채널이 페북/유투브/인스타 모두를 아우를것인지, 아니면 인스타 위주로 갈 것인지에 따라서 영상의 사이즈가 달라진다. 보통 위 채널을 모두 아우르는 영상은 16:9 또는 16:10의 와이드형으로 제작되지만, 인스타의 경우 (또는 페북도 조금 포함되는 경우) 영상 사이즈는 스퀘어 (정사각형)으로 산출되어야 하기 때문에 제작단계부터 나중에 스퀘어로 영상을 자를 것을 감안해서 편집을 해야 한다. (물론 여력이 된다면 영상을 유투브는 와이드로, 페북과 인스타는 스퀘어로 각각 적용해주는게 가장 좋기는 하다만, 우리에겐 그럴 시간과 여유가 부족하다...아 그리고 요즘은 인스타도 와이드스크린을 게시는 가능하지만 왠만하면 기존 형성된 SNS의 컨벤션을 따라가주는게 좋다.) 한가지만 더 추가하자면, 인스타의 경우 동영상의 분량도 1분을 넘지 못하도록 되어있다. 따라서 힘들게 스퀘어 사이즈로 작업해 놨더니 영상 분량이 1분이 넘어가서 인스타에 태워보지도 못하는 불상사가 생기지 않도록 주의하도록 하자.에어비앤비는 페북에 동영상을 게시할 때 유투브와 연동된 광고는 와이드 스크린으로, 인스타와 연동될 경우 스퀘어 사이즈로 게시하고 있다.바크 홍보 영상의 경우 아이디에이션 세부 내용은 다음과 같다.영상의 목적: 정보전달 - 제품이 실 생활에서 어떻게 쓰이는지를 직관적으로 전달한다.영상의 타겟: 젊은 직장인, 대학생채널: 유투브, 페이스북핵심포인트: 제품의 4가지 유즈케이스를 보여준다 - 아침인사, 직장에서 앱 사용, 앱을 통해 친구 사귐, 파티에서 앱 사용후킹포인트: 외국인을 출현시켜 한국에서 앱 사용하는 모습으로 시작Tone & Manner:  발랄하고 여성스런 느낌, 잡지를 읽는것 같은 분위기, 여성의 낭랑한 나레이션이러한 아이디에이션을 통해 잡은 영상의 컨셉은 다음과 같다.Dear Barkers - 한 유저가 보내는 바크 사용자들을 향한 메시지이러한 컨셉은 향후에 시리즈물로 제작할 것 까지 염두에 두고 구상한 컨셉이다. 즉, 바크 앱을 잘 활용하는 유저들 중 독특하거나 눈에 띄는 유저들을 한명씩 출현시켜서 그들의 눈으로 본 앱 사용기를 'Dear Barkers by 아무개' 이런 시리즈물로 제작하고자 정한 컨셉인 것이다.Step 2. 스토리 짜기영상의 스토리에는 크게 두가지 요소가 있다. 첫째는 장면에 대한 설정인데 영상의 전체 장면들이 어떤 큰 섹션들로 이루어져 있고, 그 하위에는 어떤 장면들을 찍어나갈 것인지를 세세하게 계획하는 부분이다. 둘째는 각 장면마다 들어가는 나레이션이나 자막, 특수효과 등 장면에 붙일 다양한 요소를 기획하는 부분이다. 영상 작업을 처음 해보게 되면 가장 삽질을 많이하는 단계가 바로 스토리짜기 인데, 그 이유는 내가 상상만으로 작업한 스토리대로 실제 촬영이 절대로 매끄럽게 되지 않기 때문이다. 스토리를 최대한 자세하게 짜서 현장에서 직접 촬영하면서 매끄럽지 못한 부분들은 쳐내거나 하는 임시방편이 필요하다.처음에 잡았던 바크 영상의 스토리라인이다. 실제 촬영하면서 엄청나게 난도질되었다.Step 3. 아이폰으로 촬영하기흔히들 영상 제대로 촬영하려면 DSLR이나 캠코더가 있어야 하지 않느냐는 질문을 많이 한다. 사실 이런 전문장비가 필요한 상황은 다음 세가지 밖에 없다. 1) 내 영상이 TV나 옥외광고같은 큰 화면에 송출된다. 2) 아웃포커싱으로 뎁스있는 영상표현이 필요하다. 3) 야간씬이 꼭 들어가야 한다.초기 스타트업이 처음부터 4대매체 광고를 한다면 지금 이 글을 보면서 영상 외주제작비를 아끼려 할리가 없기 때문에 첫번째는 패스하고, 두번째의 경우는 쉽게 말해서 특정 영상에서 포커스 되는 피사체를 제외한 배경이 흐릿하게 보이는 현상을 아웃포커싱 됐다고 표현하는데, 스마트폰 카메라로는 유의미한 아웃포커싱 효과를 얻기 힘들다. (물론 이를 가능하게 해주는 아웃포커싱 앱이 있기는 하다만 퀄리티는 그닥...) 세번째의 야간에서의 장면은 사실 야간이지만 도심 한 복판에서 불빛이 많은 상황에서의 촬영은 아이폰6급 이상, 갤럭시 S6급 이상에서는 충분히 스마트폰으로 가능하다. 하지만 불빛이 적은 상황에서의 야간촬영은 반드시 DSLR 카메라와 조리개 2 이하의 밝은 렌즈가 필요하다. 이 세가지 경우가 아니라면 굳이 영상제작하려고 비싼 카메라 살 필요없이 아이폰이나 갤럭시폰 촬영으로도 충분하다.영상촬영을 초보자가 하려고 하면 이거 아무리 찍어도 뭔가 허접해 보이고 각이 안나온다. 걱정하지 마라. 내가 얘기하는 다음 3가지만 명심하면서 최대한 많은 영상을 촬영하면 반드시 쓸만한 클립이 건져질 것이다.1. 한 클립에서는 절대로 앵글을 바꾸지 마라모든 화면에 앵글이라는게 있다. 바로 로우, 미들, 하이앵글이다. 로우앵글은 밑에서 위를 쳐다보는 것, 미들앵글은 그냥 내 눈높이로 보는것, 하이앵글은 위에서 아래로 내려보며 찍는것을 말한다. 각 앵글마다 느낌이 확 다르고 목적도 다른데, 이에대한 팁들은 다른 전문 영상제작자들의 블로그를 찾아보면서 공부하면 좋다. 여기서는 그냥 내가 지금 찍는 화면이 어떤 앵글이구나 정도만 판단할 수 있으면 되고, 중요한건 한 클립에서 앵글이 왔다갔다 하면 안된다는 것이다. 예를들어 어떤 화면을 미들앵글로 시작했는데 도중에 갑자기 로우앵글로 카메라를 내린다던지, 갑자기 줌인을 한다던지 해서 앵글을 확확 바꿔버리는 경우가 많은데 이러면 그 영상은 불안정해 보여서 홍보 영상으로 쓸 수가 없다. 한번 시작한 앵글은 바꾸지 말고 일단 그 클립을 종료한 후 다시 새로운 앵글로 촬영을 시작하는게 중요하다. 또한, 여러 앵글의 클립을 촬영해 놓으면 나중에 편집할때 영상표현미가 풍부해 져서 더 좋다.카메라 앵글은 크게 3가지가 있는데 하이앵글은 왠만하면 시도하지 말자.2. 인물에 대한 촬영이면 내가 과하다 싶을 정도로 포커스해서 찍어라뭔가 인터뷰나 사람이 얘기하고 있는거나 인물의 행위를 촬영하는 클립인데 초보자들이 많이 하는 실수가 바로 피사체를 너무 줌아웃해서 찍고 있는 경우이다. 사람이 얘기하는 장면인데 실제로 찍은 영상을 보면 사람이 너무 멀리 떨어져 보이는 경우가 많다. 이런경우 내가 찍으면서 '너무 줌인해서 찍고있는거 아냐?' 싶을 정도로 포커스해서 찍어보도록 하자. 물론 얼굴을 꽉 채워서 찍으라는 게 절대 아니다. 보통 가슴 아랫부분이 잘릴정도로 포커스해서 촬영하면 화면에서 제법 인물이 포커스되어 보인다.3. 영상을 끊어 찍어라초보자들이 또 많이 하는 실수가 전체 영상을 한번에 촬영하고 있는 경우이다. 예를들어 한 인물이 카페에 들어와서 주문하고 앉아서 커피마시는 장면이 있다고 상상해보자. 이걸 초보자들이 촬영할때 그 인물의 전체 동선을 따라가면서 한번에 찍는 경우가 많다. 그리고 이걸 여러번 반복해서 찍기도 한다. 이렇게 되면 편집하기도 어렵고 연결된 영상에서 어디서 끊어야 하는지도 애매해 진다. 이 케이스에서는 크게는 1) 인물이 카페이 들어오는 씬, 2) 들어와서 주문대로 걸어가는 씬, 3) 주문하는 씬, 4) 기다리는 씬, 5) 커피 나와서 받아가는 씬, 6) 받아서 자리로 걸어가는 씬, 7) 자리에 앉는 씬, 8) 커피 마시는 씬 이렇게 구간구간 나누어서 촬영을 해야 한다. 보다 전문적인 촬영은 저 구간구간을 카메라 여러대를 동원해서 다양한 앵글로 찍기도 한다. 뭐 이건 카메라가 여러대 있으면 시도해 볼만 하다.한가지 팁은, 아이폰으로 촬영시 손에 들고 촬영하는것 보다는 집에 만일 셀카봉이 있다면 셀카봉에 끼워서 봉을잡고 촬영하는게 더 안흔들리고 안정적으로 촬영 가능하다. 삼각대가 있으면 최고겠지만 대부분은 삼각대도 없는 경우가 많을테니 시중에 널려있는 오천원짜리 셀카봉을 사서 장착하도록 하자.Step 4. Garage Band로 고퀄 음원 제작하기홍보영상 만들때 우리같은 비전문가들이 저작권에 대해 개념이 별로 없어서 특히 음원을 그냥 내가 평소에 좋아하는 음악 다운받아서 입히는 경우가 많다. 요즘은 페북도 유투브도 음원 오토스캔이 발달되어 있어서 내가 마룬5 음악을 입히면 100% 자동 검열로 영상 안올라간다. (페북같이) 올라는 가더라도 광고가 안걸리는 경우가 많다. 이런 경우를 대비해서 시중에는 수 많은 유/무료 음원 사이트들이 존재하고 유투브에도 다양한 무료음원을 제공하는 아카이브가 있기도 하다. 유투브에서 제공하는 이 무료 음원 사이트는 다양한 장르의 무료 음원 및 효과음을 제공하기에 제법 유용하다. 여기서 괜찮은 음원을 찾는다면 이 단계는 그냥 패스해도 좋다. (다만, 각 음원마다 사용 조건이 명시되어 있으니 그걸 꼭 지키도록 하자.)유투브에서 제공하는 무료 음원 라이브러리이다. 각 음원마다 클릭해보면 사용 조건이 명시되어 있으니 유의하자.당신이 맥북유저고 Garage Band가 있으면 진짜 마법처럼 손쉽게 제법 고퀄의 음원을 만들수가 있으니 이 단계를 스킵하지 말고 꼭 한번 도전해 보기 바란다.거라지밴드를 처음 열면 다음과 같이 생겼다. 고민하지 말고 'Empty Project'를 선택한다.거라지밴드의 첫 화면이다.아무리 초보자를 위해 쉽게 디자인된 프로그램이라지만 역시 머리가 아득해질 정도로 복잡해 보인다. 하지만 겁먹지 말자. 하나씩 차근차근 인터페이스에 대해 설명해 주도록 하겠다.프로젝트 메인화면이다. 머리가 아득해질 정도로 복잡해 보인다.1) 미디 (MIDI) 악기를 선택 가능한 좌측 악기 라이브러리 - 이 곳은 마치 내가 연주할 악기를 고르듯이 거라지밴드에 구비되어 있는 미디 악기 창이다. 이 창이 처음에 안보일 수 있다. 당황하지 말고 맨 위 좌측에 책장서랍처럼 생긴 아이콘을 누르면 슉 하고 나온다.2) 연주한 음악을 배치하는 타임라인 - 1번 섹션에서 선택한 악기에 기본 제공되는 건반작업 등으로 곡을 연주하고, 이를 분량에 맞게 배치하는 영역이다. 이 부분은 항상 보인다.3) 다양한 pre-made된 음원 조각들이 모여있는 루프 - 가장 중요한 섹션이다. 사실 이 단계에서 당신이 음악을 한번도 만들어 본 적 없는 생초보라면 위의 1번, 2번은 그냥 무시하고 이 3번섹션만 집중하도록 하자. 이 루프 탭 역시 처음에 창이 안보일 수 있다. 맨 우측 위에 세개의 아이콘 중 가운데 노란리본 모양으로 생긴게 이 탭을 여는 버튼이다.1번과 2번은 음악에 조금이나마 흥미가 있었던 사람이라면 이것저것 악기도 추가해 보고 만지작 만지작 하다 보면 금방 감이 오긴 하는데, 그렇지 않은 사람들에게는 매우 어려운 영역이니까 이 글에서는 패스하도록 하겠다. 사실 3번의 루프 라이브러리만 가지고도 어느정도 고퀄의 배경음악을 만들 수 있으니까 말이다. 루프 라이브러리를 활용하여 음원을 만들기에 앞서 간단히 알고 있어야 하는 사전지식에 대해 짚고 넘어가도록 하자.1. 모든 음악의 기본은 [드럼비트-베이스-멜로디 + 효과음]의 구조로 이루어져 있다. 하지만 경우에 따라서 베이스는 생략하고 [드럼비트-멜로디 + 효과음]으로 구성되기도 한다.2. 모든 음악에는 bpm이라고 불리는 일종의 스피드 같은게 있다. 보통 70-90정도면 느린음악, 100-120정도면 보통, 120 이상이면 빠른 음악이다. 거라지밴드에서 상단에 계기판처럼 생긴 탭에서 'bpm'이라는 부분의 숫자를 더블클릭해서 변경해 줄 수 있다.3. 한 음악은 여러개의 뭉탱이 단위의 음원들이 모여서 이루어진다. 이 뭉탱이 단위는 거라지밴드에서는 기본적으로 타임라인에서 8개의 눈금을 차지한다. 즉, 모든 음악을 8개 단위의 뭉탱이로 조합시키라는 뜻이다.그럼 루프 라이브러리를 활용해서 간단한 댄스 음악을 만들어 보도록 하자. 우선 첫번째 단계는 비트를 선택하는 건데, 루프 라이브러리에 'beat'라는 탭을 누르면 비트 음원만 보여준다. 여기서 하나씩 들어보고 마음에 드는 비트를 선택해서 마우스로 드래그해서 타임라인에 가져다 놓으면 된다. 위에서 말했듯이 갖다놓은 비트를 마우스로 드래그해서 8개의 눈금을 차지하도록 늘려놓은 후, 이 8개 눈금의 뭉탱이를 계속 복사해서 분량을 늘려나가도록 하자. 예를들면 다음과 같은 모습이 될 것이다.갖다 놓은 비트를 8개 눈금 뭉탱이로 늘린 후에 이를 8마디마다 계속 복붙한다.다음 여기에 어울리는 멜로디를 찾아보자. 루프 라이브러리에 멜로디가 너무 많아서 이거 고르고 있는데만 시간 크게 잡아먹기 마련이므로 심플하게 기타, 피아노, 스트링 위주로 찾아보도록 하자. 역시 상단에 guitar, piano, string이라는 탭이 있다. 마음에 드는 음원을 찾으면 역시 위에서와 같이 8눈금을 차지하는 뭉탱이로 늘려주고 적절히 배치한다. 이때 팁은, 음악에도 기승전결 같은게 있다는거다. 처음부터 막 시끄럽게 시작하지 않고 차분하게 시작해서 클라이막스를 찍고 종료하는 흐름이라는게 있기 때문에 이 멜로디를 너무 처음에 배치하지 말고 앞의 한 뭉탱이 (8눈금)은 비트만 틀어주고 9번째 눈끔 부터 멜로디를 넣도록 하자. 또 한가지 팁은, 멜로디 중에서 '~~~01,' '~~~02' 이런식으로 같은 이름에 숫자가 여러개 존재하는 멜로디들이 있는데 이걸 사용하면 같은 느낌으로 다양한 변주를 넣을 수가 있다. 예를들면 다음 사진과 같다.뭉탱이 단위로 기승전결의 흐름을 만들어서 배치하면 음악이 더 풍성해 진다.'Brixton Lights Rhythm Guitars' 라는 음원이 01, 02 두개가 존재하기에 한 뭉탱이 단위로 순차적으로 배열하니까 음악이 제법 풍성해 보인다. 보통 진짜 심플한 영상의 배경음악으로 들어갈 꺼면 그냥 이렇게 비트+멜로디 딱 두개만 넣어서 한 30-40초분량 음악 만들어서 익스포팅 해버려도 상관은 없다. 하지만 여기에 좀 더 풍부한 효과음원들을 추가할 수 있는데, 예를들면 루프 라이브러리에서 'voice'라는 탭을 눌러보면 다양한 목소리 코러스가 있고, 'Conga' 탭을 눌러보면 아프리카 음악같은 효과도 추가 가능 하다. 음악을 다 완성하고 나면 맨 상단에 'Share' 메뉴에 'Exporting to Disc'라는 메뉴가 있는데 이걸 클릭해서 MP3  파일로 추출할 수 있다.Step 5. iMovie로 영상 편집하기이제 드디어 마지막 단계이다. 지금까지 촬영한 영상들과 위에서 만든 음원을 조합하여 영상을 아이무비로 편집하는 과정이다. 역시 아이무비를 처음 다뤄보는 분들을 위해 인터페이스에 대한 기본적인 내용을 다루고 진행하도록 하겠다.아이무비도 심플한듯 보이지만 처음에는 머리가 아득해지는 인터페이스다.1번탭은 영상의 각 요소대로 만들어진 가장 큰 단위의 탭이다. 즉, My media는 내가 지금까지 촬영한 클립들을 불러오는 탭, Audio는 아까 작업한 음원, Title은 각 영상에 들어가는 자막, Backgrounds는 굳이 촬영한 클립이 없어서 배경에 채워넣거나 중간중간 화면전환용으로 필요한 배경화면들인데 별로 많이 쓰이진 않는다. 마지막으로 Transitions는 각 클립마다 영상 전환이 칼같이 될 것인지, 흐려졌다가 나오는지, 겹쳐져서 나오는지 등등의 다양한 화면전환 효과들이 들어있다.2번탭은 1번탭을 클릭하면 그 하위내용들이 표시되는 탭이다. 예를들어, Titles를 클릭하면 자막으로 쓸 수 있는 다양한 형태의 자막 라이브러리가 뜨는 것이다.3번탭은 거라지밴드와 마찬가지로 영상의 각 요소들을 시간순으로 배치시키는 타임라인이다. 이 부분은 크게 4가지 요소로 이루어져 있다. 1) 맨 밑부분의 초록색 바는 영상 전체에 깔리는 기본 음원이다. 아까 거라지밴드에서 작업한 음원이 여기에 들어간다. 2) 그 위의 초록색 바 들은 영상에 부분부분 들어가는 음원인데 주로 영상에 넣는 효과음들이나 나레이션 목소리가 여기에 들어간다. 3) 영상 클립들이 그 위에 배치된다. 4) 각 영상에 들어가는 자막들이 바로 그 위에 있는 초록색 바 이다. 5) 간혹 이미지를 영상에 삽입하고 싶은 경우가 있는데 3번탭의 맨 왼쪽 위를 보면 바크 로고 이미지가 영상 위에 입혀져 있고 자막은 그 위에 들어가 있다. 이게 이미지와 영상이 함께 들어간 부분이다. 이 부분은 picture in picture 기능을 잘 활용하는 트릭인데 나중에 별도의 글로 따로 설명하도록 하겠다.4번탭은 각 부분마다 현재 꾸며진 영상을 프리뷰하는 부분이고 그 상단에 있는 아이콘들은 그 해당 장면에서 다양한 설정이 가능하도록 해주는 기능들이다. 역시 하단에 따로 설명하도록 하겠다.아이무비로 영상작업하는 순서는 다음과 같다.1. 음원 배치아까 거라지밴드로 작업한, 또는 유투브 무료 라이브러이에서 다운로드 받은 음원파일을 타임라인 (4번탭) 맨 하단에 드래그해서 갖다놓는다.2. 영상 배치영상 역시 파일을 그대로 타임라인에 드래그 해서 갖다 놓으면 되는데, 가져다 놓은 후 잘라내기 (Split) 및 줄이기의 두가지 툴로 원하는 부분만 가져다 놓는다.  화면을 잘라내는 방법은 해당 클립에 커서를 놓고 우측 버튼을 클릭하면 'Split Clip'이라는 메뉴가 있고, 이걸 클릭하면 영상이 그 지점에서 둘로 쪼개진다. 영상을 늘리고 줄이는것은 (스크린샷이 안찍혀서 그냥 말로 설명하겠음) 마우스를 해당 클립 끝 부분에 가져다 놓으면 갑자기 화살표로 커서가 바뀌는데 그때 드래그하면 된다.3. 화면전환화면전환은 너무 많이 넣으면 영상이 촌스럽고 복잡해 보인다. 다음 4가지 부분에만 넣도록 한다. 1) 첫 시작, 2) 도입부-메인부 사이, 3) 메인부-클라이막스 사이, 4) 클라이막스-종료부 사이. 보통 첫 시작은 어두워지면서 밝아지기에 'Fade to Black' 화면전환을 맨 처음에 넣으면 영상이 어두웠다가 밝아지면서 시작한다. 또한, 도입부, 메인부 등 각 섹션 안의 클립들은 화면전환을 넣지 말고 그냥 연결해서 붙여넣고, 위에서 언급한 4가지 부분만 Cross Blur (흐려지면서 전환), 또는 Cross Dissolve (겹치면서 전환)를 배치하도록 한다. 마지막은 어두워지면서 끝내고 싶을때는 'Fade to Black'을, 밝아지면서 끝내고 싶을때는 'Fade to White'을 배치하도록 한다.각 영상클립 사이에 있는 나비리본같은 모양이 화면전환 효과가 들어간 지점이다. 보다시피 한 섹션 안의 영상들은 화면전환 없이 연결한다.4. 화면효과 - 밝기조절 및 필터아이무비에는 마치 사진의 밝기를 조절하고 필터를 넣듯이 영상에도 밝기조절 및 필터를 넣을 수 있는 강력한 기능이 있다. 이건 해당 클립을 클릭하면 4번탭 상단에 아이콘 메뉴들 중 파레트 모양의 아이콘을 클릭하면 화면의 밝기 및 색온도를 조절할 수 있고, 삼원모양의 아이콘을 클릭하면 필터를 입힐 수 있는 기능이다.영상 클립의 밝기조절 및 필터효과를 통해서 다양한 화면 연출이 가능하다. 바크 영상에도 도입부와 후반부에 필터를 입혔다.5. 자막작업자막이 필요한 경우 1번탭에서 Titles탭을 클릭하면 다양한 자막기능을 선택해서 타임라인으로 드래그한 후 4번탭에서 글을 입력할 수 있다. 하지만 우리가 예능에서 보는것 처럼 현란한 자막작업은 불가능하다. 아이무비에서 그나마 쓸만한 자막 기능은 Upper, Lower, Centered 요 3개밖에 없고, 나머지는 너무 과하거나 촌스럽다. 아무튼 저 3개중 하나를 선택해서 드래그해서 타임라인에 갖다 놓은 후 더블클릭하면 4번탭에 다음과 같은 텍스트 편집 창이 활성화 된다. 여기에서 폰트 종류, 정렬, 크기등을 조절할 수 있다. 한가지 팁은, 처음에는 글씨에 외각선이랑 그림자, 볼드처리가 자동으로 되어있어 매우 촌스러워 보이는데 당황하지 말고 'B'라는 버튼과 'O'라는 버튼을 클릭하여 외각선과 볼드처리를 해제시키면 된다. 또한 자막을 드래그해서 원하는 장소에 갖다 붙이는 기능 역시 지원하지 않아 당황할 수 있는데 역시 당황하지 말고 Lower의 경우 맨 끝에서 엔터를 여러번 치면 글씨가 점점 위로 올라가서 인위적으로 중간쯤에 갖다 놓을 수 있고, 역시 스페이스바를 여러번 쳐서 원하는 장소에 딱 글씨를 갖나 놓을수도 있다.자막을 더블클릭하면 텍스트 수정창이 활성화 된다.이런 과정을 거쳐서 모든 작업을 끝 마쳤다면 상단의 메뉴에서 File > Share > Export to Disc 탭을 통해서 만든 영상을 mp4 포맷으로 추출할 수 있다.아이무비로는 사실 이것 보다 훨씬 다양한 영상편집 기능을 제공하는데, 이걸 잘만 활용하면 비싼 어도비 프리미어나 파이널컷 프로가 필요 없을 정도로 알차게 활용 가능하다. 이 부분은 향후 별도의 글을 통해서 팁을 전하도록 하겠다.자, 이제 모든 단계가 끝났다. 다시한번 바크 영상을 보자.https://www.youtube.com/watch?v=o7g_0yRjDoA<iframe width="700.000000" height="394.000000" src="//www.youtube.com/embed/o7g_0yRjDoA" frameborder="0" allowfullscreen="">서론에 보여준 이 영상은 사실 이 5단계를 모두 거쳐 작업시간이 약 2주정도 소요된 영상이다.바크 홍보 영상은 위의 단계를 모두 거쳐서 약 2주정도의 시간이 걸려서 완성되었다. 다시한번 강조하지만 에이전시에서 전문적인 툴로 작업하는 고퀄영상에 비할바는 절대로 못되지만, 초기 스타트업이 페이스북이나 인스타 등에 주로 마케팅 하는 용도의 영상으로는 크게 나쁘지는 않다고 생각한다. 당신이 혹시 주머니돈 아껴가며 어렵게 제품 홍보하고 있는 초기 스타트업이라면 수백만원의 아까운 돈을 영상제작에 쓰지 말고 차라리 영상을 직접 제작한 후에 그 돈을 영상을 뿌리는 광고비에 쓰라고 꼭 말씀드리고 깊다. (혹시 이 글이 어느정도 도움이 됐다면, 보답으로 바크 페이스북에 가서 본 홍보영상에 라이크 버튼을 살포시 눌러주시면 매우매우 감사하겠습니다!!!)글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기

누구보다 열정 가득한 겨울방학을 보내고 있는 분들이 있죠. 바로 임팩트 베이스캠프의 7기 수강생분들(이하 베이스캠퍼)입니다! 이번 기수에도 어김없이 ‘DT 프로젝트’를 수행하기 위해 열띤 토론을 벌이고 있는데요. 21명의 수강생은 5개의 팀으로 나뉘어 Design Thinking 수업과 Strategic Leadership 수업을 통해 사회문제를 발견하고 해결하는 과제를 수행하게 됩니다.7기 베이스캠퍼들이 선정한, 해결하고 싶은 사회적 문제는 무엇일까요? 오늘부터 5주간 팀별 인터뷰를 통해 베이스캠퍼들의 ‘DT 프로젝트’ 진행과정을 생생하게 전해드리겠습니다.오늘 첫 번째로 만나볼 팀은 강정훈, 주민경, 정란근, 정재훈 베이스캠퍼들이 속해있는 A조입니다.함께 만나보시죠!INTERVIEW .Q1. 하나의 키워드로 본인에 대해 소개해주세요!Q2. 우리 팀이 해결하고 싶은 사회적 문제는 무엇이며, 왜 이 주제를 선정하였나요?정훈: 팀원 모두 공통적으로 주목하고 있는 문제가 정신건강이었어요. 초, 중, 고등학교를 같이 나온 친구가 서번트 증후군을 겪고 있는데 그 친구의 부모님 마음을 생각하다가 [발달장애 아동을 둔 부모의 정신건강 문제]를 다뤄보자고 제안했어요. 정신건강 이슈는 앞으로 더 심각한 사회문제로 대두될 것 같아서 해결하고 싶은 주제로 선정하게 되었습니다. 그분들이 일상 속에서 행복해졌으면 하는 바람으로요.민경: 정신건강 문제는 스스로 빠져나오기 어렵고, 누구한테 도와달라고 이야기하기도 힘든 병이라고 생각해요. 발달장애 아동을 둔 부모의 정신건강에 집중한 이유는, 발달장애 아동을 대상으로 한 정신건강 프로젝트는 있는데 그 부모에 대한 부분은 접해보지 못했기 때문이에요.란근: 덧붙여서, 부모의 정신이 건강해지면 이 효과가 발달장애 아동한테도 좋은 영향을 줄 거라고 생각했어요. 선순환을 기대하며, 발달장애 아동이 아닌 그들을 돌보는 부모의 정신건강 이슈를 다루기로 했어요.▲ A조의 문제 정의에 대해 설명하고 있는 주민경 베이스캠퍼의 모습Q3. 문제 정의 이후 진행한 인터뷰 경험을 나눠주세요! 이 활동을 통해 어떤 점을 배울 수 있었나요?민경: 저는 평소에 주변 사람들에게 무심했던 건 아닌가 생각했어요. 동아리 활동을 같이했던 친구가 예전에 ‘장애인복지관의 수익 증진 프로젝트’를 선택했던 것이 기억나서 인터뷰를 했거든요. 그때는 왜 그 프로젝트를 선택했는지 물어보지 않았는데 알고 보니 그 친구의 오빠가 발달 장애인이었어요. 3년을 알고 지낸 동기임에도 저는 그 사실을 이번에 처음 알았고 인터뷰를 진행하면서 ‘왜?’ 혹은 ‘그래서 또 어떤 사례가 있어?’라고 물어보는 과정이 힘들기도 했어요.란근: 저 같은 경우는 직장을 다녔었기 때문에 데스크에 앉아 통계자료를 통해서만 문제를 보는 것에 익숙했어요. 직접 찾아가서 인터뷰를 해본 결과, 통계와 인터뷰이(interviewee)가 원하는 게 다를 수 있겠다는 생각이 들었어요. 통계자료를 보면 장애 아동을 둔 부모가 그렇지 않은 부모보다 우울증이 심하다고 나와 있거든요. 그런데 왜 장애 아동 엄마가 우울증이 더 심한지는 찾을 수 없었어요. 인터뷰를 통해 그 이유를 더 알아갈 수 있을 것 같아요. 정말 필요한 솔루션을 내기 위해서는 본질적인 문제를 파악하는 것이 중요하다는 것을 배웠습니다.Q4. DT 프로젝트를 통해서 팀이 이루고 싶은 목표는 무엇인가요?위안과 행복을 주는 솔루션을 기대해요.란근: 첫 번째는 근본적인 문제점을 찾는 것, 그리고 두 번째는 발견한 문제점을 해결하기 위한 어떤 서비스나 제품을 개발하는 것, 마지막으로 세 번째는 그 아웃풋이 실현되고 실질적인 도움으로 이루어졌으면 하는 것이 저희 팀의 목표에요.재훈: 발달장애 아동을 둔 부모님 중 한 분이라도 저희의 솔루션으로 위안과 행복을 느끼셨으면 좋겠어요. 개인적으로도 그 암묵적인 목적에 달성하고 싶습니다.▲ Design Thinking 수업시간 중 회의하고 있는 A조의 모습Q5. DT 수업이랑 SL 수업을 병행하고 있는데 두 수업에 대한 소감은 무엇인가요?냉탕, 온탕 섞으면 효과도 더 좋다고 하잖아요!정훈: 전략적 리더십의 실천 수업시간에 강사님께서 ‘같이 놀고 얘기하면서도 그 상황을 관찰할 수 있어야 한다’고 말씀하셨는데 인터뷰를 할 때도 적용해서 전략적으로 접근하면 효과적일 수 있겠다고 생각했어요. 두 수업의 강사님 스타일이 완전히 다르신데 확실히 디자인씽킹 프로젝트와 전략적 리더십의 실천 수업을 병행하는 게 좋은 것 같아요. 냉탕, 온탕 섞으면 효과도 더 좋다고 하잖아요.(웃음)민경: 팀 내에서 모두가 리더십을 발휘한다는 게 어색하기도 하고, 새로웠어요. 전략적 리더십의 실천 수업을 통해 전략적으로 사고하고 말하는 훈련이 머릿속으로 생각하는 게 아니라 몸에 자연스럽게 익혀지면 팀 내에서 긍정적인 도움이 될 것 같아요.재훈: 저는 전략적 리더십의 실천 수업은 생각을 할 거리를 던져줘서 좋아요. 조별 토론을 마치고, 강사님께서 ‘1시간 동안 토론한 목적이 무엇이냐’고 물어보셨을 때 머리를 한대 맞은 느낌이었거든요. 토론 내내 필요 없는 말만 한 것 같다는 생각이 들었어요. 팀에 도움이 되는 방법이 무엇인지 고민하는 과정이 저한테는 좋은 자극이 되는 것 같아요.▲ 인터뷰를 마친 A조의 모습해결하고 싶은 사회문제에 깊이 있는 공감으로 첫 출발을 한 A조, 너무나도 멋집니다! 지속적으로 선한 영향을 줄 수 있는 솔루션이 나왔으면 좋겠다는 그들의 바람이 남은 수업을 통해 이루어졌으면 좋겠네요. 졸업식 당일 그들의 멋진 발표를 기대하며, 다음 인터뷰로 돌아오겠습니다 :D#루트임팩트 #임팩트베이스캠프 #청년체인지메이커 #헤이그라운드 #디자인씽킹 #전략적리더십 #사회문제해결 

1. 좋은 브랜드 만들기에 대한 관심.세상에는 단순히 보기 좋은 멋있는 브랜드가 아니라, 그들의 철학과 가치관을 효과적으로 전달하는 매력적인 브랜드들이 정말 정말 많습니다. 좋은 브랜드들을 발견할때마다 ‘갖고싶다 저브랜드..’ 보다는‘와 샘난다.. 쟤네 왜이렇게 잘해’ 라고 느끼는 저는 좋은 브랜드들이 ‘왜 좋은지, 어떻게 좋은 브랜드가 되었는지, 앞으로는 어떠한 전략을 가지고 있는지’ 등에 관심이 많고 그들의 행보과 가치를 연구하고 있습니다. 그리고 최종 목적은 언젠가 어떤 형태로든 ‘좋은 브랜드’를 만드는 것이고요!2. 슬라운드와의 만남지난 해 여름, 우연한 기회로 매트리스 스타트업의 브랜드 디자이너로 합류하게 되었습니다.브랜드 디자이너라고는 하지만, 창업자들과 처음만나 이야기를 나누어 보니디자인의 ‘ㄷ’ 관련한 모든 일..이 슬라운드 안에서 제가 앞으로 마주해야할 일들이었습니다.(매트리스 두개뿐인 황량한 쇼룸부터.. 강력한 군청의 파란색 로고까지..)그래서 사실 메모리폼 매트리스에는 별로 관심이 없었지만.. 학부에서 인테리어를 전공한 이후 가구회사, 전시회사, 인테리어 회사 등을 거쳐  공간, 그래픽 작업을 하면서 현재는 대학원에서 석사과정으로 브랜드 개발을 연구하고 있는..매우 ‘잡식스러운’ 욕심 많은 디자이너에게 다양한 영역을 경험할 수 있는 이 곳이 내가 하고싶은 것들을 다 해볼 수 있는 꽤 좋은 환경일 것 같다고 생각했습니다!(물론 이는 착각이었음이 금새 판명..)3. 그리고 슬라운드와의 만남이후 들었던 생각들.1) 젊은 아저씨들이 왜 매트리스를..?인테리어 업계에서 일하면서 많은 가구 브랜드들을 관심있게 봐왔음에도 불구하고사실 매트리스하면 에이스침대, 시몬스 등만 생각날 정도로 매트리스가 현재시점에서 새로울게 있나? 하고 생각했었는데요.슬라운드와 만남이후, 좋은 매트리스를 사용해야하는 이유에 대해 납득하게 되었고 국내외 메모리폼 매트리스 브랜드들의 성공사례를 보면서 오래되고 새로울게 없다고 생각했던 낡은 산업이 오히려 혁신의 가능성이 있다는 게 흥미로웠어요.잠이라는게 우리 삶에서 매우 필수적인 요소 중 하나 인데, 보다 좋은 잠을 위해 적극적으로 수면 환경을 개선해야겠다는 생각은 못했던것 같아요.그리고 무엇보다 좋은 매트리스를 개발하겠다는 의지로 걸어온 슬라운드의 발자취가엄청 새롭고 혁신적인 시도들이라기보다, 맨땅에 헤딩하고 낡은 구조에 타협하기 않기 위해 (원래 그런것 또는 익숙함과 편함을 위한 방식 거부) 발도 뛰어 왔다는 점도 재미있었고요. 오히려 이런 집착이 혁신의 발판이라는 생각이 들었어요.국내외 매트리스 스타트업의 혁신사례2) 아직 명확히 정리되진 않았지만 추구하는 가치와 철학에 대한 동의!파랑파랑 슬라운드 / Brand guidelin v.5ㅌ그리고 창업자들이 초기에 정리한 브랜드 가이드 라인을 전달받았습니다."우리가 브랜드가 사람이라면 어떤 생각/행동을 할까?"라는 질문으로 시작하는30페이지에 달하는 브랜드 철학에 대한 이야기들... (부담..)매트리스 업계에서 한번도 등장 없는 identity의 구축을 하고싶다는 사장님들..ㅎㅎ장인적신, 배려심, 실험정신 이라는 브랜드 철학을 바탕으로 전문이면서 센스있는 (배려심있는) 그리고 친근하고 고급스럽고새로운 것을 시도하는!3가지의 브랜드 철학과 5가지 브랜드 아이덴티티 키워드들을 구체적인 예시 상황에 빗대어'슬라운드가 앞으로 어떤 태도와 이미지의 브랜드가 되고 싶은지' 빼곡히 적혀 있었고,아직 일관성 있는 이미지는 아니지만, 슬라운드가 무엇을 추구하는지 명확히 느낄 수 있었습니다. 그리고 그 철학과 가치관에 진심으로 동의했습니다. 4. 내가 좋아하는 브랜드가 될것 같아.이렇게 슬라운드를 만나고  브랜드 가이드 라인을 통해 전달되는 슬라운드가 추구하는 방향을알게 되면서 추구하는 철학과 가치관이 멋지다고 생각했고,무엇보다 내가 좋아하는 브랜드가 될 것 같다는 생각이 들었습니다.그리고 설레는 마음으로 슬라운드 브랜드 아이덴티티 개발 작업에 참여하게 되었습니다.졸업후 석사과정을 하고 있지만, 브랜딩이라는 영역은 공부하면 할수록 아직도 알아야할게 너무나 많고, 하나의 브랜드의 아이덴티티를 만들어 간다는게 정말 어렵고 책임감 있는 일이라는 것을 알기에한편으로 마음이 무겁기도 했지만! 최선을 다해 좋은 결과를 만들겠다고 생각했어요.그리고 앞으로 슬라운드의 팀원으로 소속되어 지난 6개월간 만들어온 슬라운드의 브랜드 아이덴티티 개발과정을 소개할 예정입니다. 사실 단순히 포트폴리오를 보여주기위해 결과물을 공유하는게 아니라, 디자인 과정과 나의 시행착오들을 있는그대로 공유하다는게 처음엔 엄두가 안나기도 했어요.이전까지는 보여주고 싶은 보기 좋은 것들만 포트폴리오로 남기면 되지라고 생각하기도 했고,그렇게 비주얼에 초점을 맞추어서 작업해온 것들고 있고요.그러나 하나의 신생 브랜드에 소속되어 디자이너가 아닌 다른 팀원들과 처음부터 브랜드 개발하는 과정을 경험하면서, 브랜딩은 디자이너 혼자만의 몫이 절대절대 아니라는 것을 절실히 깨닫게 되었습니다.그래서 우리가 무엇을 고민하고 어떻게 해결해왔는지.. (수많은 시행착오들..ㅜㅜ)그 고민의 흔적들을 꼭  나누고 싶다는 생각이 들었습니다. 단순해 보이는 로고 하나가 반년의 (고난의)시간을 거쳐 어떻게 탄생하게 되었는지 지켜봐주세요.

우리나라에서 웹 서비스가 아이디어에서 출발해 출시되기까지 여러 단계를 거치게 되는데 크게는 기획, 디자인, 개발의 3단계를 거치게 된다고 볼 수 있다. 각 단계별로 세분화된 역할들이 있어도 결국은 각각 기획자, 디자이너, 개발자로 분류된다. 어니스트펀드에서는 그들이 제품개발팀을 이루고 있다.어니스트펀드 제품개발팀나는 그중 개발자로 속하고 퍼블리싱 & 프론트 개발을 하고 있다. 퍼블리싱은 디자이너가 그린 디자인된 화면을 웹페이지용 프로그래밍 언어라고 할 수 있는 HTML과 CSS로 웹 문서화하는 것이고, 프론트 개발은 HTML과 CSS로 만들어진 웹문서를 사용자의 의도/목적에 따라 기능이 동작하도록(주로 데이터 입출력, 예를 들자면 네이버 검색창의 자동 완성이나, 네이버 메인의 다음 뉴스 보기 등) 기능을 개발하는 것이다.어니스트펀드에서는 팀원들이 자신의 지식/경험을 공유하는 브런치 글을 돌아가면서 쓰고 있고 나도 함께하기로 결정하였다. 내가 가치 있게 공유할 수 있는 내용이 무엇인지를 고민하면서 나의 과거 경험들을 생각해보았다.나는 2002년 웹 디자인을 시작으로 퍼블리싱 업무를 겸하다 2004년부터 퍼블리싱 업무를 본격적으로 했고 2011년부터 스타트업에 합류하면서 기획 및 프론트 개발까지 제품 개발에 있어서 서버 개발을 제외한 사용자와 접하는 모든 업무를 두루 경험하였다. 보통 디자인 전공자들은 기획파트로 전업하는 경우가 많지만 나는 프로그래밍 언어로 코드를 작성하는 것이 재미있어 기회가 닿을 때마다 업무 영역을 넓혀왔다.따라서 기획과 디자인, 퍼블리싱, 프론트 개발에 이르는 사용자와 접점이 많은 다양한 업무를 해오면서 경험한 것을 바탕으로, 서비스를 구성하고 화면을 개발하는 데 있어 도움이 되는 유용한 내용을 공유하고자 한다.1. 많을 땐 나눠서 해결하자정보가 많다는 것은 정리 정돈할 물건이 많다는 것과 비슷하게 생각할 수 있다. 물건이 목적에 맞게 정리되지 않으면 찾기 어렵고 정리해놓더라도 쉽게 어질러질 수 있다. 정보도 마찬가지로 목적에 맞게 정리가 안되어 있을 때 이해가 어렵게 되고, 이해가 어려워서 이해를 돕기 위한 불필요한 설명이 덧붙여지다보면 더욱 이해하기 어려운 결과를 낳게 된다. 그렇게 되면 결국 설명하는 말만 늘어나고 고객의 이해는 저편에 남게 된다.웹페이지가 뜨는데 1초, 훑어보는데 3초, 원하는 정보를 캐치하는데 5초로 충분해야 한다. 사용자가 원하는 정보를 5초 안에 캐치하지 못할 정보의 양이라면 정보를 나누는 것이 좋다. 2. 제목을 생략하지 말자목적으로 나누어진 정보를 사용자가 빠르게 캐치할 수 있도록 돕는 가장 중요한 요소는 바로 제목이다. 제목은 본문을 다 읽지 않아도 내용을 어느 정도 짐작할 수 있게 한다. 따라서 훒어보는데 3초라는 의미는 한 페이지의 메뉴와 제목을 훑어보는데 필요한 시간이다. 이런 제목의 중요성 때문에 제목은 직관적이어야 하고 되도록 생략하지 말아야 한다. 생략을 할 때는 제목이 없어도 이해가 가능하며, 생략된 제목을 누구나 유추할 수 있을 경우가 아니면 제목의 생략을 피하도록 한다. 위 캡쳐화면은 네이버 메인 콘텐츠의 일부를 캡처한 이미지다. 네이버 메인 중 제목이 생략된 예는 왼쪽 하단 영역인 '주제형 캐스트'뿐이다. 다른 영역들은 '뉴스스탠드', '쇼핑' 등 제목을 생략하지 않고 노출시키고 있다. 메인 페이지처럼 목적이 다양한 페이지일수록 콘텐츠의 성격을 분명히 알 수 있게 하는 제목은 짧은 시간 안에 원하는 정보를 찾는데 도움을 준다.3. 한눈에 중요 정보를 읽을 수 있게 하자그다음으로는 정보의 배치이다. 해당 정보가 발생한 원인, 결과 등 고객이 인지하는 과정에 기반한 그룹으로 나누는 것이 좋다. 정보를 배치할 때는 개별 정보의 중요도 순서와 왼쪽에서 오른쪽, 위에서 아래로 흘러가는 흐름대로 배치고 중간에 역행하는 구성이 없는 것이 좋다. 국내 대형 인터넷 쇼핑몰의 상품 목록을 보면서 위 설명을 이해할 수 있다.정보 배치에 정답이 있는 것은 아니지만 마치 정답이 있는 것처럼 상품, 제목, 할인율, 가격, 현재 판매현황에 이르는 순서대로 나열하고 있다. 이는 선두업체를 따라 흉내 낸 것이 아니라 이와 같은 구성이 인지하기에 용이하기 때문에 모두 이와 같이 구성했다고 생각한다.   4. 어렵지 않게 보이도록 하자서비스에 대한 정보를 전달하고 나서 우리가 기대하는 바는 고객이 서비스를 이해하고 우리 서비스를 이용하게 하는 것이다. 쇼핑몰에서는 주문을 받는 것일 것이고, 어니스트펀드의 경우는 대출이나 투자를 신청하는 경우이다. 서비스를 이용하게 하려면 고객의 정보를 필수적으로 입력을 받아야 한다. 어니스트펀드의 경우는 대출 및 투자에 대한 금융서비스이기 때문에 더욱 많은 정보를 고객에게 요청한다. 고객의 정보를 웹 상에서 입력을 받을 때는 "폼"이라는 일종의 정형화된 웹페이지 구성항목을 이용하게 되는데 이것은 정형화되어있기 때문에 남들과는 다른 개성적인 방식을 이용하기는 어렵다. 금융서비스의 입력 폼이 아주 쉽지는 않다는 것을 고객들은 여러 다른 서비스를 이용하면서 어느 정도 알고 있다. 그러나 고객이 중간에 포기하지 않고 제대로 서비스 이용을 완료할 수 있도록 어렵지 않게 만들어야 하고, 언제나 경쟁사의 서비스를 확인하고 경쟁사보다는 어려워 보이지 않도록 만들어야 한다.5. 순서는 반드시 지키자순서는 여러 가지가 있다. 입력해야 할 항목이 무엇인지를 알려주는 입력항목 및 입력하는 창(=입력 필드), 입력하는데 필요한 도움말, 입력해야 할 항목들을 나열하고 전송/입력완료 버튼까지의 순서가 곧 정보의 순서이다. 이 중 쉽게 놓치는 부분은 첫 입력 필드에서 입력완료 버튼까지의 여정 중에 연관이 없는 링크나 버튼을 추가하는 경우이다. 이 순서는 디자인상으로는 잘 구분되지 않을 수 있지만, 웹코드 상으로는 100% 지켜져야 하는 순서이고 디자인과 웹코드의 순서가 일치하면 가장 좋은 결과이다.'다음'과 '네이버'의 로그인 영역을 비교해보자면 두 포탈 서비스 모두 메인 검색창에서 탭키로 아이디 입력 칸까지 이동할 수 있지만, 아이디 입력 후 비밀번호를 입력하고 로그인 버튼을 누르기까지의 탭키 이동 경로가 다르다. 다음 로그인 화면네이버 로그인 화면다   음 : 아이디 입력 -> 비밀번호 입력 -> 로그인 버튼 -> 로그인 상태 유지 순서로 이동한다.네이버 : 아이디 입력 -> 비밀번호 입력 -> 로그인 상태 유지 -> IP보안 선택여부 -> 로그인이다.탭키로 입력필드를 이동하는 경우가 곧 웹코드상에서의 각 입력 필드의 순서가 되는데, '다음'과 같은 경우는 아이디/비밀번호 입력 후 로그인에 대한 옵션을 키보드로 선택하기 위해서는 로그인 버튼을 지나쳐야 선택할 수 있다. 로그인에 대한 옵션은 로그인 버튼을 선택하기 전에 나오는 것이 더 자연스럽지 않을까? 눈에 보이는 순서도 중요하지만 각 입력필드의 논리적 우선순위를 지키는 것 또한 중요하다.6. 틀린 부분을 즉시 명확하게 알려주자고객이 언제나 우리가 기대한 값을 입력해주지는 않는다. 이 경우 너무너무 명확하게도 오류가 발생한 시점에 오류가 발생한 지점을 알려주는 것이 필요하다. 10개의 입력필드가 있는데 입력완료 버튼을 누르자마자 10개 항목 구구절절이 맞고 틀리고를 알려주는 것보다는, 오류가 발생한 시점에 알려주는 것이 훨씬 인지가 빠르다. 따라서 오류 항목을 보여주어야 하는 곳은 해당 입력필드의 다음이고 전송 버튼이나 후속 작업 이전이 되는 것이다. 위 캡쳐화면은 어니스트펀드에서 대출을 받고자 할 때 이름과 생년월일을 입력하는 부분이다. 필자는 생년월일 부분에 5월 32일이라고 없는 날짜 정보를 넣었고, 이와 같은 입력 실수는 사용자가 실수를 했다는 것을 시스템이 "정확한 정보를 입력해 주세요"라고 즉시 알려주고 있어 사용자가 입력을 실수하지 않도록 돕고 있다. 웹 페이지를 보는 고객들은 아무런 도움 없이 해당 서비스를 이해하고 이용할 수 있어야 한다. 똑같은 정보라고 하더라도 어떤 순서로 어떻게 보여주느냐에 따라서 인지와 인식은 크게 개선될 수 있다. 하물며 정보까지 가공을 하게 되면 더욱 큰 개선을 이끌어 낼 수 있다. 각자가 맡고 있는 서비스에서 5초 안에 고객이 원하는 정보를 웹 페이지 내에서 바로 인지할 수 있는지를 생각해보고 아니다면 테스트해보고 개선해보자.#어니스트펀드 #개발자 #개발팀 #UX개발 #철학 #인사이트

안녕하세요 Ava입니다. 오늘도 역시 미미박스의 핵심가치를 현실화하는 MVP를 소개 드리려고 하는데요.바로 포니이펙트 셀의 컨텐츠 디렉터 업무를 하시는 JAY입니다.JAY는 미미박스는 네 가지 핵심가치Focus on people, Lead self-motivated action, Never stop changing, Deliver trust 중변화 주도 부문에서 동료들에게 최고의 피드백을 받은 미미박서입니다.(미미박스의 핵심가치와 기업문화 보러 가기 클릭)JAY는 늘 긍정적으로 동료들과 피드백을 주고받고 있다고 해요.이런 긍정적인 파워로 동료들과 변화를 주도해가고 있는 제이의 이야기를 한번 들어보시죠!Q. 제이 입사 스토리가 유명하다고 들었어요. 입사 스토리 좀 이야기해주세요!A. 그 이야기가 그렇게 유명한가요?(하하) 저는 삼청동에 있는 스킨케어 브랜드에서 아르바이트를 하다가 미미박스 공동창업자한테 길거리 캐스팅됐어요. 매장에서 30분 넘게를 이것저것 물어보시고 안 사고 그냥 나가시더라고요. 그래서 ‘에잇, 안 사시려나 보다’ 생각하고 있었는데 다시 들어오셨죠. 구매하기로 결정하셨나 했는데 미미박스에 지원해볼 생각 없냐며 메모지에 연락처를 적어주셨어요. 미미박스가 한창 핫할 때이기도 했고 관심이 생겨 조인하게 됐죠.Q. 연예인 캐스팅 비화 같네요~ 그럼 처음부터 컨텐츠디렉터로 일하신 건가요?A. 그건 아니에요. 저는 처음에는 MD 업무를 했었고, 콜라보레이션 부서에서도 일했었어요. 그곳에서 연예인, 인플루엔서, 모델들과 소통하고 콜라보 업무를 진행했었죠.  지속적으로 컨텐츠나 대외협력과 관련된 직무에서 일했었어요. 지금은 포니이펙트에서 컨텐츠디렉터 일을 하고 있어요.포니이펙트의 슬로건 'MAKE YOUR SCENE'Q. 컨텐츠디렉터라면 정확하게 어떤 업무를 하시나요?A. 포니이펙트가 추구하는 브랜드의 컨텐츠를 기획하고 표현하는 일이에요. 포니이펙트는 ‘탈뷰티’를 추구해요. 기존 뷰티 브랜드들이 ‘아름답게', ‘여성스럽게’ 라는 방향으로 컨셉을 잡는다면 포니이펙트는 약간은 뷰티스럽지 않은 정체성을 추구해요. 즉, 얽매이지 않은 당당하고, 유니크한 브랜드 이미지죠. 3분기 컨셉이 ‘오드아이’였는데 일반적으로 뷰티 산업에서 선택하는 컨셉은 아니거든요. 기존에 사용하지 않은 정체성을 통해 소비자들의 아름다움에 대한 욕구를 일으키게 해야 하다 보니 컨텐츠디렉터로서의 업무가 더욱 중요한 이유이기도 한 것 같아요 Q. 이번에 NEVER STOP CHANGING 부문에서 MVP가 되셨어요! 제이가 생각하는 변화는 무엇인가요?A.  저는 현실적인 변화를 추구해요. 보통 변화라고 하면 이상적인 것을 이야기하는 데 이런 것들은 실무자들의 의욕을 오히려 저하시키죠. 즉, 1에서 10으로의 변화는 어렵지만 1에서 2로, 2에서 3으로 가는 변화는 실현 가능성이 높거든요. 그리고 저는 실패 앞에서 쉽게 좌절하지 않아요. 항상 긍정적인 태도로 받아들이려고 노력합니다. 그런 태도는 저 자신한 테뿐만 아니라 동료들에게 피드백을 줄 때도 항상 기분 나쁘지 않고 온화하게 하려고 노력하고 있어요. 어떻게 얘기하느냐에 따라 사람의 행동이 달라지거든요.‘안돼, 안될거야’ 라는 생각을 버리고 긍정적인 시각으로 주변을 돌아보면 내가 바꿀 수 있는 건 너무 많은 것 같아요. Q. 제이가 만들어 낸 가장 기억에 남는 변화가 있을까요?A. 제가 포니이펙트에 조인하고 가장 먼저 한 일이 인스타그램 계정을 뒤집어엎은 일이었어요. 이전의 계정은 누가 봐도 포니 얼굴밖에 없는, 프로모션 위주의 페이지였거든요. 저는 고객 접점 채널인 SNS에서부터 포니이펙트의 아이덴티티를 반영해야 한다고 생각했어요. 고객들에게 포니 제품을 푸시 하는 것보다 포니이펙트가 추구하는 비주얼, 이미지를 보여줘야겠다고 생각했죠. 고객들이 ‘느낌 있는 사진이 올라오네’, ‘흥미로운 페이지다’ 라는 생각만 만들어낼 수 있더라도 더 큰 효과를 낼 수 있다고 판단했어요. 팔로워는 꾸준히 상승세구요 현재 포니이펙트에서 운영하고 있는 인스타그램 @ponyeffect_seoul Q. 업무에서 변화를 일으키는 게 쉽지 않을 것 같은데요, 노하우나 팁이 있을까요?A. ‘변화’는 거창한 게 아니에요 전혀! 현실적인 변화를 추구하고 제시할 수 있으면 되는 것 같아요. 예를 들어 저는 쉴 때도 뷰티 외 산업의 제품, 매장, 서비스 등 을 유심히 관찰해요. 미디어, 패션, 스포츠 등 시야를 넓히면 변화에 대한 아이디어도 쉽게 낼 수 있어요. 예를 들면, 제가 관심 있던 잡지 중 하나인 DON’T PANIC은 문화산업 쪽에 집중했던 매거진이에요. 팀원들도 돈패닉도 서로의 방향에 공감했고, 콜라보가 진행되었어요. 다행히 결과가 좋았죠.다운로드하러 가기 클릭Q. 역시 MVP 다우신데, 4분기에 더 집중하고 싶은 것이 있나요?A. 포니이펙트의 캐릭터를 강화하고 싶어요. ‘동경하고 싶은 여성상’, '비주얼에 강점이 있는 브랜드'로 브랜딩 하기 위한 실험적인 활동을 많이 해볼 예정이에요.Q. 마지막으로 미미박서들에게 전달해드리고 싶은 말씀 있으시면 해주세요.A. 보통 사람들은 '변화'라고 하면 크고 거대한 변화를 만들어야한다고 생각해요. 하지만 변화는 사소한 것으로부터 시작돼요. 여러분 모두 자신도 모르게 주변으로부터 다양한 자극을 받고 있어요. 그걸 그냥 흘려보내면 안 되죠. 그 자극, 변화, 메시지에 대해 조금만 신경 쓴다면 그 순간 많은 변화가 있을 것이라고 생각해요.

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 저는 스포카 기술 블로그에서 그래픽 디자인에 대한 기본적인 내용을을 다루어 볼까 합니다.앞으로 저는 컴퓨터 그래픽 디자인의 기초적인 용어 정리 및 개념 설명부터 실무에 바로 도움이 되는 디자인의 기본 상식 및 방법론까지 스포카 기술 블로그를 통해 설명해 보고자 합니다. 일단 오늘은 컴퓨터를 이용한 그래픽 디자인의 정말 기본이 되는 이미지 형식에 대해 다루어 보겠습니다.비트맵Bitmap 방식과 벡터Vector 방식일단 컴퓨터 그래픽은 크게 비트맵Bitmap과 벡터Vector방식으로 구분됩니다. 비트맵Bitmap은 ‘비트의 지도map of bits‘란 듯으로, 각 픽셀에 저장된 일련의 비트 정보 집합이라고 보시면 됩니다. 디스플레이는 픽셀들의 배열로 구성되어 있습니다. 픽셀들의 배열 방식, 픽셀들의 총 숫자나 가로 세로의 비율이 그 디스플레이의 해상도를 결정짓습니다. 예를들어 1920 x 1080의 해상도를 가진 디스플레이는 가로 1920개, 세로 1080개의 픽셀들을 가진 다는 것을 의미합니다. 가로와 세로의 값을 곱하면 그 디스플레이가 가진 총 픽셀 수가 됩니다.하나의 픽셀은 R빨강, G초록, B파랑의 세 가지의 서브 픽셀subpixel로 이루어져 있습니다, 서브 픽셀의 배열 방식은 디스플레이의 특성에 따라 모두 다릅니다. 서브 픽셀의 배열 방식의 차이는 너무 깊은 얘기이니 본편에서는 다루지 않기로 하겠습니다. 참고로 보편적으로 가장 많이 쓰이고 있는 LCD 방식은 그림에서와 같이 RGB가 하나의 픽셀을 이루어 전체 디스플레이에 배열이 연속됩니다.각 픽셀의 R, G, B는 0~255까지의 값을 가지고 있는데, 이 셋의 조합 (R,G,B)이 그 픽셀의 색상을 정의하게 됩니다. 그리고 그 정의된 색상들의 픽셀이 모여 지도map를 만들게 되고, 하나의 이미지 파일을 만들게 됩니다. (참고로 RGB로 색을 표현하는 방식인 RGB 가산혼합의 메커니즘은 다음 문서 http://ko.wikipedia.org/wiki/RGB 를 참조하시길 바랍니다.)비트맵bitmap은 다른 표현으로 픽스맵pixmap이나 래스터raster 이미지로도 불립니다. 포토샵에서 벡터 기반의 레이어 오브젝트 - 예를 들면 벡터 오브젝트나 편집 가능한 상태의 글자 - 를 비트맵화 시키는 메뉴 이름이 ‘Rasterize Layer’인데, 아마 여기에서 많이 보셨을 단어일 겁니다.벡터Vector 방식은 비트맵과는 반대로 표현되는 그래픽의 형태shape들이 수학적 공식으로 이루어져 있습니다. 다시말해 벡터 방식의 그래픽은 고정된 비트맵을 가지고 있는 것이 아니라, 수학적 공식으로 이루어진 오브젝트들이 그때그때 디스플레이에 비트맵화 되어 스크린에 표시됩니다. 여기에서 좀 더 높은 퀄리티의 이미지를 만들기 위해 안티-앨리어싱anti-aliasing이라는 기술이 사용되는데, 이 부분은 추후에 더 다루기로 하겠습니다.벡터 방식의 그래픽은 다음과 같은 메커니즘으로 구성됩니다. 일단 두 개의 점point이 연결되면 하나의 선path이 됩니다. 그리고 그 선path이 세 개 이상이 되면 면을 만들 수 있습니다. 그리고 각각의 선은 두께 값과 색상 값, 곡률 값을, 면은 색상 값을 가질 수 있습니다. 이렇게 점과 선, 면의 기본적 벡터 그래픽 요소들이 모여 다양하고 복잡한 벡터 그래픽을 만들 수 있게 됩니다.비트맵 방식의 장단점비트맵은 최하위의 레벨에서 렌더링 된 고정된 형식의 이미지 포맷으로, 컴퓨터에서 해당 형식의 파일을 연산하는데 많은 효율성을 지니고 있습니다. 같은 형태의 벡터 포맷 그래픽이라면 컴퓨터에서 더 많은 연산을 수행하게 되어 하드웨어에 부담을 줍니다. 그래서 대부분의 웹사이트와 어플리케이션에서는 비트맵 이미지 기반으로 구성되어 있습니다. 하지만 최근 하드웨어의 발전으로 부담이 적어져 몇몇 사이트에서는 벡터 포맷의 이미지를 실험적으로 사용하기도 합니다.http://www.cambridgeincolour.com/tutorials/image-interpolation.htm비트맵은 최종적으로 렌더링 된 상태의 포맷이기 때문에 이미지 편집이 자유롭지 못 합니다. 그리고 해상도가 고정되어 있기에 업-스케일up-scale을 하면 퀄리티에 큰 훼손이 가며, 다운-스케일down-scale이나 회전 등의 변형 시에도 안티-앨리어싱 작업이 중복으로 적용되게 되어 이미지 퀄리티에 큰 손상이 갑니다.비트맵 이미지의 편집 툴로는 대표적으로 Adobe Photoshop이 쓰이고 있습니다. Photoshop은 현재 GUI 작업에 가장 많이 쓰이고 있습니다. Photoshop은 Drop Shadow나 Inner Shadow, Emboss 등의 Effect 효과의 퀄리티가 가장 좋기 때문에 애플과 같은 스큐어모프skeuomorph한 장식적인 GUI를 제작하기에 가장 효과적인 툴입니다. 스큐어모프skeuomorph (http://en.wikipedia.org/wiki/Skeuomorph)라는 개념은 나중에 한 번 기회를 내서 소개해 드리겠습니다.하지만 Photoshop은 많은 단점을 가지고 있습니다. 일단 레이어 기반의 이미지 편집 툴이기 때문에 작업하는 그래픽 오브젝트가 많아지면 레이어 관리가 정말 어려워집니다. 물론 레이어 네이밍과 컬러 태그 등을 통한 체계적인 레이어 관리로 어느정도 보완을 할 수 는 있지만, 이를 지키기는 정말 어렵습니다. 그리고 레이어를 관리하거나 찾고 편집하는 과정이 비직관적이어서 벡터 기반의 툴인 Illustrator에 비해 많은 노동 비용이 소모됩니다.또한 Photoshop은 Adobe의 프로그램 설계 의도가 그래픽 디자인 툴이 아닌 사진 편집 툴이기에 메트릭 체계를 다루기가 상대적으로 좋지 않습니다. 그래서 좌표나 크기dimension 기반의 디자인 작업을 하기에 비직관적인 면이 있습니다. 또한 Photoshop은 가이드의 기능이 부실하여 그래픽 디자인의 기본이라 할 수 있는 그리드 시스템을 운용하는데 있어서도 Illustrator에 비해 많은 단점을 가지고 있습니다.벡터 방식의 장단점벡터 포맷의 그래픽 편집 툴의 장점은 우선적으로 작업의 용이성을 들 수 있습니다. 벡터 그래픽은 점과, 점으로 이루어진 선, 면으로 모든 그래픽 요소들이 이루어져 있기에, 간단하게 점과 선을 수정하는 과정으로 그래픽 작업을 유지 관리하기가 정말 좋습니다. 즉, 벡터 포맷의 작업 파일이 보존되는 한 자유로운 수정이 가능합니다. 또한 작업된 벡터 그래픽을 바탕으로 언제든지 다양한 방식, 그리고 원하는 해상도의 비트맵 포맷으로 산출이 가능합니다.벡터 방식의 그래픽 편집 툴은 Adobe Illustrator와 InDesign이 많이 쓰이고 있습니다. 전자는 보통의 그래픽 디자인 작업이 목적일 때, 후자는 문서 편집과 간단한 프레젠테이션이 목적일 때 주로 많이 쓰이고 있습니다. 여기서는 GUI 디자인과 그래픽 디자인에 자주 쓰이는 Illustrator의 장단점에 좀 더 집중해 보겠습니다.Illustrator는 위에서 얘기한 벡터 포맷의 그래픽 편집 툴이 기본적으로 가지고 있는 장점 외에도 여러가지 추가적인 장점이 있습니다. 첫째로 Illustrator는 객체 지향의 편집 툴이라 복잡한 레이어 관리가 필요 없습니다. 디스플레이에 표시되는 오브젝트를 보이는 대로 선택하고 바로 편집을 할 수 있습니다. 그리고 오브젝트의 위계 관리는 포토샵의 레이어 판넬처럼 리스트 상에서 전역적으로 관리하기 보다는 오브젝트의 Arrange 기능을 이용해 상대적으로 위계를 손쉽게 관리할 수 있습니다. 또 Lock 기능과 Group 기능을 활용하여 가려져서 보여지지 않는 오브젝트를 적은 과정을 통해 효율적으로 관리할 수 있습니다.둘째로 밀리미터 및 픽셀기반의 좌표 체계를 기반으로 작업하기가 정말 편합니다. Illustrator는 포토샵과 달리 오브젝트를 선택하면 해당 오브젝트의 좌표와 크기dimension가 모두 바로 표시됩니다. 이러한 특성들은 디자인을 코드로 구현할 때 오브젝트를 선택하기만 해도 모든 정보가 나오기 때문에 개발 작업 시 매우 용이합니다.셋째로 가이드guide 기능을 통해 효과적으로 그리드 시스템을 운용할 수 있습니다. 기본적으로 Illustrator에서의 가이드는 오브젝트와 동일 취급이 됩니다. 그렇기 때문에 가이드를 쉽게 복제 및 이동하여 다른 캔버스 및 파일로 이동하여 사용할 수 있습니다. 또한 정확하게 가이드의 위치 좌표 값을 설정 가능하기에 보다 확실하게 그리드 시스템을 운용할 수 있습니다.Photoshop vs IllustratorPhotoshop과 Illustrator에는 각각의 장단점이 있습니다. 포토샵은 퀄리티가 높은 장식예술을 하기에 좋은 도구고, 일러스트레이터는 좀 더 본격적인 의미의 ‘디자인’을 하는데에 어울리는 도구입니다. 결국 디자인 과정에 있어 각 태스크의 성격에 맞는 적절한 툴을 그때그때 골라 쓰는게 가장 현명하다고 볼 수 있습니다.#스포카 #디자인 #디자이너 #포토샵 #Photoshop #일러스트레이터 #Illustrator #인사이트