스토리 홈

인터뷰

피드

뉴스

조회수 4767

스케치로 협업하기- Master파일을 활용해 통일된 디자인 컴포넌트 공유하기

디자인 파일 버전 관리는 모든 디자인팀의 영원한 숙제입니다.StyleShare에서는 프로덕트 디자인 툴로 스케치를 사용합니다. 4명의 디자이너가 인당 한 프로젝트를 맡는 프로세스입니다. StyleShare라는 하나의 서비스 앱/웹의 유지보수와 새로운 기능을 빠르게 디자인하고 가이드화 합니다.여러 디자이너가 한 서비스를 작업하다 보면 디자인 파일과 심볼이 뒤죽박죽이 되기 마련입니다.그렇다고 손 놓고 열심히 작업만 하자니 스멀스멀 문제가 생깁니다. 누군가 질문을 통해서 수면 위로 떠오르죠.“최근에 사용했던 가장 작은 버튼 크기랑 Border 굵기가 얼마였죠?”이 질문은 여러 문제를 포함합니다.분명히 공통 컴포넌트가 있는데, 어떤 게 진짜인지 모르겠다.난 보통 2pt border가 진짠 줄 알았는데 여기선 왜 1pt를 사용했을까.개인이 모두 다른 페이지를 디자인하고, 1pt 단위까지 신경 쓸 여유를 없다 보면 디테일을 놓치는 경우를 종종 목격하게 되었습니다.결국 하지 않아도 될 커뮤니케이션을 하게 되고 작업하기 전 챙겨야 할 요소가 많아지면서 컴포넌트 정리 좀 하자! 는 니즈가 강력해지게 되었습니다.맞춤법 검사기처럼 내 작업물이 최근 디자인 컴포넌트 가이드에 위배되지 않았는지 검사해주는 봇이 등장하지 않는 이상, 처음과 중간과정마다 통일성을 위해선 개인이 챙겨야 합니다.UI Kit? Master File!회사에서 UI Kit를 만드는 건 디자인 리뉴얼이 아닌 이상 굉장한 비용이 듭니다. 그래서 StyleShare에서도 Kit를 대신할 무언가를 고민했습니다. 컴포넌트 정리하자고 Kit를 만들 순 없으니까요.그래서 현재 모바일 앱의 UI, GUI 컴포넌트를 정리하고, 가장 최신 버전으로 추린 파일을 만들었습니다.스케치에 얼마 전부터 심볼 라이브러리[1] 라는 기능이 추가되었습니다. 이 기능을 잘 사용하면 누구나, 어떤 파일이나 같은 심볼을 사용할 수 있습니다. 공유하고자 하는 심볼만 클라우드 드라이브로 잘 공유된다면요. (StyleShare에서는 구글 드라이브를 사용합니다)심볼과 같은 가장 작은 단위를 공유하는 것도 중요하지만결국 이 컴포넌트가 어디서 어떻게 활용되는가페이지 단위로 가장 최근 개선된 UI 디자인은 무엇인가위와 같은 실제 커뮤니케이션의 방해를 이루는 문제는 해결하지 못했습니다.그래서 StyleShare 디자인팀에서는 Master.sketch라는 이름의 한 파일을 운영합니니다. iOS, Android 모두요.거창한 이름처럼 이 파일에는 최근 작업된 UI 디자인과 컴포넌트가 모두 모여있는 스케치 파일입니다.우선 프로덕트를 큰 단위로 그룹을 나누었고 그 안에 속해 있는 모든 페이지 디자인을 아트보드로 나열했습니다.Search 기능 안에 포함된 다양한 페이지들(Artboard)그 안에는 실제 작업했던 Loading이나 Empty 화면까지 포함되어 있습니다.실제 페이지와 아트보드입니다.아이콘/컬러 팔레트 관리는 따로UI 컴포넌트 못지않게 중요한 요소는 아이콘과 색상 팔레트입니다.StyleShare은 아이콘이 많지 않습니다. 유저 콘텐츠가 화려하고 이미지 컴포넌트가 많다 보니 그림으로 UI를 나타내려는 페이지가 적습니다. 그래서 아이콘은 Master 파일 내에서 운영해도 충분했습니다.Icons/44*44부터 Icons/12*12 까지 6과 8배 수로 아이콘을 맞춰서 심볼로 만들었습니다.Styleshare IconsArrow와 Caret은 각 두 벌씩만 만들어 상하/좌우 반전으로 활용합니다.컬러는 Color.sketch라는 파일로 따로 운영합니다. 이 방법이 Nested Symbol[2]로 활용하기도 편하고 색상을 독립적으로 관리할 수 있습니다.색상처럼 잘 변하지 않는 요소는 여러 사람이 스쳐가는 Master 파일과 분리를 해 놓는 편이 실수로 수정될 여지가 적습니다.Styleshare Colors.sketch그래서 뭐가 좋아요?서비스의 모든 페이지를 한 번에 볼 수 있습니다.스케치만 가능한 방법입니다. 포토샵에선 상상도 못할 용량 수준으로 모든 페이지를 모아도 120MB 로 가볍습니다.서비스가 복잡해지면 작업자도 어떤 페이지가 있었는지 기억할 수 없는 지경에 이르게 되는데, 파악하기 쉽습니다.2. UI 컴포넌트의 사용처와 심볼을 동시에 확인할 수 있습니다.UI Kit는 깔끔한 맛은 있지만 활용도가 떨어집니다. 구글의 간지 나는 Material 디자인도 각 서비스에 맞게 활용해 다르게 사용됩니다. 독립적인 심볼과 기능에 맞게 활용한 실제 UI를 함께 보면서 쉽게 디자인에 응용할 수 있습니다.결국 모든 페이지는 심볼로만 각자 다르게 작업할 때보다 서로의 컴포넌트를 가져다 쓰며 통일성을 갖게 됩니다.3. Master 파일에서 서비스의 최신/최종 디자인을 확인할 수 있습니다.“우리 최근에 정했던 버튼 크기랑 Border 굵기가 얼마였죠?”의 저희 답변은 “Master 파일 열어보세요!”입니다.마치며작년부터 디자이너를 위한 버전 관리 툴이 다양해지고 있습니다. 그중에 Abstract[3]이 가장 좋은 평을 받고 있죠. 하지만 모든 좋은 툴을 현업에서 다 도입할 수는 없습니다. 조직 상황과 업무 프로세스에 적합한 지, 학습은 간단한 지, 비용은 얼마나 드는지.. 등등 고려해야 할 요소가 많습니다. 학습 비용 이상으로 효율을 내야 회사에서 좋은 툴이라 할 수 있으니까요.StyleShare에서는 스케치의 심볼 라이브러리, Master 파일↔구글 드라이브만으로 아직은 큰 문제없이 동기화를 하고 있습니다. 동기화는 끊임없이 노력하지 않으면 금방 티가 나는 작업이라 계속해서 고민을 해 보아야 할 것 같습니다.읽어주셔서 감사합니다.p.s. 스타일쉐어의 스케치 도입기+기반닦기는 이 글에서 보실 수 있습니다.[1] 스케치 47 버전부터 추가된 기능. (https://www.sketchapp.com/docs/libraries/)[2] 스케치 41 버전부터 추가된 기능. (https://www.sketchapp.com/docs/symbols/nested-symbols/)[3] 디자이너를 위한 버전 관리 툴 (https://www.goabstract.com/)#스타일쉐어 #개발팀 #개발자 #디자인팀 #디자이너 #협업 #스케치 #Sketch  #경험공유 #인사이트
조회수 914

마음속의 브랜딩: 우리는 왜 맥북을 살까

지난 1월27일 오전10시 애플스토어가 상륙했지요. 몇몇 기사에서 볼 수 있듯 진풍경이 연출되었습니다. 인간복도, 끝도없는 줄, 한겨울노숙투혼, 가즈아 제창, 박수세례 등 사실 애플제품을 사용하지 않는 사람들 입장에선 저게 뭔데? 왜 저래? 라는 의문이 들 수 있는 장면들이었을 겁니다. 이와 같은 브랜드팬심은 사실 애플제품뿐만은 아니었습니다. 2015년 명동에서 발망과 H&M의 콜라보레이션 라인이 등장했을 때에도 노숙투혼 사진이 심심치 않게 올라왔습니다. 심지어 닷새가 넘게 기다린 사람도 있었죠. 뭐 이 때는 중고나라 되팔러들의 열정과 혼을 느낄 수 있는 이슈였다고 치지만, 그럼에도 뭔가 일반적인 경우는 아닌 것 같습니다. 쉐이크쉑버거가 처음 오픈 했을 때도 그러했고, 명동 유니클로는 히트택 세일할 때마다 사람들이 발을 동동 구르며 줄을 섭니다.어떤 브랜드에 열광하고 관심을 가지는 것은 그 정도의 차이가 다를 뿐 사실 누구에게나 하나쯤 애정하는 브랜드가 있기 마련입니다. 우리는 이를 취향이라고 부르기도 하고, 팬심, 덕심 등이라고 부르기도 하죠.애플스토어가 오픈했을 당시에는 역대급 추위가 대한민국을 휘감았던 날이었습니다. 거리엔 비둘기조차 돌아다니지 않는 거친 날이었죠. 하지만 덕심은 추위보다 강했던 모양입니다. 단순히 취향...이라고 하기엔 사람들의 행동이 뭔가 일반적이진 않았던 것 같습니다. 기사에 달린 댓글을 보니... 얼마 전 있었던 애플의 깜짝 배터리 이벤트 때문이었는지는 모르겠지만 대부분 부정적인 댓글들이 많더군요. 저는 개인적으로 디자인을 할 때 맥이 여러모로 편한 점이 있어서 사용하긴 하지만, 뭐 그렇게 덕력이 있다라거나 그런 것은 아닌터라 그저 '흠....' 하는 기분이었습니다. 오늘은 왜 사람들은 추위를 견뎌가며 줄을 서는가에 대해 생각해보도록 하죠 :)당시 33살이었던(나와 동갑...) 김정온 대표는 혼자 카페를 시작했습니다. 그리고 그곳은 1년만에 4개의 점포를 더 냈고, 2017년 10월 기준 32명의 직원이 있는 핫한 곳이 되었습니다. 당초엔 김포 본점으로 시작했습니다. 그러나 주말이면 사람들이 너무 많아 와서 문제(?)가 되어버렸죠. 폭풍입소문에 인스타에는 온통 인증샷으로 가득했고, 주변 도로가 마비되고 불법주차 때문에 경찰까지 나와서 교통정리를 해야하는 해프닝도 생겼습니다. 바로 '카페, 진정성' 의 이야기죠.카페, 진정성에 대한 이야기는 이미 너무 많은 인터뷰와 기사를 통해 등장한 터라 더 이상의 자세한 설명은 생략하도록 하겠습니다. 이 곳의 최대무기는 이름 그 자체입니다. 사람들을 줄 서게 만드는 힘은 '진정성'이죠. 먹거리는 정직함을 기반으로 합니다. 그 힘은 누구도 부정할 수 없죠. 품질과 서비스관리를 위해 100% 직영점으로만 운영하겠다는 철칙과, 재료선택, 제조방식 등 어느 것 하나도 타협하지 않는 고집스러움은 이 시대의 브랜드에게 새로운 메시지를 던져줍니다. 우리의 브랜드는 진정성이 있을까?... 그 진정성은 얼마나 고집스럽고 정확한 포인트를 향해있는지. 말입니다. 대부분의 사업은 모두 진정성있게 시작됩니다. 메시지가 있고 철학이 있죠. 그러나 문제는 그것을 유지하고 다른 색과 섞이지 않게 만드는 것입니다. '카페,진정성'이 밀크티가 대박쳤다고 해서 갑자기 밀크티 프랜차이즈 제품을 내버리고, 굿즈를 만드는데 신경쓰고 매장확장에 올인을 했다면 지금과 같은 곳이 될 수 있었을까요. 물론 앞서 말한 것들이 나쁜 것들은 아닙니다. 하지만 사람들이 우리 브랜드의 어떤 점을 사랑하는 지에 집중해야하죠. 카페,진정성의 매력은 그 고집스러움입니다. 내 몸에 들어가는 음식물이 무엇보다 정직한 것들로 정직하게 만들어졌다는 믿음. 저도 밀크티를 무척좋아합니다만, 진정성의 밀크티는 확실히 담백하고 맛있습니다. 그러나 마시는 순간 갑자기 용이 날아다니고 관자놀이에서 번개가 치는 비룡의 맛이 아닙니다. 그냥 맛있네~ 정도랄까요. 다만 24시간 내내 제조한 그 밀크티를 천천히 음미하는 그 자체에서 의미가 생깁니다. 특별한 밀크티를 마신다는 그 기분이랄까요. 그리고 그 기분이 거짓이 아니라는 데에서 만족감을 얻게 되죠. 인지부조화로 인한 묘한 불편함을 느낄 필요가 없다는 것. 브랜드의 힘은 여기에 있습니다.개인적인 의견입니다만 저는 맥북을 좋아합니다. 그러나 정확하게 무엇이 좋은지를 설명할 수 있죠. 음 물론 디자인적으로 예쁘고 패키지를 뜯는 과정에서 기대감을 증가시키는 등 뭐 그런 것들도 있을 수 있겠습니다만...사실 중요한 건 아닙니다. 만약 맥북이 여자친구고 그녀가 '내 어디가 좋아?' 라고 물어본다면 겁나 시크한 표정으로 '트랙패드' 라고 말할 것 같네요. 사실 맥프레를 샀다가 한 번 되팔았었는데 다시 구매하게 된 유일한 이유는 맥OS도 아니고 레티나디스플레이도 아닙니다. 트랙패드의 부들부들한 느낌이지요. 물론 스케치를 맥에서만 쓸 수 있고, 맥OS특유의 편리함들도 있겠지만 그건 부차적인 문제였습니다. 애플스토어 오픈이 난리가 났던 것도 한편으론 이해가 가긴합니다. 확실히 맥은 불편한 것과 단점투성이긴 하지만, 진짜 놓칠 수 없는 단 한가지를 만들어내는 묘한 매력이 있죠. 일반 삼성, LG, 레노버 노트북도 나쁘지 않습니다. 지금 이 글도 LG그램으로 쓰고 있으니 각자의 장단점이 있달까요. 하지만 확실히 일반 업체의 노트북은 평이하게 그럭저럭 좋은 수준입니다. 딱히 나쁜 것도 딱히 좋은 것도 없는 느낌이랄까요. 그램이 처음 출시됬을 땐 그 가벼움에 상당히 놀랐습니다만, 요즘엔 뭐 1kg 미만의 랩탑이 너무 많은터라 그램의 경량성이 크게 돋보이진 않더군요.우린 이것을 킬링포인트라고 불러야겠습니다. 제품과 서비스는 절대 완벽할 수 없습니다. 모든 사람을 모든 면에서 만족시킬 수도 없지요. 하지만 확실한 팬층을 만드는 것은 아주 강력한 하나의 킬링포인트가 있는가? 하는 것입니다. 떠났던 고객조차도 미련이 남아 다시 돌아오게 만드는 그 강력한 힘은 어디에서도 찾아볼 수 없는 독보적인 것이어야 하죠. 그리고 또 하나!단순히 독보적인 것 뿐만 아니라, 그것의 당신의 행동을 어떻게 바꿔놓을 수 있는지가 중요합니다! 가격이 싸다. 가볍다! 배터리가 오래간다! 이러한 각각의 특징들은 물론 있습니다. 모든 제품과 서비스엔 각자의 강점이 있기 마련이죠. 다른 제품보다 1,000원 싸다. 100g가볍다. 배터리가 2시간 더 오래간다....는 식의 포인트는 사실 큰 의미가 없습니다. 근소한 차이이거나 딱히 소비자에게 큰 변화를 줄 수 없는 포인트라면 Strength 에 적기 좀 애매한 감이 있죠.애플에서 맥프레를 설명할 때 마우스가 없어도 된다!...라는 걸 막 전면적으로 내세우진 않습니다. 매직마우스도 팔아야 하니까요. 하지만 써 본 사람들은 트랙패드가 얼마나 편한 지 몸으로 알고있죠. 그리고 노트북을 들고 다닐 때 마우스를 놓고 왔어도 전혀 불편하지 않다는 것에서 감화를 받습니다. 가방에 챙겨야 할 것이 하나 줄어드는 것이죠. 소비자는 이러한 행동을 통해 '든든하다.' '걱정없다.' 라는 생각을 합니다. 팩트여부를 떠나 본인에겐 그렇게 느껴지는 것이죠. 물론 맥프레는 고장나면 자비없는 나쁜놈이 되긴 하지만... 소비자 입장에서 이미 구매한 제품에 대해서 '고장나면 꽝이잖아!?' 라는 생각을 하진 않으니까요.(그래야 속이 편하거든요)유사한데 조금 더 나은 강점이 아니라... 우리만의 독보적인 킬링포인트는 무엇일까요? 떠나간 고객마저도 헤어진 전애인이 되어 '아직 파니...?' 라고 문자를 보낼만한 강력한 매력을 지니고 있나요?우리의 특별한, 올바른 가치관을 응원하는 브랜드가 있습니다. 자연파괴와 과도한 소비에 경종을 울리며 자신의 제품을 사지 말라고 캠페인 했던 파타고니아입니다. 2013년 한국시장에 진출한 이래 꾸준한 매출성장을 기록하고 있습니다. 저도 그 꾸준한 매출에 기여하고 싶었는데 가격이 후덜덜해서 파타고니아 조끼를 사지 못했습니다. 아니 사지 않는게 아니고 못사게 만들어버리면 어떻합니다 스탠리옹씨..ㅠㅠ  어쨌든 이는 저의 통장상태에 기인한 것이므로 각설하고, 파타코니아의 국내진출은 합작법인이 아닌 직진출로 진행되었는데 이에 대해 파타고니아의 빈센트 스탠리 CEO는 “장기적으로 보면 기존의 합작법인 보단 우리가 직접 시장을 책임지는 것이 낫다고 생각했다. 마케팅에 돈을 쓰기 보다는 구전으로 제품의 진정한 가치가 전달되도록 하고 인위적인 수요 창출보단 자연적인 성장을 기다리면 시장은 좋아질 것" 이라고 언급했습니다. 물론 우리 옷을 사지말라는 캠페인은 정말 멋진 캠페인일 수도 기막힌 마케팅 테마일수도 있겠지만 둘 중 어느 쪽이든 기업입장에선 자신의 철학을 노골적으로 드러냈다는 데에서 그 의의를 찾을 수 있겠습니다. 영국의 핸드메이드 화장품 브랜드인 러쉬는 화장품의 동물실험을 반대하며 천연재료로만 제품을 만들고, 심지어 동물실험 반대 엑스포를 열어 동물복지라는 진정성으로 소비자의 두터운 신뢰를 쌓으며 글로벌 브랜드로 성장했습니다. 개인적으론 향이 강려크해서 구매는 하지 않고 있고... 러쉬매장하면 떠오르는 게 매장앞에 거품가득한 세숫대야밖에 없으므로 짧게 줄이도록 하겠습니다. 저도 진정성있는 글을 쓰고싶...이처럼 요즘의 소비자들은 자신의 철학과 가치관을 드러내고 싶어합니다. 당신의 제품과 서비스를 이용하는 것을 통해서 말이죠. 난 돈관리를 철저히 하는 사람이야!...라는 걸 가계부앱을 사용하는 것으로 드러내고 싶어하고, 자기관리에 민감해~ 라는 가치관을 쥬스솔루션이나 밀스3.0을 쉑잇쉑잇하면서 드러냅니다. "너 그거 하는 사람이구나!"라는 말을 듣는 것이죠. 특별해지고 싶습니다. 아이덴티티를 드러내고 싶어하죠. 그리고 자신의 가치관을 대변해주는 브랜드가 생겨나면 그것을 찾습니다. 그리고 이 브랜드가 성장하고 함께하는 사람들이 많다는 데에서 희열을 느낍니다. 나와 같은 생각과 가치관을 지닌 사람들이 있는 곳이니까요.우리의 브랜드는 어떤가요? 우리 서비스/제품을 사용하는 사람들은 어떤 사람들인가요? 그들의 가치관과 철학을 대변해주고 있나요? 같이 만들어나간다는 것의 힘은 굉장합니다. 배민의 팬클럽인 '배짱이'는 초기 배민의 마케팅에서도 큰 역할을 했습니다. 팬클럽 내부 공모를 통해 당선된 문구들이 한 때 버스와 지하철을 휩쓸었잖아요. 2016년 상반기엔 배민의 흑자전환을 축하하기 위해 배짱이가 직접 '흙자 선물'을 선사하기도 했습니다. 기업의 흑자전환을 팬들이 축하해주는 이런 장면은 확실히 일반적인 일은 아니죠. 보통은 이 회사가 성장을 하는 지 안하는 지 관심도 없는 경우가 많으니까요. 팬클럽/소수마니아를 중심으로 한 함께하는 경영은 물론 리소스와 노력이 많이 들어가지만 그 파급효과는 정말 엄청납니다. 오히려 인플루언서나 연예인과 같은 공인들을 활용한 마케팅보다 훨씬 효과적일 때도 있죠. 참고 : http://blog.naver.com/PostView.nhn?blogId=smartbaedal&logNo=220910423476 롯데리아에선 지난 해 11월~12월까지 앱을 이용해 특정 햄버거 3종을 포함해 1만5000원 이상 구매한 소비자 중 134명을 추첨해 워너원 팬 사인회에 초대하는 행사를 열었습니다. 물론 이러한 노력은 확실한 결과를 맺었습니다. 라인프렌즈도 방탄소년단을 활용했고, 이니스프리도 워너원이 모델로 등장했던 ‘화산송이 컬러 클레이 마스크’로 300% 이상의 매출효과를 봤으니까요. 그러나 이러한 매출효과는 확실히 장기지속성을 띠기엔 좀 무리가 있습니다. 물론 제품자체도 좋고 연예인도 잘 활용한다면야 좋겠지만, 워너원 행사가 끝난 후에도 롯데리아를 갈지는 모르겠네요. 긁적이런 점에서 따끔한 소리와 응원을 함께 해주는 회사의 팬클럽은 연예인 못지않은 강력한 에너지원입니다. 수많은 사람들이 지켜보고 있는 만큼 단순히 순간적인 매출상승을 노린 노림수등은 통하지 않죠. 투자자보다 더 무서운 존재들이자, 연예인보다 더 든든한 존재랄까요. 우리 브랜드는 어떤가요? 애미야 여기 먼지가 있구나!를 외쳐줄 팬클럽이 있나요? 
조회수 598

디자인은 거들 뿐이다?

디자인과 예술의 차이를 물으면대부분 클라이언트가 있느냐 없느냐의 차이라고답하는 경우가 많다.내 작품인가? 고객의 작품인가?틀린 말은 아니지만,이 말에 순응하는 순간, 디자이너의 생각은수동적인 모드로 전환되기 시작한다.디자인이라는 업태가 고객의 요구를 기반으로디자인 역량과 해결책을 제공하여 수익을 얻는 구조라는 것을 인정하더라도 이 프레임에 빠져서는 안된다.여러차례 얘기하지만디자이너의 핵심 역량은 그림을 잘 그리거나멋지게 표현하는 것이 아니다.남들이 미처 보지 못하는 것을 발견하고,눈에 보이지 않는 것을 상상하고,자신의 생각을 남들이 이해할 수 있게  표현하는 능력이다.  남들이 보지 못하는 것을 표현하는 능력많은 디자이너들이 이런 유형의 클라이언트를접해봤을 것이다."요즘 그런 스타일이 괜찮던데...""그 브랜드처럼 해주세요""요런 느낌 좀 살려주면 좋겠는데요"눈에 보이는 것만 볼 수 있는 사람들은눈으로 본 것만을 믿는다.그리고 봤던 것 중에 선택할 수 밖에 없다.그 이상을 상상하거나, 받아들이지도 않는다.자신이 볼 수 있는 해상도로만 사고한다.그래서 좋은 creativity를 가진 디자이너도창의성을 수용할 클라이언트를 만나지 못한다면고객의 눈높이로 평준화될 수밖에 없다.때로는 고객의 사고를 확장시켜야 하고경험 너머의 risk를 감내할 수 있도록 설득해야 한다.디자이너가 yes man이 되는 순간 그들과 같이 망하게 되는 것이다.무조건 부정하라는 의미가 아니다.기획력이 필요하다는 것이다.기획력이 필요하다아무도 해보지 않은 것을 시도한다는 것은,누구도 경험하지 않았던 리스크를 감내시키는 것은고도의 전략이 필요하다.보지 못한 것을 볼 수 있게 해줘야 한다.상상하지 못한 것을 한걸음씩 상상할 수 있게 해줘야 한다.기획력이라는 것은논리적이어야 한다는 의미만은 아니다.치밀한 데이터로 설득하는 보고서를 쓰라는 의미도 아니다.상상력은 데이터로 입증할 수도 없다.다만, 클라이언트가 사고의 영역을 확장할 수 있게유도하는 과정을 기획하라는 것이다.많은 인터랙션과 교감과 교류가 있어야 한다.때론 논쟁하고 인정하고 생각의 빈틈을 파고들어야 한다.자주 이야기하고 확신을 줘야 한다.사례를 들고, 시뮬레이션하고, 구체적이어야 한다.상상력을 작동할 수 있게 긴장과 집착을 풀도록 해야한다.시간이 필요하고 신뢰가 필요하다.관계가 만들어져야하고 호감을 생성되어야 한다.그래서 어려운 것이다.그래서 순응하게 되는 것이다.디터람스가 브라운에서 그랬던 것처럼,나오토 후카사와가 무인양품에서 했던 것처럼,조나단 아이브가 애플에서 그랬던 것처럼,시키는 것을 잘하는 것이 아니라,주도하는 것이어야 한다.거들기만 할 뿐이 아니라,앞장서야 한다.기회를 기다리는 것이 아니라,주인이 되어야 한다.다행스러운 것은점점 그런 세상이 다가오고 있다는 것이 느껴지고,그런 능력을 요구하는 목소리가 커지고 있다는 것을체감하고 있다는 것이다.상대방을 움직이는 역량,클라이언트를 성장시키는 능력이 필요하다.언제까지나고집세고 개성강한 독불장군 디자이너로는세상을 바꿀 수 없다.사람을 움직이는 능력아티스트가 아니라디자이너이기 때문이다.
조회수 2336

매력뿜뿜 초긍정주의, 박윤혜 총괄 디자이너

안녕하세요. 써티입니다.이제 사내인터뷰를 다시 시작합니다!작년 12월에 마지막 사내인터뷰를 올리고 나서, 써티컷의 수난(?)과 비욘드펀드의 탄생 등 정말 많은 일들이 있었어요. 그래서 제가 언론홍보 하느라 바쁘기도 하고 인터뷰 대상자 분들께서도 넘나리 바빴기 때문에 사내인터뷰를 못했었는데요. 이제 새식구들도 많이 들어왔고 새 사업도 시작했으니 새로운 맘으로 다시 시작해보려고 해요.첫 주인공은 박윤혜 디자이너입니다.1. 비욘드플랫폼에서 어떤 일을 맡고 계시나요?비욘드펀드 및 써티컷의 디자인 전반을 총괄하고 있습니다. 운영부분도 맡고 있는 웹디자이너라고 생각하시면 되는데요. 스토리보드를 바탕으로 홈페이지를 디자인하고 개발팀과 협업하는 일, 투자상세 페이지를 만들거나, 상품 관련 다양한 온라인 광고를 제작하는 일을 하고 있습니다. 원래는 혼자 디자인 작업을 다 했었는데 요즘 현아님(이제 곧 인터뷰 예정)이 오셔서 한결 편해졌어요.2. 비욘드플랫폼에 합류하기 전에는 어떤 일을 하셨나요?온라인 광고회사에서 앱 서비스를 만드는 일을 중심으로 웹/앱 서비스를 디자인 했습니다.3. 윤혜님 같은 디자이너를 그러면 ‘웹 디자이너’라고 하나요?디자이너도 종류가 많은데요. 인쇄나 출력쪽의 편집디자이너가 있고 웹 UI디자인, 운영 디자인을 하는 디자이너가 있고, 온라인 광고를 담당하는 프로모션 디자이너도 있고요. 온라인 화면 설계 쪽에 가까운 UX 디자이너도 있습니다. 지금 우리 회사에는 썹님(베일에 싸인 또 한명의 남자 디자이너)이 주로 UX 디자인을 하시고, 제가 웹/운영 디자인을 하고 현아님이 마케팅/프로모션 디자인을 한다고 생각하시면 됩니다.4. 비욘드플랫폼에는 어떻게 합류하게 되셨나요?디자이너를 뽑는다는 채용공고를 보고 맨 처음 찾아봤던게 블로그였어요. 블로그에서 좋은 인상을 많이 받았어요. 일관적인 브랜딩에 대한 중요성을 알고 있는 것 같아서 인상적이었어요. 회사 분위기도 좋아보였고, 무엇보다 스타트업인데도 불구하고 전문가들이 많은 것 같더라고요. 스타트업은 보통 대표를 포함해서 젊은 사람들의 비중이 높잖아요. 그런데 비욘드플랫폼은 대표님도 삼일회계법인 임원 출신의 실력있으신 분이시고 다른 팀장님들도 스펙이 빵빵하더라고요. 그 부분에서 믿음이 갔고 써티컷 사업도 굉장히 매력적이었어요. 지금 안타깝게도 출시를 못하고 있지만 출시만 되면 정말 유망한 비즈니스라고 생각해요. 아! 그리고 마케팅팀장인 한팀장님 인상이 좋았던 것도 한 몫했어요^^5. 비욘드플랫폼은 핀테크 회사잖아요. 전에도 금융에 관심이 많으셨나요?금융이라고 하기에는 뭔가 거창하고 재테크에는 관심 많았어요. 주식도 해봤고요. 지금 비욘드펀드 상품을 비롯해 P2P에도 투자하고 있고요. 주식은 손해를 봤지만…(많이는 아니고 코트 한벌 값 정도?) P2P로 재테크 열심히 해서 만회하려고요.6. 재테크에 관심있는 20대 여성으로서 P2P투자라는건 어때요?저는 긍정적으로 봐요. 보통 투자에 대해서 잘 모르는 사람들은 PB를 찾아가거나 재테크 카페에서 정보를 얻어야 하는데 굉장히 한정되어 있거든요. 시간과 노력도 많이 들고 쉽지 않잖아요. 그런데 P2P투자는 플랫폼 회사들이 상품을 면밀히 분석해서 홈페이지나 페이스북, 블로그 등에 자세히 올려주기 때문에 투자자 입장에서는 접근이 쉽죠. 투자 장벽도 낮고요. 그래서 앞으로도 P2P금융 시장은 더욱 성장할거라고 봐요.넘나 예쁜 캐릭터 (치킨이 포인트: 윤혜님의 주먹거리를 반영하여...)7. 그런데 이제 P2P 가이드라인이 시행되잖아요? 한 업체당 1년에 천만원 밖에 투자를 못하게 되는데요.너무 안타까워요. 위에 말했듯이 자산가나 전문투자자가 아닌 개인들이 가장 간편하게 투자를 할 수 있는게 P2P금융인데, 한 업체당 천만원 밖에 투자를 못한다고 하면 너무 적죠. 흥칫뿡입니다ㅋㅋㅋ8. 눈여겨보고 있는 P2P 상품군이 있다면?확실히 재미있는 상품이 끌려요. 얼마전에 다른 P2P플랫폼 회사에서 에비츄라는 캐릭터 관련 투자상품이 있었어요. 너무 하고 싶더라고요. 저는 에비츄 짱팬이라. 이런 관여도가 높은 상품이 확실히 눈에 띄는 것 같아요. 관심 있으면 투자 상품도 더 눈여겨서 분석하게 되고요. 요즘에는 이런 재밌는 상품들이 많이 나와서 보는 재미가 쏠쏠합니다.  9. 디자이너로서 비욘드펀드에서 해보고 싶은게 있나요?지금 비욘드펀드 홈페이지가 반응형으로 제작되어 있는데요, 모바일에서의 편리한 화면 구성을 좀더 고민할 필요가 있다고 생각해요. 그래서 리뉴얼 때 그 부분을 많이 반영하려고 합니다. 그리고 딱딱한 투자 상품들이 2,30대의 젊은 층들에게도 잘 어필될 수 있도록 다양한 디자인적인 시도도 하려고 노력합니다. 실제로 현아님과 비욘드펀드만의 멋진 페이지 구성을 위해서 논의 중이에요.10. 디자이너니까.. 급 회사 인테리어에 대해 물어보고 싶어졌어요(뜬금). 우리 사무실 인테리어 어때요?너무 좋아요. 만족스러워요. 일단 건물이 새건물이라 깨끗하잖아요. 한 층 다 쓰니까 저희 공간도 넓고요. 사무실이 너무 넓어서 약간 휑해 보이는 공간도 있는데 시간이 나면 인테리어를 해볼 생각입니다. 조명을 많이 달고, 포스터도 제작해서 붙이고 싶어요. 비욘드펀드의 효자상품들을 포스터로 만들어서 명예의 전당처럼 붙여놓으면 좋을 것 같아요.  11. 지금 회사가 새로운 복지제도를 만들고 있는 중인데 바라는 점이 있다면?재미있는 회식을 했으면 좋겠어요. 그리고 일주일에 한번은 한시간씩 일찍 퇴근하면 좋겠….. 너무 과한가?ㅋㅋㅋ 만약 그렇게 되면 조기퇴근하는 날 아침부터 행복할 것 같아요. 그리고 영화를 보거나 문화생활을 즐기는 문화데이가 있으면 좋겠어요.12. 기업문화 측면에서 비욘드펀드의 좋은점은?팀장-사원간에 격이 없어요. 다른 스타트업과 다르게 팀장님들의 나이대가 아주 젊은 편은 아닌데도 의견을 잘 들어주시고 착하세요. 그리고 복장 자유로운 것도 좋아요. 팀장님은 반삭도 하시고 수염도 기르시고…… 자유로운 분위기인 것 같아요.13.  올해 개인적인 목표가 있다면?살을 엄청 빼려고요. 그냥 빼는게 아니라 엄청! 10키로 빼는게 목표인데 가능할지는 모르겠지만…... 헬스를 시작해보려고 합니다. 화이팅!#비욘드플랫폼서비스 #비욘드펀드 #팀원 #팀원소개 #인터뷰 #팀원인터뷰 #사내문화 #조직문화 #기업문화
조회수 2287

[H2W@NL] 로봇과 디자인

디자인이란 단어가 이제는 어디서나 익숙합니다. 그만큼 디자인의 정의와 역할은 다양한 영역에서 분화되어 있기도 합니다. 네이버랩스에서는 로봇이라는 대상에 대해 여러 분야의 디자인이 진행되고, 종국에는 통합됩니다. 하나의 로봇으로 이어지는, 로봇시스템/UX/ID 각각의 디자인에 대해 물었습니다.Q. 어떤 ‘디자인’을 하나요?로봇의 메커니즘에서 인터페이스까지, 최적의 시스템을 디자인(김인혁|Robot) 제가 하는 디자인은, 시스템 디자인이라고 말할 수 있습니다. 아, 물론 제가 속한 Robot팀엔 더 많은 디자인 과정들이 있어요. 로봇의 기구, 전장, SW 등 각각의 영역에서도 디자인 과정이 존재합니다. 저는 그 중에서 주로 시스템 제어 엔지니어로서의 디자인을 이야기할 수 있겠네요.사실 시스템이란 말이 좀 모호하죠. 과학분야에선 이렇게 정의할 수 있습니다. 구성 요소들이 내외부와 경계를 가진 상태에서 각 요소 간에 긴밀한 상호작용을 하는 집합체. 쉽게 설명하고 싶었는데, 여전히 어렵긴 하네요.로봇은 단순한 기능을 구현할 때에도 복잡한 요소들이 동시에 작동합니다. 메커니즘, 동력원, 에너지원, 제어기와 인터페이스 등. 이들이 서로 잘 연결되어 작동할 수 있어야 합니다. 이를 위한 최적의 시스템을 구성하는 디자인이라 하겠습니다.로봇, 그리고 사람, 그 사이에서의 상호작용(김석태|UX) UX의 입장에서는 HRI (human-robot interaction) 디자인이라고 정의할 수 있습니다. 앱이나 웹 등의 화면 기반 인터페이스와는 조건이 다른데요. 물리 공간에서 로봇이 동작한다는 점이 그렇습니다. 주변 사물이나 사람을 로봇이 인식하는 순간처럼 다양한 상황에서 로봇이 어떻게 동작하거나 반응해야 하는지, 그리고 로봇을 활용한 서비스는 다른 디바이스나 앱과 달리 어떤 방식을 통해 제공되어야 더욱 직관적으로 사람과 상호작용이 가능한지 등을 디자인하고 있습니다.기술만큼, 인상과 매력도 중요하다(김승우|ID) 로봇의 외관도 중요합니다. 로봇은 여전히 일반인들에겐 생소합니다. 이들에게 로봇은 흥미로움을 일으키는 대상일 수도 있지만, 마주치는 순간 기피하고 싶은 이질적 존재일 수도 있어요. 그래서 외관을 통해 느끼는 인상과 그 효과에 대해 세심한 접근을 하고 있습니다. 로봇 서비스가 보편화되지 않은 시점에서는, 사람들이 기대하는 로봇다운 매력을 잘 체감할 수 있게 하는 것도 로봇 대중화를 위해 중요한 역할인 것 같습니다.“기술이 지닌 본래의 가치를 더욱 잘 느낄 수 있도록 전달하는 것, 그것도 디자인의 역할입니다.” Q. 어떤 프로세스로 작업하나요?단순한 목표를 위해 필요한 복잡한 과정들(김인혁|Robot) 기본 목표라고 한다면, 일단 요구 스펙을 잘 만족하는 시스템을 설계하는 것입니다. 현실은 아주 복잡하죠. 요소들이 워낙 다양하기 때문인데요. PoC, 성능 테스트 등 평가 과정을 거치면 조정해야 할 것들이 많아집니다. 아예 새로 개발을 할지를 고민하게 될 때도 있는데, 참고할만한 레퍼런스가 없을 때는 참 어려워집니다. 이럴 때는 원론적으로 풀 수밖에 없죠. 공학적인 문제부터 정의하고 문제 해결을 위한 방법론을 탐색합니다. 이런 일들이 수없이 많지만, 시스템 디자인의 일반적인 프로세스이기도 합니다. 목표는 단순하지만, 과정은 현란하죠.산업을 이해하면 목표가 보이고, 사람을 이해하면 디테일이 보인다(김석태|UX) 앞서 말씀드린 것처럼, 서비스 로봇은 다른 앱/웹 서비스와 상황이 많이 다르죠. 앱이라면 프로토타이핑과 검증 과정을 상당히 빠른 주기로 반복할 수 있는데, 로봇은 그런 면에서는 제약이 있습니다.일단 로봇 서비스 산업에 대한 이해부터 시작하였습니다. 그간 어떤 로봇들이 어떤 서비스를 했고, 학계에서는 어떤 연구들이 선행 되었는지를 꼼꼼히 연구했습니다. 그리고 나니 목표 수준이 좀 더 명확해지고, 시나리오를 구체화할 수 있었습니다.중요한 건 역시 사람에 대한 이해입니다. 실제로 유용하다고 느낄까? 어떤 니즈가 여전히 숨어있을까? 로봇이 대신 해 주었을 때 더 가치 있는 것은? 이런 질문에 대한 답을 찾은 후 다음 숙제가 이어집니다. 사람들의 삶 속으로 이질감없이 자연스럽게 녹아 들기 위한 인터랙션입니다. 인터랙션 상황들을 정의하는 일부터가 시작이고, 어떤 이슈나 문제가 있는지를 찾아냅니다. 가장 단순하면서도 자연스러운 해결 방법은 무엇일지 실험을 통해 검증합니다. 이 과정에서 굉장히 많은 디테일들이 새롭게 발견됩니다.기술에 대한 이해도 중요합니다. 예를 들어 최근 AROUND C에는 디자이너가 가장 이상적인 로봇의 속도 및 이동 경로를 선택하면, 이를 바탕으로 딥러닝 기술을 적용해 최적화된 자율주행을 할 수 있는 기술이 적용되어 있습니다. 지켜보는 사람이 언제 안정감을 느끼는지, 로봇과 사람이 교차할 때엔 상대 속도나 동선을 어떻게 할지, 공간상의 제약이 복합적으로 작용하면 어떤 기준을 세워야 할지 등등. 수많은 요소들 사이에서 최적의 인터랙션 디자인을 설계해야 합니다. 이런 사소해보이는 사용자 경험이 로봇 서비스 과정에서 뜻밖의 감동까지도 전달할 수 있다고 생각합니다.“우리가 추구하는 기본 방향은, 실용적이면서도 사람을 배려하는 로봇입니다. 문제 상황을 분석해 나온 다양한 해결책 중에, 사람이 직관적으로 파악할 수 있는 방법을 택합니다.” 최근에는 AROUND C에서는 gaze, sound, lighting을 통한 비언어적 커뮤니케이션을 테스트하고 있습니다. 왜 굳이 로봇이 직접 말하게 하지 않고 비언어적 커뮤니케이션을 연구할까요? 그게 서비스 시나리오 상에서 더 직관적이며, 심지어 더 똑똑해 보이기 때문입니다. 스타워즈의 R2D2와 C3PO를 떠올리시면 됩니다. 점과 선을 활용해 가장 로봇다운 눈을 디자인 했고, 이를 통해 다양한 상태 정보를 사람에게 직관적으로 전달하고자 했습니다.전체의 통일감과 개별 디자인의 완성도라는 두개의 과녁(김승우|ID) 제가 공을 들이는 건 전체 제품의 통일감과, 개별 디자인의 완성도입니다. 네이버랩스에서 그간 공개했던 제품들은 작은 디바이스부터 중형 로봇, 대형 차량 센서박스에 이르기까지 다양한 카테고리에 걸쳐 있습니다. 디자인의 토대가 되는 조형 요소인 제품의 크기와 형태, 구조가 상이하다 보니 각각의 형태와 구조적 특성을 고려하면서도 전체 제품에 통일감이 느껴지도록 하는데 많은 노력을 기울여 왔습니다. 기업에서 일관된 메시지를 전달하는 것은 그 기업을 신뢰할 수 있는가에 대한 중요한 가치라고 생각해요. 디자인도 마찬가지입니다. 네이버랩스라는 기술 기업에서 전달해야 할 가치는 ‘정밀함’과 ‘단단함’이라고 생각했고, 로봇을 포함한 전체 제품에서 이 키워드들을 담은 일관된 디자인 언어가 느껴질 수 있도록 조형의 기본이 되는 면, 면의 기본이 되는 선을 세밀하게 다듬으며 디자인했습니다.또한 개별 디자인의 완성도를 위해 밸런스와 디테일을 중요하게 생각합니다. 로봇은 움직이기 때문에 다양한 각도에서 바라보게 되고, 어느 방향에서 보아도 완성도 높은 밸런스가 특히 중요합니다. 잘 안보이는 곳의 디테일도 쉽게 드러나기 때문에 세밀한 디테일을 놓치지 않기 위해 노력하고요.로봇의 경우엔 일반인들의 디자인 완성도에 대한 기대 수준이 더 높은 편입니다. 이런 기대를 충족시키는 동시에 기술적인 요구도 충족해야 합니다. 예를 들어, AMBIDEX의 전체 디자인 균형을 잡는 과정에서 팔의 부피를 늘리는 선택이 필요했는데, 동시에 무게는 가볍게 유지해야만 로봇의 기능을 100% 발휘할 수 있었습니다. 경량성이 AMBIDEX라는 로봇 팔 기술의 핵심 특성이기 때문이죠. 외관 부피를 늘려 디자인 밸런스를 최적으로 잡으면서도 1g을 더 줄이기 위해 질량을 체크하며 표면과 두께를 조정하고, 강성을 높이는 내부 구조를 추가하며 문제를 해결했습니다. 이런 디자인 과정을 거쳤기에 외관에서도 내부의 단단함과 견고함이 배어 나온다고 생각합니다.Q. 서로 어떻게 협업을 하나요?어차피 목표는 하나(김인혁|Robot) 각기 다른 분야의 전문가들이 협업할 때의 견해차이는 프로세스를 통해 해결되어야 한다고 생각해요. 그게 아니라 의견의 일방향성이 생기면 그건 곤란하죠. 저는 각 분야의 선/후행을 두지 않고 초기부터 과정 전반에 걸쳐 계속 공유하고 의견을 나누며 서로의 수용성을 늘리는 것이 아주 중요하다고 생각해요.“한 영역의 전문가가 모든 결정을 하고 다른 분야의 전문가는 일방적으로 종속되어야 한다면, 그건 문제가 있습니다. 선행과 후행을 나누면 안됩니다. 초기부터 같이 고민하고 대화하고 함께 풀어야 합니다.” (김석태|UX) 저도 커뮤니케이션이 협업 과제를 빠르게 가속하는 가장 중요한 요소라고 봅니다. 다양한 관점에서 의견을 나누는 건 정말 필요해요. 그 과정 없이 한번에 이상적인 솔루션을 바라는 건 무리입니다. 지금 진행 중인 1784 프로젝트 역시 이러한 소통을 원활히 이어가고 있기 때문에 좋은 협업이 진행되고 있고요.(김승우|ID) 차이란 것은 자연스럽죠. 좋은 결과를 위해 필수적입니다. 궁극적인 목표를 달성하고자 한다는 동질감을 느끼기 때문에 서로의 진정성을 확인허는 과정이기도 합니다. 어떤 디자인이라도 많은 협의와 조율이 전제됩니다. 하나의 입장에 매몰되어 있는지 되돌아보기도 하고, 전체를 바라보는 기회로 삼기도 합니다.Q. 앞으로의 도전은?(김인혁|Robot) 우리의 목표는 사람에게 도움이 되는 로봇을 개발하는 것입니다. 단순하죠. 이를 기술 관점에서 고민하고, 가장 적합한 답을 찾고, 그 답을 세상과 공유하고 싶습니다. 그것이 제가 맡은 역할이라 생각하고요. 그 역할을 잘 할 수 있도록 연구개발자로서도, 프로젝트를 리드하고 완성하는 실무자로서도 역량에 깊이를 더하고 싶습니다.새로운 스탠다드라는 설레는 도전(김석태|UX) 이제는 실험실이나 전시장이 아니라, 우리가 실제 살아가는 공간으로 로봇이 들어옵니다. 그런 시대에 도달했습니다. UX디자이너로서는 완전히 새로운 기회이자 설레는 도전입니다. 한때 모바일이란 세상으로 패러다임이 이동했던 시기가 있었죠. 이제는 가상 세계에서 제공하던 다양한 서비스와 기술들이 일상의 물리 공간으로 다시 돌아올 것입니다. 서비스 로봇을 통해 이 분야의 새로운 스탠다드를 만들고 싶습니다.(김승우|ID) 네이버랩스에서는 늘 흥미로운 프로젝트들이 진행되어 왔습니다. 그 중에서도 로봇 디자인은, 다른 어느 로봇보다도 디자인 완성도가 높으며, 동시에 기능적 가치를 충실히 구현하는 것을 목표로 진행해 왔습니다. 게다가 로봇은 외관 그 자체가 하나의 강렬한 인상이자 브랜드 체험 요소가 되기 때문에 더욱 큰 책임감을 느끼고 있습니다. 네이버랩스는 기술이 강점인 회사입니다. 동시에 디자인 또한 우리의 탁월한 강점입니다. 이를 위해 앞으로도 노력하려고 합니다. 네이버랩스의 인재상은 passionate self-motivated team player입니다. 어쩌면 '자기주도적 팀플레이어'라는 말은 형용모순(形容矛盾)일 지도 모릅니다. 하지만 우린 계속 시도했고, 문화는 계속 쌓여갑니다. 다양한 분야의 전문가들이 경계없이 협력하고 스스로 결정하며 함께 도전하는 곳의 이야기를 전합니다. How to work at NAVER LABSH2W@NL 시리즈 전체보기
조회수 3716

은밀한 로고 리뉴얼

은밀하게 변화되어온 로고들기업의 로고(CI, BI)는 보통 새로운 사업 방향을 적용한다든가, 시대의 트렌드를 반영하고자 할 때 리뉴얼을 진행합니다. 하지만 로고 리뉴얼에도 어느 정도 법칙이 있습니다. 바로 '은밀한 변화'인데요.사용자들은 자기가 아끼는 서비스의 급진적인 변화를 좋아하지 않습니다. 이미 애착 관계가 형성되었기 때문에 그 변화에 자신이 배제 혹은 소외되었다고 느끼면 일종이 배신감을 느끼기 때문이죠. (인용 : https://sky-glamping.com/1) 해서 많은 기업들이 로고 리뉴얼을 진행할 시에 아주 세밀한 부분을 조정하여 시각적, 구성적으로 개선하여 사용하는 경우를 많이 볼 수 있습니다.혹시 눈치 채신분이 계신가요? 데일리도 역시 약 세 달 전부터 국문로고를 '은밀한 리뉴얼'을 하여 사용 중이었습니다. 위에 보시는 바와 같이 국문로고와 영문로고의 시각적 통일성이 다소 떨어졌기 때문인데요. 해서 이번에는 데일리의 국문로고 리뉴얼 프로젝트를 소개해보려 합니다.Base로 기억해야 할 것먼저 비주얼 디벨롭 작업이 들어가기에 앞서 데일리에서 지정한 브랜드 디자인 키워드를 원칙으로 기본적으로 지켜야 할 시각적 요소들을 파악합니다. 또한 앞서 말했듯이 국문로고 리뉴얼의 모토가 영문로고와의 시각적 통일성이 다소 떨어진다는 이유였기 때문에 영문로고와 통일시켜야 할 시각적 요소를 파악합니다.영문로고의 쉐입 특징시안 작업과 자간 조절위의 고려해야 할 내용을 바탕으로 러프하게 시안 작업을 진행합니다. 이를 크리에이티브 팀 내에 공유하고 논의를 통해 하나의 방향으로 좁힌 후 디벨롭을 진행합니다.많은 시안 중 선택된 시안자간조절 작업의 일부특히나 국문로고의 경우는 자간 조절을 어떻게 하느냐에 따라서 느낌이 천차만별로 달라집니다. 또한 가이드의 기준을 어느 글자에 맞추느냐에 따라서도 느낌이 확연하게 차이가 나죠. 위에 보시는 바와 같이 변형된 시안에서 두께를 조절하고 각각 두께에 따른 자간 조절을 디테일하게 설정합니다. 또한 글자 간 세로 크기를 동일하게 적용해 보는 등 가장 안정적인 형태를 만들어 나가는 작업을 거칩니다.자간 조절이 최종적으로 완료되었다면 국문로고와 함께 사용되는 브랜드 슬로건도 해당 자간과 쉐입으로 변경하는 작업을 진행합니다. 아래처럼요.국문로고와 함께 쓰이는 브랜드 슬로건결과물최종적으로 위와 같은 쉐입이 완성되었습니다. 기본 서체로 제작되어있던 국문로고에 비해 더 안정적이고 주목성 높은 형태를 띄고 있습니다. 로고가 제작되었다면 로고 가이드도 빠질 수 없겠죠? 로고 활용 가이드 제작을 끝으로 국문로고 리뉴얼 프로젝트가 마무리됩니다.로고 활용 가이드에 포함된 국문로고 가이드마치며모두가 생각하는 좋은 브랜드의 기준은 다를 수 있습니다. 데일리가 추구하는 브랜드는 당연하듯 자연스럽게 고객에게 스며들어 라이프스타일의 일부가 되는 것입니다. 그렇기 때문에 본 프로젝트처럼 은근히 그리고 서서히 변화되는 과정이 많은 것 같다고 생각이 됩니다.데일리호텔을 더욱 데일리호텔스럽게. 그러면서 더욱 탄탄한 데일리호텔만의 브랜드를 전달해 드릴 수 있도록 앞으로도 노력하겠습니다 :)기획/진행 : Creative팀작성자 : Creative팀 Blair Ahn#데일리 #데일리호텔 #디자인 #디자이너 #디자인팀 #로고 #리뉴얼 #인사이트 #후기 #일지
조회수 1827

디자인 콘셉트는 이렇게 잡아요!

생각보다 훨씬 많은 분들이 '톤앤매너' 라는 말을 쓰고 있더라구요. 컨셉이란 말도 왕창 쓰고 있구요. 그런데 도대체 그게 정확히 뭔지 아는 분은 굉장히 드물었어요. 그래서 오늘은 이걸 좀 알아보려구 해욤. 톤을 살펴볼까요. 파스텔톤, 비비드톤, 팬톤(?), 화이트톤 등등... 이런톤 저런톤이 많아요. 톤은 색과 밝기를 의미해요. 어려운 말로 색채와 명암이죠. 어떤 색을 쓰는가.색이 진한가 연한가색이 밝은가 어두운가이걸 결정하는게 톤이예요. 매너를 살펴볼까요. 매너는 화풍이나 스타일을 의미해요. 몽유도원도를 그린 안견씨는 이곽파화풍의 영향을 받았어요. 침식된 흙산을 좋아하고, 선이 끊김없이 이어지는 느낌, 산의 아랫부분이 밝은 형태의 그림이죠. 고흐는 밀레와 램브란트 스타일의 밝디밝은 인상주의 화풍을 어둡게 변형시켰어요. 또한 곡선을 강하게 그리고 신기방기한 원근을 사용하죠. 이렇듯 사람이 만들어내는 모든 것에는 일정한 흐름이란게 있어요. 100사람이 만들면 100개의 서로 다른 작품이 나오겠지만 유심히 보면 4,5정도의 카테고리화 시킬 수 있거든요. 인간의 창의력은 완전히 새로운 걸 만들어내는 것이 아니라, A와 B를 섞어 새로운 C를 만드는 것과 같습니당. 디자인도 마찬가지예요. 세리프폰트를 활용한 정적이고 감성적인 느낌을 만들수도 있고, 여백을 늘리고 강직한 폰트로 고급스러움을 나타낼 수도 있어요. 아주 가는 획을 이용해서 날카롭거나 전문적인 느낌을 줄 수도 있고, 두껍고 둥근 선&폰트를 활용하여 통통한 아기돼지 마냥 귀여운느낌을 낼 수도 있어요.사람들은 어떤 대상에 부여하고 있는 메타포(=은유)가 있기때문에 가능한 일이지요.  마동석씨가 나오면 아 팔뚝이 있겠구나...드웨인 존슨이 나오면 가족을 구하겠구나...라는 고유한 메타포 말이예요. 화풍은 이렇듯 몇 개의 요소나 기법으로 메시지나 성격을 만들어내는 것을 의미해요. 고유한 아이덴티티는 물론이구요.컨셉을 알아볼께요.컨셉의 정의는 수도 없지만 어쨌든 중요한 건 '관통' 이예요. 톤과 매너가 디자인, 말투, 태도 등에 대한 얘기였다면 컨셉은 그 각각의 요소를 하나로 묶는 실과 같죠. 왜 그런 톤과 매너를 만드는가? 에 대한 근거이기도 하구요. 그러니 컨셉이 먼저 잡히고 톤앤매너가 나오는 게 순서상 맞아요.실상은 로고와 색깔을 잡고 나중에 의미부여를 하는 경우가 많지만요. 하지만 이게 틀렸다고만 볼 순 없을 것 같아요. 이론상으로야 컨셉 다음이 톤앤매너이지만, 현실적으론 컨셉은 그냥 '생각' 일 뿐이예요. 눈에 보이지 않으면 그 생각의 헛점이나 오류를 파악할 수 없죠. 또 시장성도!그래서 실상 눈으로 보이는 톤앤매너를 보고서야 컨셉 재정리가 들어가는 경우도 상당히 많답니다. 무조건 그건 이빨까는거고 그냥 의미부여일 뿐이야! 라고 말할 순 없죠. 다만 눈으로 나온 톤앤매너가 뭔가 조금 이상하다는 쌔한 느낌이 있는데도 무시하고 그냥 밀어붙여선 안되요.쌔하면 다시 해야해요.안쌔해도 다시 봐야해요. 컨셉 잡는 방법이 뭐 정해져있겠습니까. 사실 의식의 흐름대로 아무말을 하다보면 잡히는 경우도 있고, 브레인스토밍을 할 때도 있고 마인드맵을 할 때도 있고, 뒤통수에 총구를 겨눌수도 있고, 게임을 할 수도, 제비뽑기로 정할 수도 있는 것이죠.여기선 그냥 제가 컨셉 잡는 법을 말해보려고 해요.1. 데카르트는 천재예요.천장에 붙은 파리였던가 방충망에 붙은 파리였던가... 데카르트씨는 파리를 보고 사분면의 개념을 생각했다고 해요. 덕분에 우린 함수를 6년내내 배워야했고 대학에서도 배우고 지금도 쓰고 있고 비즈니스모델 잡을 때도 쓰고 심심하면 쓰고 있죠. 사분면이란 건 참으로 놀라운 도구예요.컨셉도 사분면을 활용하면 짱편해져요.x와 y축의 가로세로 두 선으로 이루어진 4개의 공간으로 이루어져있어요. x의 한 점과 y의 한 점이 만나 이루는 특정한 공간이 우리의 영역인 셈이죠.x는 가로선이예요. 0을 기준으로 +방향은 미래적의미를 담고있어요. 고객에게 줄 수 있는 가치가 미래적인 경우. P2P대출, 다이어트앱, 투자서비스, 캐시슬라이드, 영어공부 등등... 뭔가가 누적되고 쌓여야 그 가치가 온전해지는 경우죠.x축의 -방향은 과거의 의미를 담고 있어요. 누적과 저장을 통해 가치가 형성되는 경우죠. 커리어정리 서비스, 일기, 사진큐레이션, 데이터기반 무슨 서비스, 추억팔이 게임, 리뷰서비스 등등..이 이런 종류예요. 과거를 돌아보게 만들고, 과거로부터 누적된 것들이 현재에 도움을 주는 경우예요. y축의 +방향은 '있으면 더 좋은 거!' 예요. 현재도 충분히 괜찮은데 있으면 더더더더 좋은 어떤 것들. 대부분의 비즈니스모델이 이쪽에 속하는 것 같아요. 당신의 서비스가 생기기 전에도 사람들은 잘 지냈거든요. 하지만 생겨서 더 편리해진 경우죠.y축의 -방향은 '현재의 문제를 해결하는 것' 이예요. 상담서비스, 치유, 명상, 저소득층을 위한 복지정보 서비스 라던가 사회적기업이 추구하는 사회문제 해결에 관련한 서비스 일체를 의미해요. 현재 고객들의 상황이 0보다 아래여서 그걸 정상화시키기 위해 만든 것들이죠.y축의 +,- 구분이 좀 애매하긴 해요. 기준은 '소비자가 불편을 인지하고 있었는가?'  '그 불편이 생활이나 건강 전반에 해로운 영향을 끼치고 있었는가?'로 구분하는 편이예요. YES면 마이너스영역, NO면 플러스 영역이예요.2. 운동/방향성을 파악해볼 차례예요.사업은 사업자와 소비자가 있어야 가능해요. 누가 누군가에게 무언갈 주고받는 행위죠. 때문에 방향성과 운동성이라는게 있어요. 방향성은 이런거죠.짐캐리(부산역에 있는 짐보관서비스 스타트업) 처럼 소비자에게서 무언갈 받아서 저장하는 형태일수도 있고, 대부분의 커머스처럼 상품이나 서비스를 직접 제공하는 방향일수도 있어요. 가치를 달성하기 위해 누가 누구에게 다가가야 하는가? 가 이슈가 되요.운동성은 이런거예요.가치를 달성하기 위해 땀과 노력과 오랜시간 지속성이 필요한 것인가? 아니면 그냥 가만히 놔두기만 하면 되는건가? 라는 거죠. 이를테면 영어공부 앱은 운동성이 겁나 높은 서비스예요. 지속적으로 꾸준히 말하고 듣고 누르고 해야 소비자가 제 가치를 받을 수 있죠.하지만 물품보관서비스는 한번의 맡김만 있으면 돼요. 나머지는 사업자의 몫이죠. 때문에 운동성은 소비자, 사업자 각각의 양으로 판단할 수 있어요.3. 관계를 파악해요.우리와 소비자는 어떤 관계인지 파악해봐요. 아빠? 엄마? 형? 동생? 친구? 지인? 전문가? 해결사? 운동장? 땅과 잔디? 햇빛과 식물? 엔진과 엔진오일? 악어와 악어새? 등등... 특정한 관계가 잡혀야 그 관계 특유의 말투가 잡히고 성격이 부여되거든요.4. 문장으로 만들어요.애프터모멘트는 지금까지 당신이 쌓아놓은 생각과 어지러운 것들을 챡챡 정리해요. 하지만 제가 없다고 해서 사업체가 망하진 않아요. 잘 살아왔어요. 저는 더 큰 도움을 드리는 거예요. 그러니 저는 2사분면에 위치하고 있어요.방향성은 '제가 당신께 가는' 방향이예요. 제가 제안하고 직접 제작하고 제공하는 형태죠. 운동성은 둘 다 큰 편이예요. 소비자도 이것저것 많은 고민을 해야하죠. 물론 제가 좀 더 크긴 하겠지만요.저는 치우는 사람이예요....(!!!?) 집요하게 옆에서 잔소리를 하기도 하고 샤라랑해서 뭔갈 바꿔놓거나 치우기도 해요. 엄마가 늘 그러셨어요. 어지르는 사람 따로있고 치우는 사람 따로있다고. 네 저는 그 후자를 담당하고 있어요. 그래서 클라이언트님에게 발 좀 들어봐, 저기 비켜보라고 하기도 하고 등짝스매싱이나 이노무자식! 이노무자식!!.. 을 하기도....(그러진 않아요.) 5. 단어를 뽑아요.정리, 활발함, 다가감, 치우기, 보여주기, 드러내기, 따뜻함, 대화, 인정, 격려, 도전, 새로운 시도 등등... 치우는 사람이 지닌 여러개의 단어들이 있어요. 이 중 가장 맘에 드는 것을 몇 개 추려서 정리해요.6. 색을 정해요.제 로고색인 자색고구마 오사쯔 색깔은 노란색과 보라색으로 이루어져 있어요. 노란색이 뜻하는건 치유고 보라색은 매력이예요. 널브러진 걸 잘 정리해서 매력적으로 만들어요! 라는 뜻이예요. 물론 아무도 몰라요. 저만 알고있죠. 그럼 된 거 아닐까요. 사실 이런 과정은 누가 알아주길 바라서가 아니고 내 생각정리를 위해 필요한 과정이니까요.7. 매너를 정해요.초기엔 이렇게 가려고 했었죠.원랜 되게 가늘고 날카로운 로고로 가려고 했었어요. 그런데 그런 식이 되다보니 이제 사람들이 저랑 안어울린다는 말을 많이 하더라구요. 사실 저도 그렇게 전문성있게 막 정장입고 차키를 책상 옆에 두는 그런 스타일이 아닌지라 좀 어색하기도 했구요. 게다가 브런치엔 이렇게 아무말을 지껄이는데 막상 만나면 세상 진지해봐요. 물론 매력터지기도 하겠지만 한편으론 이질감이 장난 아닐거예요. 그래서 바꾸었어요.그래서 그냥 둥글고 두껍두껍하게 제 성격대로 모양새를 살렸어요. 전체적인 패턴도 '물들다'의 의미를 지닌 곡선과 잉크방울 모양이 주를 이루고 있어요.너무 스압이 길어지니 줄이도록 할께요. 줄이기 전에 3가지 중요한 사항을 말씀드리고 떠나도록 하겠습니다. ㅎㅎㅎ 이번이 마지막 위클리라서 많은 걸 얘기하고 싶었나봐요. 1. 문장이 구성되야 디자인이 나오는 거예요.디자인의 시작은 논리예요. 사고의 과정은 명쾌하고 정확해야 해요. 군더더기나 순환오류 없이 깔끔하게 정리된 문장이 있어야 제대로 된 디자인이 나오는 법이예요. 2. 디자인이 나와야 문장이 다시 보여요.그러나 어느 누구도 한 번에 완벽한 문장을 만들 수 없어요. 디자인이 나와서 눈으로 직접봐야 '아....이게 글러먹은 거였구나...' 라는 몸소 느낄 수 있어요. 그러니 완벽한 걸 만들어서 한번에 끝내려고 하지말고 계속 반복하고 수정하면서 다듬어 나가세요.3. 문장이든 디자인이든 혼자만 박수치지말고 공유하세요.이 과정은 강압적이면 안되요. 디자이너와 기획자, 마케터, 인턴까지 모두가 알고 있어야 하고 서로의 의견을 낼 수 있어야 해요. 물론 내가 꽂힌 디자인에 누가 반박하는게 유쾌하진 않지만 그럴거면 1인사업체를 하셔야겠죠?그동안 기이이이인 글을 읽어주셔서 매우 감사했습니다 :) 이번 위클리는 '디자이너 사용설명서' 라는 제 첫 책이 나와서 그 내용을 바탕으로 적은 것이긴 하지만, 책에 나온 내용이 똑같이 들어가있진 않아요. 브런치에선 브런치의 말투와 내용이 있으니까요. 책 못지 않게 이번 위클리도 작은 도움이 되었다면 오히려 제가 감사하고 뿌듯할 일입니다.애정해주셔서 감사하고, 못다한 이야기와 나머지 주저리는 '삶분의일' 매거진에서 또 계에에속 하도록 하겠습니다!!!~~ 빠이.안녕히들.
조회수 2941

주니어디자이너가 알아야 하는 오묘한 디자인용어 60

안녕하세요. 여러분. 스크롤을 내리기 전 드릴 말씀이 있어요. 물론 제목이 틀린 말은 아니지만, 혹시 GNB나 LNB등의 전문용어를 기대하고 오신거라면 죄송합니다. 오늘 말할 단어들은 그런게 아니에요. 그런 전문용어들은 구글에 치시면 엄청나게 많이 나오니까요. 오늘은 좀 더 실전적인 오묘한 단어들에 대해 알아보려고 해요. 사실은 좀 짤에 가깝습니다. 뇌피셜도 가득하구요. 60개의 단어들 중 한 개만 오호! 하고 가셔도 전 매우 행복할 듯 합니다. 각설하고 바로 시작하겠숩니다 :)01. 후까시 : 쓸데없는 걸 쳐바른 상태02. 뻬다 : 백그라운드03. 짜치다 : 자잘한 레이어수정이 겁내 많은데 액션으로도 어떻게 안되는 상태04. 귀도리(v. 귀도리친다) : 네 귀퉁이 둥글게 잘라내기05. 도무송 : 특정한 모양대로 잘라내거나 구멍을 뚫는 인쇄 후가공 기법06. 목업(v. 목업에 얹히다) : 실제로 구현된 상태를 가상으로 보여주기 위한 시각적 프로토타이핑07. 블리딩(BLEEDING) : 여백없이 꽉찬 이미지를 위해 재단선을 넘기는 방법. (유사어. 상하좌우 여백오미리)08. 스프레드(spread) : = 펼친 좌우 페이지에 하나의 개체를 뙇! 까는 일09. 커닝(먹이다) : 글자의 모양때문에 배열이 달라질 때 적당한 간격을 조정하는 일10. 비교견적 : 우리 견적에 20만원 플러스 시켜서 가라로 만드는 견적11. 실장님 : 보통 협력업체의 책임자를 부르는 보통명사12. 대리님 : 보통 협력업체의 실무자를 부르는 보통명사13. 이봐요 : 보통 협력업체의 나쁜놈을 부르는 보통명사(자매품 : 저기요)14. 깨서줘 : 폰트나 획에 오브젝트 확장해달라 (=돌이킬 수 없을 것이다.)15. 부탁해 : 니가해16. 언제까지 돼? : 1시간 내로 줘라17. 다 좋은데 : 다시해야겠는데?18. 이 부분이 좀 : 그걸 포함한 모든 것들이19. 조금만 싸게 : 반값으로 해달라20. 스타일가이드 : 컴포넌트 전반을 규정(버튼, 컬러, 간격, 텍스트 등 디자인/퍼블리싱/개발의 기준을 설정하는 것(그러나 지키진 않겠다)21. 플랫하게 : 셔터스톡에 있는22. 브랜드디자인 : 모든 것을 다하는23. UX디자이너 : 전투력이 높은24. 편집디자이너 : 자간에 극도로 예민한25. 시마이 : 오늘은 여기까지30. _final : = start31. 정렬 : 생명32. 컬러 : 블랙홀33. 시발 : 프로그램이 응답하지 않습니다.34. 컨셉 : 기획과 디자인 등 전과정을 아루는 맥락이나 의미. 특정한 목적을 지니고 그것의 달성을 위해 만들어지는 경우가 많다. (유사어 : 대표님의 생각)35. 이거 : 내 모니터에 있는 거(=니가 와서 봐라)36. 그거 : 니 모니터에 있는 거(=내가 가긴 귀찮다)37. 쓰읍 : 다시 해라38. 죄송한데 : 너의 퇴근은 없다39. 로고 : 1)본디 텍스트타입의 아이덴티티 표현 방식으로 기업이나 서비스의 이름이나 정체성을 표현한 이미지. 2) 대표님의 생각을 읽고 시각화 시키는 작업 (유사어 : 야근)40. 데드라인 : 나는 지키지 않겠지만 너는 지켜야 하는 것41. 픽셀과 벡터 : 클라이언트가 이해하지 못하는 개념42. 프리미어 : 다루기 싫거나 못 다루지만 어쩌다보니 하고있는 어도비툴43. 핀터레스트 : 구원의 샘 (자매품 : 비핸스)44. 유튜브 : 스승님, 지식의 샘, 바이블, 모든 게 다 있는 곳, 메시아45. 맥북 : 어깨를 파괴하고 성능을 득한다46. 외장하드 : 이유는 모르지만 자꾸 고장나는 것. 모든 것을 강제로 내려놓게 하는 인생의 참스승47. 사수(+접미어 놈/새끼) : 있으면 미칠 것 같은데 없어도 미칠 것 같은 사람48. 부사수(+접미어 놈/새끼) : 있으면 미칠 것 같은데 없어도 미칠 것 같은 사람49. 엑셀 : 잘 모르겠는 것(자매품 : '한글2000')49. 캘리브레이션 : 모니터의 색온도, 밝기, 명암, 감마 등을 조정해 일정한 표준으로 보이도록 하는 작업.50. 휘도 : 광원의 단위 면적당의 광도. 광도는 광원에서 나오는 빛의 세기, 조도는 빛을 받는 사물의 밝기, 휘도는 면적당 광도를 의미해요. 모니터 등 디스플레이에선 휘도가 중요해요. 휘도에 따라 색감이나 선예도가 달라지기도 하죠.51. N10단계 : 명암을 10단계로 쪼개 나눈 것으로 대학교1학년 때 손으로 그리기도 했지만 잘 기억나지 않는 것52. HSB : 웹디자인할 때 쓰면 좋은 색상팔레트. 53. 팬톤컬러 : 이쁘고 비싼 것(컬러칩 사야함)54. RAM : 디자이너의 성격과 탈모를 결정하는 컴퓨터장치(16GB이상은 필수로..)55. 카페 : 커피가 있는 사무실56. 스크래치디스크 : 가상메모리와 비슷한 개념인데, RAM이 부족해서 임시저장할 곳이 모자르면 당신컴터의 하드디스크나 SSD의 일부분을 활용하여 RAM처럼 활용합니다. (자매품 : 스크래치디스크가 꽉 찼으므로 photoshop을 초기화할 수 없습니다.)57. png : 픙58. 누끼(v. 누끼따다) : 개체의 외곽선을 따라 펜툴로 따는 작업. 디자인계의 인형눈깔붙이기 같은 작업59. 시안 : 대장정의 서막60. 디자인 : 일단 나는 배웠으니 하겠지만, 누가 한다그러면 한번쯤 말리고 싶은 것.
조회수 2510

타이포그래피 겉핥기

안녕하세요. 스포카 디자인팀에 속해있는 이경입니다. 기술 블로그이니만큼 디자이너로서 개발자분들과 공유할 수 있는 유용한 정보가 무엇이 있을까 고민하다, ‘타이포그래피’에 관한 글을 쓰기로 했습니다. 타이포그래피란 단순하게 말하자면 글자를 다루는 일을 말합니다. 타이포그래피에 관해서는 이미 좋은 글이 많이 있으므로 이곳에서는 가볍게 읽을 수 있는 내용을 다루고자 합니다. 다른 좋은 글이 많은 곳이나 책에 대해서도 다음에 한번 쓰고 싶네요. 이번 주에는 타이포그래피와 그 기본 요소인 글자에 관해 간단히 이야기하려고 합니다.타이포? 타이포그래피?어쩌면 두 단어가 모두 생소하실지도 모르겠습니다. 그러나 디자인을 공부하는 사람들 사이에서는 타이포typo 혹은 타이포그래피typography라는 단어가 꽤 자주 등장합니다. 그리고 흔히 두 단어를 모두 같은 뜻으로 사용하곤 합니다. 하지만 이 두 단어의 실제 뜻은 상당히 다릅니다.타이포그래피 (typography) [명사] <출판>활판으로 하는 인쇄술.편집 디자인에서, 활자의 서체나 글자 배치 따위를 구성하고 표현하는 일.typo 미국식 [|taɪpoʊ] 오자, 오식출처: 네이버 사전위와 같은 사전적 의미를 참고한다면 ‘타이포가 잘 된 디자인, 타이포가 어색한 책’ 등의 표현은 잘못되었다는 것을 알 수 있습니다. ‘타이포그래피가 잘 된 디자인, 타이포그래피가 어색한 책’ 등의 표현이 옳을 것입니다. 그러나 자료를 찾다 보니, 서구권에서도 우리나라처럼 Typography의 줄임말로 Typo를 쓰기도 한다고 하는군요. 그러나 영미권에서 Typo는 주로 오탈자의 의미로 사용된다고 합니다.폰트사전적 의미로 글자란 말을 적는 일정한 체계의 부호입니다. 숫자와 문장부호들도 여기 포함됩니다. 영어에는 letter, type, character가 같은 뜻을 가지고 있습니다. 이중 타입은 조금 더 물리적인 속성을 갖습니다. 금속 ’활자’를 뜻한다고 보시면 됩니다. 타입페이스typeface란 바로 이 금속활자의 찍히는 얼굴 면, 그 모양을 말하는 것입니다.폰트font란 통일된 구조와 속성을 가진 한 벌의 기호나 글자를 말합니다. 요즘은 같은 스타일을 가진 폰트 모두를 지칭할 때 쓰이기도 하지만 그런 경우 정확한 이름은 타입패밀리type family 로, 같은 스타일의 폰트 묶음을 말합니다.위의 그림은 유니버스Univers 서체의 타입패밀리입니다. univers 55 가 여기서 기본이 되는 폰트이고, 획의 굵기나 기울기 등의 변형을 통해 각각 다른 폰트로 나뉘고 있습니다.활자의 구조Letter, Type, Character 중 Character는 전통적 인쇄 방식으로 활자를 조립해 인쇄할 때 사용하는 각각의 글자, 구두점, 숫자 등의 개별 요소를 말합니다. 지금으로 말하자면 키보드를 두드리거나 특수문자 입력폼에서 더블클릭을 했을 때 나타나는 부호 하나하나가 되겠군요.영문 알파벳에는 대문자와 소문자의 개념이 존재합니다. 원래의 로만 알파벳에는 대문자만이 존재했지만, 이 대문자들을 반복해 쓰는 과정에서 소문자가 등장했습니다. 대문자는 영어로 Uppercase라고 하는데 이 이름은 인쇄술 개발 초기 손으로 조판하던 때에 활자 상자 윗부분에 대문자를 넣어 두던 것에서 유래했습니다. 소문자는 그 아래에 있었으니 Lowercase라고 부릅니다. 대문자는 약어로 Caps라고도 합니다. 지금 키보드 왼쪽에 자리한 Caps lock의 의미가 그것이죠. 소문자만큼—정확하게는 소문자 x의 높이만큼—작게 쓰는 대문자도 있습니다. 영문 폰트를 자주 사용하시는 분이라면, 혹은 어도비 일러스트레이터같은 프로그램의 Type> character 부분을 이것저것 만져 보신 분이라면 한 번쯤 보신 적 있으실 겁니다. Small caps라고 부르는 작은 대문자입니다. 따로 폰트가 만들어져 있기도 합니다. 본문, 긴 글을 대문자로 조판할 때나 본문 속에서 DNA 등의 두문자어를 쓸 때 사용하곤 합니다.활자를 조금 더 자세히 살펴봅시다.글자들이 고르게 놓인 것처럼 보이는 선을 기준선, Baseline이라고 합니다. 소문자들의 몸통을 고르게 놓는 기준선 위의 선은 윗선 x-line, 혹은 몸통선Meanline 이라고 부릅니다. 소문자 x의 획이 보통 기준선에서 윗선까지 닿기 때문입니다. p나 h같이 x보다 위아래로 뻗는 소문자 획은 각각 위쪽이 어센더Ascender, 아래쪽이 디센더Descender입니다. 속공간Counter은 글자의 획이 둥글게 공간을 싸고 있는 경우인 d, e, g등의 빈 공간을 말합니다.위의 그림 맨 위에 있는 Alpha와 bet은 각각 다른 특징을 가지고 있습니다. 물론 타입패밀리부터 다른 활자이기도 하지만 Alpha 같은 경우는 글자의 끝맺음 부분에 세리프가 튀어나와 있지요. 반면에 bet은 비교적 각진 느낌으로 세리프 없이 마무리되어 있습니다. 세리프는 로마 석공이 새긴 비석의 글자로부터 유래했습니다. 세리프가 있는 서체는 세리프Serif 라고 하고 없는 서체는 산세리프Sans serif 라고 합니다. Sans는 프랑스어로 없다는 뜻이라고 합니다.두, 세 번째 줄에는 숫자의 다른 글자꼴을 배치해 놓았습니다. 두 번째 줄의 우리에게 익숙한 숫자는 모던 숫자Modern figures나 Lining figures라고 부릅니다. 대문자 크기에 맞춘 큰 모던 숫자는 도표나 숫자 정보를 잘 전달해야 하는 문서 등에 유용합니다. 올드 스타일 숫자Old style figures, Nonlining figures는 어센더와 디센더가 있고, 크기가 각각 다르다는 점에서 소문자와 비슷한 특징을 가집니다. 따라서 본문 속에서 숫자가 덜 두드러져 보여야 할 때나 작은 대문자와 숫자를 함께 사용해야 할 때 쓰이곤 합니다.마지막 줄에 있는 이음자Ligatures 는 둘 이상의 글자를 자연스럽게 결합하는 것을 말합니다. 그림에 있는 ff, fi, fl과 ffi, ffl 등의 나란히 있을 때 어색해 보이는 글자를 자연스럽게 만듭니다.활자 스타일마지막으로 활자 스타일에 대해서 살펴보도록 합시다. 이것은 보통 텍스트를 입력 시 서식 메뉴에서 살펴볼 수 있습니다. 중량, 획 굵기에 관해서는 가느다랗고 경쾌한 라이트light부터 레귤러regular, 미디엄medium, 두껍고 무거운 볼드bold 등이 있고 글자 폭에 관해서는 익스펜디드expanded, 레귤러regular, 콘덴시드condensed 등이 있습니다. 이 변화 폭은 엑스트라 라이트, 울트라 볼드, 울트라 익스펜디드, 엑스트라 콘덴시드 등으로 더 나뉘기도 합니다. 헬베티카Helvetica의 타입 패밀리를 살펴보신다면 쉽게 이해가 되실 겁니다. 또 글자의 획 굵기와 글자 폭이 함께 변하면 하나의 타입패밀리 속에 라이트 익스펜디드, 엑스트라 볼드 콘덴시드 등을 포함하게 됩니다.긴 글 읽어주셔서 감사합니다. 이 글은 타이포그래피 교과서, 타이포그래피 천일야화 등의 책과 네이버 사전, 타이포그래피 서울 등의 웹페이지를 참고했습니다.#스포카 #디자인 #디자이너 #디자인팀 #타이포그라피 #타이포그래피 #꿀팁 #인사이트
조회수 6280

비트맵 방식과 벡터 방식

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 저는 스포카 기술 블로그에서 그래픽 디자인에 대한 기본적인 내용을을 다루어 볼까 합니다.앞으로 저는 컴퓨터 그래픽 디자인의 기초적인 용어 정리 및 개념 설명부터 실무에 바로 도움이 되는 디자인의 기본 상식 및 방법론까지 스포카 기술 블로그를 통해 설명해 보고자 합니다. 일단 오늘은 컴퓨터를 이용한 그래픽 디자인의 정말 기본이 되는 이미지 형식에 대해 다루어 보겠습니다.비트맵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 #인사이트
조회수 1100

클라이언트가 폰트를 바꿔달라고 하면, 폰트를 바꿔주자.

클라이언트가 폰트를 바꿔달라고 했습니다. 분명 우리가 배우고 공부한 바로는 폰트를 바꾸면 그리드나 밸런스가 틀어질 테죠. 레이아웃도 다시 맞춰야 하고 자간, 행간, 심지어 컨셉도 다시 바꿔야 합니다. 그러니 디자이너 입장에선 '그냥 그것만' 슉 바꾼다고 될 문제는 아닙니다. 모든 것의 밸런스를 고려해서 픽셀단위로 고민과 두통과 다양한 손짓 발짓이 필요한 것이죠. 두 손을 공손히 관자놀이에 대면 거칠고 사나운 맥박을 느낄 수 있습니다.  자, 여기까지는 디자이너의 사정입니다.음.. 하지만 결론부터 얘기하면, 이러한 디자인적 고충을 클라이언트가 이해하고 알고 있어야 할 필요는 없습니다.  앞서 말씀드린 고충은 디자이너만이 알고있는 사실이죠. 그리고 이러한 내용을 반영해서 마음대로 추가적인 액션을 하는 것을 클라이언트는 이해하지 못합니다. 디자이너 입장에선 생각해서 이것저것 다 맞춰서 반영해줬는데 왜 원래대로 해달라고 하는거지?? 싶을 수도 있어요.  이렇게 갈등이 시작됩니다. 클라이언트의 오더는 디자이너 입장에서 쉽게 납득하기 힘든 수준의 것들이고, 디자이너의 불평불만은 클라이언트 입장에선 이해할 수 없는 것일 테니까요. 네, 당연히 디자인은 각 요소의 치밀한 유기성과 미적 설계를 고려해야 합니다. 그렇다면 이러한 논리적인 디자인의 예술성과 심오함을 이해하지 못하는 클라이언트는 비난받아 마땅한 존재인가요? 물론 무리한 요구를 시전하며 디자이너의 설득과 주장을 원천봉쇄하는 쇄국정책자들도 있습니다만, 일반적인 경우에선 먼저 디자이너는 일을 제대로 하고 있는 지 셀프체크가 좀 필요한 부분도 있습니다.  굳이 현실적인 우선순위를 따지자면, '업무의 효율성'이 먼저예요. 디자인은 상대의 욕망을 구현하는 과정이라고 생각합니다. 특히 업무로써의 디자인은 더더욱요.  대다수의 '업무' 라는 것은 무형의 아이디어와 고민을 실체로 드러내고 증명하는 과정입니다. 그러니 내가 공부한 게 짱이고, 교수님이 말해준(물론 뭘 딱히 말해주지 않았다고 해도) 것들이 진리이고, 진짜최종.PSD 페이지에 있는 썰들이 생명수가 아닙니다. 상황이 곧 정답이죠.상황이 곧 정답이다.일을 하는 상황에선 내 지식과 고집만 내세운다고 뭔가가 해결되지 않습니다. 지식과 고집이란 건 그 근거와 상황에 따라 이렇게저렇게 조율이 가능해야 해요. 게다가 대부분 디자이너가 하는 일이란 것은 디자인적으로 완벽한 뭔가를 만드는 게 아니라 전체적인 일이 굴러가는 하나의 과정 중에 존재하니까요. 디자이너에게 셀프체크가 필요한 이유는 꼭 일을 잘하자~ 라는 개념이 아니라, 추후 진짜 문제가 불거졌을 때 디자이너는 어떻게 대응했는가. 에 대한 이슈로부터 자유로워지기 위한 자기방어의 최소한이기도 합니다. "너도 일을 개판으로 했구만?" 이라고 반격당하지 않으려면, 뭐랄까. 뭔가 틀이 있는 디자인업무체계를 만들어놓는 것이 좋겠죠.물론 디자인적인 퀄리티를 높이고 치밀하고 디테일한 디자인에 집중하는 것은 좋습니다. 당연히 그래야 하죠.  그러나 그 목표가 자기만족이나 내 습관에 의한 당연한 디자인을 만드는 것이 아니라, 전체 맥락에서 좀 더 발전적인 방향에 초점이 맞추어져야 하는 것이 현명한 선택이 아닐까 싶습니다.디자이너가 디자인을 초월적으로 잘하는 것은 중요한 일이지만, 그것만 잘해서는 오퍼레이터 그 이상도 이하도 아닐테니까요 . 진짜 중요한 것은 '안'을 제공하고 결과를 만들고 그것에 책임지는 일이 아닐까요.오늘은 클라이언트와 업무처리를 하는 과정에서 수정/피드백 등의 상황을 어떻게 풀어나가야 하는 지 정리해보았어요. 물론 상황이 정답이라는 말처럼, 케바케의 경우가 많을테니 필요하신 몇몇 포인트만 살펴보시면 좋을 듯 합니다.1. 폰트를 바꿔달라고 했으면, 폰트를 바꿔주도록 하자.그리고 나머지 부분이 이렇게 수정되면 더욱 디자인적으로 좋을 것 같다고 첨언을 덧붙인 레포트로 제공하는 방법을 택해봅시다. 자꾸 덧붙이고 다른 것까지 손을 대다보면, 디자이너 본인도 힘들고 클라이언트에게선 '왜 폰트를 바꿔달랬는데 위치를 바꿨느냐??' 라는 말이 나오기 마련이니까요.2. 만약 도저히 내 손이 폰트만 바꾸는 것을 허락하지 않는 다면 다른 요소를 바꾸기전에 미리 클라이언트와 상의를 해보자'디자인적으로 봤을 때 이러이러한 부분이 충돌하면 결과물이 꽤나 좋지 않게 나올 수 있으니, 좋은 방향으로 몇 가지를 같이 수정해 보려고 합니다. 어떻게 생각하십니까?' 라는 완곡한 표현을 선택해 봅시다. 3. 2번도 클라이언트가 못 알아듣는다면?일단 폰트만 바꾼 이상한 시안을 1안, 그리고 내가 생각하는 좋은 방향을 2안으로 잡아서 두 개를 주도록 합시다. 사람은 눈으로 보기전까진 상상속의 그 시안이 항상 완벽하다고 생각합니다. 사람의 머리는 항상 부족한 것은 퉁치고, 어설픈 것은 두루뭉술하게 만들고, 무언가를 빠뜨리고 자꾸 왜곡시켜버리니까요. 그래서 기획단계에서 텍스트만 보고 상상할 때는 완벽하고 멋진 골드드래곤같은 것들이 머릿 속 가득 펼쳐집니다. 그게 시안으로 나오고 실제 서비스로 만들어지는 과정을 봐야...아..이것이 참으로 생각같지 않은 것이구나.... 하고 무릎과 이마를 동시에 타닷탓탓 치며 깨닫게 되죠.4. 3번을 할 시간이나 여유가 없고 클라이언트도 완고하다면?사실 시안을 두 개 만드는 건 디자이너에겐 두 배의 시간이 걸리는 일이니, 굳이 만들기 전에 일단 눈치상 '아, 저 분은 거의 최영장군이다.' 싶은 느낌이 든다면 그냥 바로 이번 포인트를 생각해봅시다."폰트만 바꿔서 결과물 퀄이 떨어지는 것이 이 전체 프로젝트를 폭망시키는 일인가?"만약 그렇지 않다면 그 정도 핸디캡은 그냥 감수하도록 해요. 일을 빠르게 진행시키고 넥스트로 넘어가는 것이 더 중요합니다. 내 쪽에서 로딩이 걸려있으면 여러사람이 피곤해지고 다시 피드백이 오기까지 시간만 늘어지는 악순환이 시작되죠. 결과적으로 그 피해는 다시 디자이너가 입게 됩니다. 특히 내부가 아닌 독립해서 외주로 진행되는 경우엔 커뮤니케이션 속도가 더욱 느려지는 점을 고려하지 않을 수 없어요. 데드라인은 정해져있습니다!~. 커뮤니케이션이 느려진단 것은 결국 디자이너의 밤잠이 사라진다는 의미죠. 게다가 영원히 애인따윈 사귈수도 없고, 우울해지고...지구가 멸망할 수도 있어요.5.  4번을 생각했을 때 "이따위 시안을 시장에 냈다간 진짜 뉴스에 나올 수 있겠다..." 라는 판단이 선다면 이따위 시안을 내 손으로 만들었다는 사실을 인정하지 못하겠거나, 울트론을 만들었단 느낌이 들거나, 뭔가 크게 잘못되었다 싶으면 정식 미팅요청을 하자. 대면미팅으로 직접 조율을 시전하는 것이죠. 이 능력이 없거나, 무섭거나, 말을 잘 못하거나, 그런 교육과 경험이 없다고 징징대는 건... 안타깝고 슬프지만...  어떻게 할 수 없습니다. 누굴 탓할 수 있는 게 아니죠.6.  변경사항들이 생기거나 미리 유의해야 할 사항이 있다면 클라이언트에게 미리 공지를 하자. 일 다 터지고 나서 '그건 원래 그럴 수 있는거예요.' 라고 가르치듯 말하고, '디자인도 인쇄도 모르면서 나한테만 뭐라그래!' 라고 불평불만하는 건 말이 안되는 일입니다. 예를 들어 인쇄를 하면 당연히 색이 좀 더 어둡고 진하게 나올 수 있어요. 또는 절단면에 따라 일부가 잘릴 수도 있고, 특수한 제작건이면 비용이 더 청구될 수도 있고, 박/홀로그램/형압/음각 등등 다양한 이펙트가 들어갈 경우엔 포토샵 Mock-up 과 완전히 같은 제품이 만들어지지 않을 수도 있습니다. 종종 비에 젖으면 번질 수도 있고, 색이 바랠 수도 있습니다.  이러한 모든 사항에 대해 미리 고지를 해줘야죠. 장마철에 28일짜리 행사를 한다고 칩시다. 거대 현수막을 코엑스 전면에 부착했다고 생각해봐요. 비가 오고, 벼락이 치고 바람이 불고 하겠죠. 당연히!! 제작을 담당하는 디자이너는 이 현수막의 수명이 얼마나 될 지, 기상에 따라 어떤 데미지가 있을지 대략이라도 알려줘야 하는 것입니다. 이상한 결과물이 나오거나, 추후에 문제가 터지는 것에 대해서 클레임을 제기하는 건 당연한 일입니다. 아니 하다못해 우린 음식이 짜다고, 매운짬뽕이 맵다고, 츄리닝 실밥이 터졌다고, 바지 사이즈가 작다고도 반품교환환불을 하잖습니까. 우린 설명의 의무가 있습니다. 그건 제작단의 일인데 그걸 왜 디자이너가 알아야 하냐?! 라는 의견도 있던데.. 되도 않는 소리라고 생각합니다.  당연히 알고 있어야 합니다. '해봤다.' 라고 얘기해서 다들 입사하고 포폴제출하고 했을텐데...'해봤다.' 라는 말의 의미는 쉽게 놓칠 수 있는 이런 부분을 알고있다는 얘기입니다.왜 모든 여행상품의 하단에 '해당 내용은 현지사정에 따라 바뀔 수 있습니다.' 라는 문구 하나가 적혀있는지. 그 힘이 얼마나 거대한 지에 대해 생각해볼 필요가 있어요.7. 시안을 설명하고 안을 제시할 땐 디자인용어를 잔뜩 넣어 그리드와 레이아웃이 어떻고 컬러콤비가 이렇고, 시각적효과가 어떻고 를 말해봐야 소용없습니다.  디자인 이론이란 것은 그것이 전체 프로젝트의 결과물에 관련한 실질적인 적용이 가능할 때 의미가 있습니다. 이론은 현재 만들어진 시안을 설명하기 위한 주절주절이 아니죠. 이 시안이 완성되기 까지의 생각의 흐름을 알려주는 게 더 중요합니다. 흔히 디자인 포트폴리오를 보다보면, 설명이라고 써놓은 것들이 복잡한 용어와 컬러코드를 잔뜩 적어서 '이 시안'에 대해 설명하곤 하는데... 그것보단 '어떻게 이 시안을 만들게 되었는지?' 가 더 궁금합니다. 시안에 대한 PT발표나 클라이언트 미팅을 할 때는 디자이너만 알 수 있는 전문용어가 아니라, 왜? 어떻게? 무슨 효과가 있는지? 어떤 기대를 할 수 있는지, 근거는 무엇인지..등등을 얘기해주는 게 좋습니다.또한 이론을 들어 개선안을 내놓고 싶다면, 그 이론이 어느지점에 어떻게 적용되서 어떻게 개선되어야 좋은 것인지 말할 수 있어야 합니다. 뇌과학원리를 알고 심리학이론, 인지편향이론, 시각원리를 아는 것은 좋지만, 그러니까 그게 우리 일에 무슨 관련이 있는지를 설명할 수 있어야 하는 것 아닐까요.8. 제대로 알고 있는 지에 대한 자기검열도 가끔 필요하다 .  이건 언젠가 제가 꼭 하고 싶던 얘기입니다. 디자인이론의 대부분은 심리학과 인지이론에 기초하며,  취향과 인지편향, 인식/인지이론, 학습이론 등 다양한 갈래의 학문들과 크고작은 접점을 지니고 있습니다. 내가 알고 있는 디자인 지식이 온전한 진실이 아닐 가능성도 염두해둬야 하죠. 심리학은 지금 이 순간에도 새로운 이론들과 반증들이 드러납니다. 두뇌의 인지체계에 대한 내용도 매년 새로운 이론들이 등장해요. 10년 전에 대학교에서 배운 어떤 지식이나, 3,4년전에 클라이언트와 일하면서 경험했던 그 단편적인 사실만이 진리가 아닙니다. 더불어 올바른 지식을 알고 있다고 해도, 실상 디자인에선 지식 그 자체보다 그게 시장에 드러났을 때 어떤 효과를 주는가가 더 중요해요. 샤넬이 굴림체를 써서(물론 코딩상의 문제였지만) 네이버 전면에 배너를 내걸든, 동부화재의 로고가 DB손해보험으로 변경되며 해괴하게 바뀌든, 드롭박스의 리브랜딩이 꽤나 난해한 수준이라고 해도 소비자가 대거 탈퇴하거나 해당 회사에 대한 만족도, 인지도가 떨어지는 사태는 없었습니다. 반면 이론적으로 완벽하고 내 인생에 두 번 다시 없을 크리에이티브 요정의 역작이라고 해도 정작 시장의 반응은 싸늘할 때도 있죠. 디자이너는 4,5번의 내용을 통찰할 수 있어야 해요. 9. 그런 경험과 교육을 받은 적이 없다고 억울해하는 경우가 종종 있습니다. 디자이너가 된 것에 대해 불가촉천민처럼 괴롭고 험난한 인생길에 들어선 것처럼 자기연민에 허덕이는 분들도 가끔 볼 수 있었습니다. 분명 디자인업무는 힘들고 피곤한 일입니다.. 하지만 두 가지를 말하고 싶어요. 모든 일은 힘들고 피곤합니다. 하루종일 사전박스에 사전을 집어넣는 단순노동이나, 마케팅/기획자같이 머리가 터지는 전략을 짜는 사람들이나...모두 각자 나름대로의 고충과 힘겨움이 있습니다. 디자인만 특별히 죽을 맛이고 이것이야 말로 지구상에 둘도 없는 사탄의 직종이다... 라는 논리는 그냥 굉장히 이상합니다.또 하나. 자꾸 디자이너는 시간도 없고 힘들고 피곤해서 공부할 시간도 성장할 시간도, 새로운 것에 도전할 시간도 없다고 하는 분들도 있는데...사회탓, 회사탓, 시스템탓, 선배들이 만들어놓은 하향평준화 탓을 하며 어차피 디자이너는 야근과 박봉에 쩔어사는 지하세계존재들이야 라고 서로 다독이고 울먹이며 화이팅하는 동안 누군가는 이악물고 공부하고 자신만의 BM을 찾아내고 있다는 사실도 잊지 말았으면 합니다. 10. 그럼에도 분명 나쁜 클라이언트도 있다. 일방적인 무시와 비상식적인 요구, 업무와 관련없는 모독 등으로 디자이너들에게 큰 고충거리로 남는 분들이 있는 것도 사실입니다. 저두 숱하게 겪어봤구요. 이런 현실과 슬픔은 비단 디자이너 뿐만 아니라 이 험난한 자본주의를 살아가는 모든 직군에게 해당될 수 있겠네요. 이럴 때는 소주를 마시며 함께 '으이구..디자이너로 살아간다는 것이 이렇다..쯧쯧' 하면서 서로 등을 다독일게 아니라 서류로 승부하도록 합시다.. 계약서도 제대로 안쓰고, 도장도 안찍고, 선급금도 안들어왔는데 일에 착수하고, 영혼까지 너덜거린 후에 눈물흘리는 건 소용없었습니다.. 결국 털리는 건 내 영혼과 통장이죠. 독립을 하고 싶고, 디자이너로 정당한 댓가를 받고 내 것을 지키고싶다면 그 만한 공부가 필요한 것 같아요. 헤엑?!! 내가 그걸 어떻게 공부해애앵?!?! 이라고 하지만... 막상 해보니 민법총론도 공인중개사 인강 한 달이면 대략 쉽게 이해할 수 있더라구요. 계약법도 요즘엔 사방팔방에 정보 투성이입니다. 너무 많아서 문제죠. 세무업무 등도 몰라서 못했다..라고 하기엔 주변에 너무 능력자들이 많고, 126에 전화만 걸어도 과도하게 친절해서 조금만 더 친절했다간 다과상이라도 놓고 마주앉아 얘기해야 할 것 같더라구요.디자이너는 해당분야의 전문가입니다. 특히 독립을 했고 개인사업자로 자리매김하기 위해선, 자신의 모든 선택과 행동에 책임질 마음과 실력이 필요하다고 생각해요. 전문가라 함은 상대방의 비용과 시간과 노력을 아껴줄 수 있고 결과물과 그 파급효과를 극대화시킬 수 있는 사람을 의미합니다. 혼자만 알고 있고 내 입에서만 맴도는 불평으로 홀로 슬퍼하는 모습은 전문가같아 보이진 않아요. 우리 모두 전문가가 되어보아요 :)
조회수 1406

에이스프로젝트 추천도서 - 그래픽팀 편

안녕하세요기업문화가 좋은 야구게임 개발사에이스프로젝트입니다!에이스 추천도서 3탄!이번에는 에이스프로젝트의 금손 아티스트! ‘그래픽팀’편이랍니다.3D부터 원화, UI까지 다양한 그래픽 작업을 하는 그래픽팀.디자이너에게 인사이트를 주는 추천도서가 무엇인지 볼까요?에이스프로젝트 그래픽팀이 추천하는 도서 Best 6!1. 컬러앤 라이트; 리얼리즘을 위한 색과 빛을 그리는 방법 - 제임스 거니[ 이미지 출처 : 예스 24 ]원화 파트 추천도서! 디지털 페인팅의 원리를 설명해주는색채 표현력에 도움이 되는 책2. 3D 게임 비주얼과 연출의 기술 - 오노 코지[ 이미지 출처 : 예스 24 ]연출 추천도서!재미있게 만들어주는 연출의 기술을 알기 쉽게 설명해주는 책3. 열혈 강의 유니티 게임 프로그래밍 - 주세영[ 이미지 출처 : 예스 24 ]테크니컬 아티스트(TA) 추천도서!내가 만든 그래픽 리소스를 직접 게임으로 구현해보고 싶다면 이 책 한 권으로 가능!유니티와 기초 스크립트가 이해하기 쉽게 설명되어 누구나 따라 할 수 있다!4. Creating Stylized Characters - 3dtotal(COR)[ 이미지 출처: amazon ]유럽 감성의 쉽고 재밌는 캐릭터 컨셉 잡기5. 게임 아키텍처 & 디자인 - 앤드류 롤링스, 데이브 모리스[ 이미지 출처 : 예스 24 ]기획자뿐 아니라 개발자 모두가 읽어야 할 필수 고전 도서6. 갓 오브 워 아트북 - 소니 인터랙티브 엔터테인먼트, 산타 모니카 스튜디오[ 이미지 출처 : 예스 24 ]게임은 개별적인 예술의 표현이며 동시에 스토리텔링을 위한 시각적인 요소에 의존하는 매체다양한 분야의 그래픽 작업을 하는 만큼, 책도 정말 다양하네요.대부분은 캐릭터, 원화 스케치 과정이 레퍼런스 위주로 되어있어 참고하기 좋다고 하네요!이상. 그림으로 말하는 그래픽팀의 추천도서였습니다 :)다음은 '개발팀'의 추천도서로 찾아올게요 :)

기업문화 엿볼 때, 더팀스

로그인

/