스토리 홈

인터뷰

피드

뉴스

조회수 712

브랜딩의 역사를 파보았다.

여기저기서 자료찾고 허덕이느라 글이 늦긴 했지만, 아주 보람찬 시간이었습니다. 사실 브랜딩 나부랭이를 다루다가 보니 이런것이 궁금해졌죠. 그럼 이건 어디서부터 시작된걸까? 도대체 어떤 자식이 '브랜딩'이라는 단어를 만든것일까! 라는 것이었죠. 그래서 찾아보다보니...어떤 사람이 만들긴 했더군요. 근데 그 사람이 이 행위를 만든건 아니잖아요. 애시당초 우리가 쭈욱...하고 있던 행위에 이름을 붙인 것이지. 그래서 그 행위는 어떻게 변했는지가 또 궁금했습니다. 전 분석충이기 때문에, 내면의 차크라를 끌어올려 주제를 파헤치는 것을 좋아하죠.그래서 역사를 거슬러 예수님을 영접하고 그 이전의 단순시대까지 거슬러가서 갈릭향기를 느끼다가 어느 덧 이집트고대문명까지 흘러가게 되더군요. 지금부턴 그 시간을 다시 되돌려 현재로 돌아와보도록 하겠습니다. 사실 브랜딩이란 것은 코딱지를 파는 것만큼 자연스럽고 만연해있는 행위를 통칭하는 말이기에, 인간은 코를 언제부터 파기 시작했나? 라는 질문의 기원을 찾는 것과 비슷합니다. 그러니 가설과 추측이 가득하죠. 이 점을 감안하신다면 크큭크큭용으로 충분한 가치가 있을 것 같습니다.전 브랜드나 브랜딩 같은 단어에 점점 큰 의미가 실리는 것을 딱히 좋아하지 않습니다. 브랜딩을 하는거나 자기 책상치우는거나 쓰레기통을 비우는 것이나 무엇이 중하다 아니다의 경중을 따지거나 마케팅이 짱이다 브랜딩이 짱이다, 우리가 본질이다 넌 사짜다 허접이다 꺼져라 뭐덜퍼커 이디엇츠 라고 논쟁하는 것도 좀 웃깁니다. 그러니 쉽게쉽게 풀어보자면 이러합니다.고대이집트룩소르 신전의 벽돌엔 수많은 상형문자가 새겨져있즹물론 저 상형문자는 신에 대한 찬양 또는 연대기가 적혀있는 메모장같은 느낌이지만, 고대 이집트에서는 돌나르는 것이 일상이었습니다. 아침먹고 돌, 점심먹고 돌, 저녁먹고 돌, 몸 푸는 돌, 빡센 돌, 둥근 돌.. 게다가 고운 모래로 만들어진 사암이었기 때문에 뭔갈 새기고 표시하기에 나쁘지 않은 질감을 지니고 있었죠. 그러니 누웠다가 일어나서 그녀가 보고싶으면 돌에다가 그녀의 이름도 적고, 내일 점심메뉴도 적고, 금요일날 미팅약속도 적어놓고... 파피루스가 발명되기 전까진 이들은 돌과 함께 살았습니다.그러다보니 이 벽돌을 만드는 전문가들이 생기기 시작했겠죠.  홍해건너 윗동네엔 신비한 레시피로 벽돌을 만드는 놀라운 달인이 있다는데!!(생활의달인 ver.)"저..저기요!! 혹시 여기 놀라운 벽돌을 만드는 분 아시나요?!""어어~ 쩌기 쩌그 언덕너머 야자수옆에 3번째 집에가면(졸라 상세히 알고있음) 맨날 벽돌만 만드는 사람이 있어요."해서 찾아가봤더니 손끝으로 느껴지는 그 놀라운 태초의 모래와 지구역사의 신비를 간직한 45억년의 대자연의 음성이 들리는 듯한 신비한 벽돌이 있는거예요. 이런 사람을 카만히 둘리 없겠죠. 누가요? 왕이요. 그래서 왕이 불렀어요.- 니가 벽돌을 잘 만든대매?- 뉍- 그럼 내 무덤 니가 만들어- 잇힝. 견적드릴깝쇼- 40,000개, 단가 은한톨씩 줄께(당시는 귀금속이 화폐의 단위였다)- 40,000개는 혼자 다 못만드는뒈에?- 그럼 니가 10,000개 만들고 나머진 다른 업체쓰지 뭐.이렇게 해서 4개업체가 피라미드나 성벽이나, 건축물이나 신전을 만드는데 달라붙게 되는데 그 중에 반드시 불량이 있었을거 아니예요. 근데 석조건물의 특징 상 하나가 문제가 생기면 전체 하중에 큰 영향을 주는 터라 불량에 대한 심사는 매우 중요한 요소였단 말이죠. 왕은 이렇게 말했어요.- 나중에 문제생기면 그놈을 혼낼 거니까, 돌에다가 표시해놔이 때부터 표식이 시작되었습니다. 당초는 왕이 제품개발한 사람들을 구분하고 책임소재를 분명하게 하기 위해 각자의 표식을 심으라고 했던 목적이 주였어요. 나중에 토기와 도기에 이르러서도 마찬가지였죠. 이것들은 내수시장에 판매하는 용도보단 주로 무역과 조공품에 쓰였습니다. 무역의 문제는 곧 외교의 문제와도 같았죠. 그러니 책임소재를 명확하게 하려고 도기 바닥에 별이나 손바닥, 원, 특이한 형상들을 새기게 하였답니다.상업적 측면에서는 브랜드가 처음으로 활용된 시기를 BC7세기경, 그리스의 상인들이 항아리에 자신의 브랜드를 부착시켜 사용한 것이 최초로 기록되고 있으며, 그 이후 중세의 상인들이 저급한 모방제품과 구별하기 위해 제품에 브랜드를 부착하여 자신과 고객들을 보호하였다고 전해지고 있답니다.이처럼 초기의 브랜딩은 감시와 책임을 위한 식별의 수단으로써 작용하였어요.고대유럽이 후에 유럽으로 넘어가봅시다. 때는 4세기~6세기경이었습니다. 이 때의 유럽은 로마가 통치하고 있었고 여러각지에 동,서,북게르만 족들이 흩어져 평화롭고 판타지소설스럽게 살아가고 있었습니다. 근데 모든 때가 그러하듯 인구는 늘어나고 경작할 곳은 부족해지니(특히 스칸디나비아 쪽이나 북유럽쪽은 여행하긴 좋지만 경작해먹긴 좋지 않았죠) 대이동을 시작합니다. 북쪽에 있던 게르만족이 남하하면서 로마로 대거 침입하기에 이르렀는데 이 때 로마의 방어선인 라인강유역은 허술하기가 내 방문과 다름이 없었어요. 게르만족은 엄마가 벌컥벌컥 내 방문을 열면서 이노무새끼 이노무새끼...쯧쯧쯧 하면서 맘스터치를 선사하는 느낌으로 자주 로마의 문을 열어제꼈죠. 로마와 게르만의 전쟁은 이전에도 있었지만, 본격 대이동이 시작되면서 길고 지루한 전쟁의 서막이 열리게 됩니다. 이 때 수많은 전쟁포로와 고아와 창녀와 타민족에 대한 차별이 발생하기 시작했는데, 특히 노예로 전락한 전쟁포로들에겐 인두로 노예의 표식을 몸에 남기곤 했어요. 고대 노르웨이어로 brand는 현재 영여의 Burn(불타다)의 뜻이죠.시벌놈아 팔에다가 새기라고!!중세시대또한 표식의 의미 이외에 당시 로마교에서부터 활용하고 있던 십자가나, 추후 중세시대에 이르러 다양화된 수많은 기호/표식들은 그 신성성과 신비함을 유지하기 위한 수단이 되었습니다. 사람들은 심볼을 신봉하고 기호/상징에 의미를 담기 시작한 것이죠. 각 교회와 정파들을 구분하기 위한 수단으로 다양한 십자가를 활용하기도 했고, 성경이나 정파별 사제복을 다르게 했던 것도 이러한 맥락에서 진행됩니다.더불어, 기사단이나 가문의 문향도 독특한 스타일로 변화되기 시작하는데 원래는 본인의 가문만이 소유할 수 있는 고유한 것들이었어요. 이후 11~12세기 유럽에 대학들이 생겨나면서 각 대학의 문장으로 발전되기 시작하는데 가문의 규모와 유명세, 공적들에 따라 가문의 문장의 가치도 달라졌었죠. 이것이 대학사업이나 가문의 사업에 매출에 큰 영향을 미치기도 했구요.그래서 고대부터 중세까지의 브랜드는 폐쇄적이고 감추어야하는 것, 또는 신성한 것, 우리만의 것, 아무나 건드릴 수 없는 것의 의미를 지니고 있었어요.르네상스시대중세유럽은 십자군전쟁의 패배와 더불어 흑사병이 터지면서 인구의 1/3이 사라져버리는 대격변을 맞게 됩니다. 이때 생존한 노동자, 농민들은 노동인구수의 감소로 흑사병 이후 임금이 두 배로 상승되었죠. 이러한 노동력 감소는 지배계층의 경제적 부담을 증가시켰습니다. 그런데 인구수의 급격한 감소는 곡물의 수요 감소로 이어지고, 토지수입에 의존하던 지주들은 높은 임금, 수입하락의 이중고를 겪게되었죠. 상업과 교역이 마비되었으며, 숙련공의 격감은 생필품 생산량 감소를 불러왔고, 생필품 공급부족으로 가격이 급등하기 시작했습니다. 결국 갑이나 을이나 둘 다 살기 팍팍해지는 사태가 발생하는데 예나 지금이나 갑의 횡포는 상식과 적당선이란 걸 모르죠. 이 시국에도 갑은 농민들을 갈궈대기 시작했고, 안그래도 팍팍해서 살기 힘든 농민들은 결국 폭풍반란을 시전합니다. 이는 추후에 계급제도의 몰락에 큰 영향을 주죠. 우리나라의 임진왜란 이후의 상황과 비슷하겠네요.한편, 흑사병은 교육과 학문에도 많은 영향을 끼쳤습니다. 특히 대학의 피해가 컸으며 교수와 학생 수가 감소하여 많은 대학이 폐교했답니다. 이때 시에나대학은 수년간 휴교했고, 옥스퍼드대학과 아비뇽대학은 전면 마비되었습니다. 이러한 현상은 당시 국제어와 교회의 언어로 사용되던 라틴어 사용자들의 수도 감소시켜, 각국은 새롭게 자국의 언어로 성경과 문학작품들을 출간하기에 이르는데. 이러한 자국 언어의 발달은 국민문학과 국민국가 형성과 발전의 계기가 되었습니다. 대충 상황이 얼마나 혼돈의 카오스인지 짐작이 되시죠? 상황을 보니 나라에 물건은 없고 사람들은 아우성이고, 뭔가 큰 것들이 잘게 쪼개지는 상황이 펼쳐지고 있어요. 상황이 안정되고 나서 다시 인구가 폭발적으로 늘기 시작했습니다. 당연히 상업과 제조업이 활성화가 되기 시작했죠. 출판물의 가짓수나 언어의 종류도 명확해지기 시작하면서 내수시장이 확대되었고 교류와 무역에 체계가 생기기 시작했죠. 이러한 16세기 이후의 여러 사건들은 자본주의의 토대가 되는 제도들이 만들어지는 계기가 되었습니다.비쥬얼적으론 이 때 당시에 거래를 하던 각종 상선이나 무역선들이 서로를 식별하기위해(특히 해적으로부터) 깃발이나 배의 문양을 새기는 형식이 주를 이루었고, 무역회사나 제조회사들이 동종업계의 제품이나 서비스로부터 본인을 드러내기 위한...음 어찌보면 현대의 브랜드와 비슷한 개념의 브랜드가 자리잡기 시작했어요.하지만 아직까진 나를 알리기 위한 홍보수단 내지는 상징적인 의미가 더욱 강했달까요.동인도회사의 로고또한 통합로고를 사용했던 것은 동인도회사같이 14개의 크고작은 회사들의 연합이 형성되는 그룹형태의 대기업들이 생겨나기 시작하면서 이들을 하나로 결속시킬 수단이 필요한 탓도 있었답니다. 사람을 하나로 묶는데 있어서 '문장'와 '제복'와 '경례' 는 아주 효율적인 수단이었으니까요.르네상스 이후 근대의 브랜딩은 나를 알리고 소속감을 주고, 식별과 개성이 시작되는 태동기였어요.현대의 브랜딩현대시대의 브랜딩에서 빼놓을 수 없는 것은 역시 전쟁입니다. 1차와 2차세계대전을 거치며 세계는 피폐와 발전이라는 모순된 길을 함께 걷게 되요. 패전한 국가는 끊임없이 전락하지만, 승전한 국가는 막대한 무기판매수익을 내기도 하고, 또한 냉전 이 후 결국 자본주의시장이 세계경제논리로 채택되면서 시장은 본격 경쟁트랙에 올라타게 되었죠.놀라운 건 현재의 '브랜드' 이라는 단어를 규정한 것은 고작 27년밖에 되지 않았다는 것이예요. 현대의 브랜드개념을 도입했던 것은 최초 1990년 Murphy에 의해 "이름(name)이나 표시(presentation)에 의해 구별되는 특정 공급자의 제품이나 서비스" 라는 정의를 통해셔였죠.1991년 Asker는 “판매자 혹은 일단의 판매자들의 상품이나 서비스를 식별시키고, 경쟁자들의 것과 차별화하기 위하여 사용하는 독특한 이름이나 상징물(로고, 등록 상표, 포장 디자인 등)” 라고 규정했습니다.그리고 1992년에 이르러 ean-Noel Kapferer씨가 "공급적인 측면에서 볼 때 제품을 차별화 시키는 것을 목표로 하는 전략의 한 부분"으로 규정함으로써 드디어 브랜드에 '전략'이라는 단어가 추가되게 되죠.이 후 브랜드와 전략이 합쳐지면서 "브랜딩" 이라는 명사의 동사화를 통한 신조어가 탄생하게 되고, 그것이 지금 우리가 페북에서 매일 보고 있는 바로 그것의 시작입니다. 그러니까 이것은 제 나이보다도 역사가 안된 영역이긴 합니다. 더불어 브랜드에 전략이 합쳐지게 되면서 이 전략이란 것은 소위 경제학적 관점에서의 심리학적 접근이 주된 것이었어요. 행동,인지심리와 같은 소위 소비자심리학을 기반으로 하고있죠. 이것은 융세대에 들어서 분석심리학을 통해 분화된 심리학의 갈래로 사실 아직까지도 수많은 분파와 논쟁이 많은 영역입니다. 브랜딩이 기초하고 있는 기저학문자체가 아직 뜨겁게 움직이고 있는 신생지구의 맨틀같은 느낌이란 것이죠. 그러니 그 위에 둥실둥실 떠다니는 브랜딩은 얼마나 정신이 없겠어요.사실 모아놓은 자료를 보아하니 이 이외에도 엄청나게 많은 사례와 특이케이스들이 존재했습니다. 위에서 설명했던 고대이집트의 사례는 하나의 일례일 뿐이고, 문명이 발생하고 무역이 성행했던 모든 곳에서 위와 비슷한 표식절차가 있었다고 해요. 브랜딩의 시작은 어찌보면 굉장히 폐쇄적이고 생산자의 통제를 위한 수단으로 시작했다고 할 수 있겠습니다. 요즘엔 통치의 방식이 바뀌었고, 자유로운 경제활동이 가능해지니 그 권력이 소비자들에게 분산되게 된 것이죠. 판단의 주체가 개개인이 되면서 어쩌면 사업자입장에선 수백만, 수천만명의 왕을 모시고 매 순간 서로 다른 종류의 낙인에 찍히며 살아가는 것과 비슷한 느낌이었을 거예요.이러한 혼란과 불규칙성에 사회과학적 규칙성을 부여한 것이 심리학의 힘이었고, 또한 경제태동기와 호황기를 거쳐 소비지상주의가 만연하면서 제품과 서비스가 급속도로 사회깊숙히 퍼져나갔던 오일쇼크 이전의 시기가 있었습니다. 그냥 만들면 다 잘팔리는 시기였죠. 누구나 땅 파서 한 건 해보는 게 꿈이었고, 보물이나 찾아보자며 말타고 금캐러 떠나는 시기였달까요. 이 후 자본주의의 부작용이 드러나기 시작하면서 세계경제는 대침체기에 휩싸이게 되었고(사실은 지금도 그 연속선상에 존재하는 듯) 버블이 가득했던 소비문화가 꺼지고 공급자는 과잉이 된 상태에서 기업들은 뭔가 다른 활로를 찾아야 했을 겁니다. 이 때 기저학문과 데이터에 근거한 통제력 안에서 대중을 움직일 수 있다는 이론은 매우 매력적이었겠죠. 초기의 브랜딩은 제품의 차별화를 '알리는' 것이 주목적이었으니까요.그 데이터와 학문의 이론은 틀리지 않았습니다. 맞는 말이었죠. 하지만 문제는 너무 급속도로 세상이 바뀌어가고 있다는 것이었어요. 그 속도에 따라가야 했고 더이상 100년전의 심리학이론이 통하지 않는 예외의 경우들이 시장에 드러나기 시작했죠. 이에 발빠르게 대처한 몇몇 전략가들에 의해 브랜딩은 갈래갈래 찢어져서 다양한 방법론으로 부상하기 시작했답니다. 2000년대 이 후 전자기기 전쟁에서 이는 아주 뚜렷해졌죠. 시장을 지배하는 거대기업의 CEO가 자신의 방법론을 강연하기 시작하고 이것이 공유되면서 '이 사람이 사는법' 따위를 연구하거나 '이 회사의 문화'를 분석한 자료들이 속속들이 등장하며 소위 '레퍼런스'가 되기 시작합니다.거의 그 시발점에 가까웠던...어때요 흥미진진하죠? 네...저도 그렇습니다. 이것은 흥미진진한 얘기죠. 사실 브랜딩이란 것이 기업과 경제적인 측면에서 포커싱이 되어있다곤 하지만, 원래 브랜딩은 식별과 구별에 대한 이야기입니다. 내가 너와 어떻게 다른가... 말이예요. 내 모습을 스스로 만들고 어떤 모습을 드러낼 지를 결정하는 자아형성(융의 분석심리학 모델 中 ) 또한 칭하는 단어가 다를 뿐 개인적인 브랜딩의 자연스러운 과정이라고 할 수 있어요.어찌보면 태어나면서 죽을 때까지..기질이 만들어지고 역할을 지니고 삶을 영위하는 모든 과정에서 우린 일반적인 집단무의식과 개인경험의 의존한 개인무의식과의 화합과 갈등을 계속해나가요. 이것은 브랜딩일반론에서 외치는 '유사성과 차별성' 이론과 거의 같은 맥락이죠.브랜딩은 사실 인류역사와 함께해왔고 그 목적과 성격이 어떠하든 인간의 본성에 근접한 행동중에 하나입니다. 누구나 이미 숨쉬듯 하고 있는 것들이예요. 말 한마디나 행동 하나에도 나를 드러내기 위한 다양한 노력들이 숨어있죠. 너무 호들갑떨거나 신앙처럼 여길 워딩은 아니라는 얘깁니다.브랜드는 자연스럽게 드러나야하고, 당연하고 상식적인 선에서 이해가 되어야 정상입니다. 신박하고 창의적인 것은 2차적인 문제죠. 우리를 드러내는 것은 언제나 거대한 무의식속 가치관이 아닌, 고작 밖으로 드러나는 말투, 패션, 행동, 인사하는 법, 삐딱한 자세, 식성, 소품, 방안 꼬라지 같은 것들이예요. 주로 사람들은 나의 진실된 마음과 중심을 보기보단 드러난 와이셔츠를 먼저 보죠.앞으로의 브랜딩은 어떤 개념이 되어갈까요?... ㅎㅎㅎ 여러분들의 의견을 들어보는 것도 재미있을 것 같아요!저는 개인적으론..내부의 문화를 실체화하는 것이 브랜딩이라고 여기기 때문에 결국 브랜딩은 본질로부터 파생되는 '디테일'의 무게가 커져갈 것이라고 생각해요.내부의 문화를 실체화하는 것이 브랜딩이라고 여기기 때문에 결국 브랜딩은 본질로부터 파생되는 '디테일'의 무게가 커져갈 것이라고 생각해요.아주 사소한 것들에서 결정되는 이미지의 잔상들...읽느라수고하셨습니다.
조회수 936

제니퍼 개발 이야기(UI/UX)_ 좀 더 쉽고 빠르게 더 멋지게 모니터링하자.

APM ,변화의 시작기업용 소프트웨어의 UI는 어렵다. 특히 애플리케이션 성능 관리(Application Performance Management, 이하 APM) 제품의 경우 더욱더 그렇다. APM은 애플리케이션의 성능 모니터링과 장애 예측을 통해 최적의 애플리케이션 상태를 보장하고 관리하는 일련의 시스템 관리 체계다. 사용자들은 애플리케이션의 성능을 모니터링하고 경우에 따라 발생할 수 있는 장애를 신속히 감지 및 예방해, 기업이 보유하고 있는 정보시스템의 성능을 최적의 상태로 유지하기 위해 APM을 구매하여 사용한다.  그런 이유로 초기 APM은 특정 부서나 특정 분야의 전문가만 다룰 수 있는 제품이었다. 사용법이 복잡하고 데이터의 분석을 통해 장애의 원인을 수동적으로 찾아야 하는 까닭에 APM 제품은 애플리케이션 모니터링 담당자나 개발자 등 전문가만 이해할 수 있는 영역으로 인식돼 왔다. 이런 APM이 최근 여러 현업 부서에서 사용하기 시작하면서 APM의 UI/UX에도 변화가 시작되었다. 기업 내 비즈니스가 다양해지고 복잡해 지면서 기업이 운영하고 관리하는 서비스에 대한 안정성 확보가 중요한 화두로 떠올랐다. 특히 APM은 서비스 지연이나 장애를 감지하고 대처하기 위한 영역으로 확장되고 있는데 모바일 등의 서비스를 통한 비즈니스 기회와 수익이 높아지고, 시장 경쟁이 더욱 치열해지면서 사용자 응답 지연이나 서비스 에러와 같은 문제들은 고객들에게 바로 다른 서비스로 전환을 하게 만드는 원인을 제공하게 된다. 이는 비즈니스 관점에서 매출이나 고객 충성도에 많은 영향을 미칠 수 있기 때문에 기업 내 IT 부서나 사용자 중심적인 서비스 관리 또한 중요한 관리 영역이 되고 있다.< 제니퍼소프트 개발자들이 만든 UI Framework인 JUI, 오픈소스로 공개하였다>APM, 사용자 만족을 위해 UI/UX를 더 쉽고 직관적으로 설계 제니퍼소프트의 APM 솔루션인 「제니퍼(JENNIFER)」는 이해가 어려운 제품을 사용자들이 좀 더 쉽게 이용하게 할 수 없을까 하는 고민에서 출발한 제품이다. 대게 APM 제품은 모니터링 제품의 특성상 이용자들이 모니터링 화면을 전광판으로 띄워 놓고 보거나 데스크에 서브 모니터를 두어 애플리케이션의 운영상태를 상시 모니터링한다. 만약 APM 의 UI/UX가 복잡하여 가시성 확보가 어렵거나 사용하기 어렵다면 중요한 정보를 즉각적으로 파악할 수 없다. 이런 이유로 제품의 UI가 보여주는 데이터의 시각화는 비전문가라 할지라도 애플리케이션의 성능 이상을 인지할 수 있도록 설계되어야 한다.제니퍼는 이런 모니터링의 중요한 본질을 담아 설계하였다. 2005년부터 사용자가 직관적으로 모니터링할 수 있는 뷰에 관심을 기울였는데, 이때만 해도 엔터프라이즈 제품은 UX/UI에 신경을 쓰지 않던 시기였다. 대부분의 APM 제품은 분석적인 요소가 강한 외산 제품이 출시되어 사용되고 있었고 사용자들은 사후 분석 요소가 강한 APM의 UI/UX에 아쉬움을 느꼈다.APM은 문제가 발생한 시점에 이를 직관적으로 인지하고, 분석하여 문제 해결에 실질적인 도움을 주고 이를 통해 얼마나 빠른 장애 대응을 할 수 있냐가 가장 중요한 관건이다. 제니퍼는 제품에 이런 기능의 의미와 가치에 대한 중요한 요소를 놓치지 않았다. 핵심적인 기능을 하나 추가하거나 화면의 적절한 유기적 배치, 심지어 그래프 색감을 선택하는 디자인적 고려에서 조차도, 요건이나 형식 맞추기에 급급하지 않았다. 해당 기능의 본질적인 의미와 가치와 쓰임새를 찾아 담기 위해 노력했다. 제니퍼 출시 이후, 국내 고객은 사후 분석에 치중한 해외 제품을 쓰지 않고 있다. APM 경쟁 업체들 또한 UI/UX에 많은 고민을 하고 있으며, 제품에 이를 반영하고 있다. 그리고 그 중요성은 점점 더 커지고 있다.  사용자의 폭이 넓어지고 관리해야 하는 시스템이 많아지면서 좀 더 쉽고 빠르게 혹은 직관적으로 문제를 파악하고 해결할 수 있는 UI/UX 제품을 선호하게 된 것이다.  이는 사용자에게 좋은 경험을 주는 것이 제품의 경쟁력을 가질 수 있는 중요한 요소임을 반증하는 것이 아닐까 한다. 제니퍼 개발 이야기 _ 2편 <제니퍼 제품 UI/UX 특징>
조회수 7064

Adobe XD로 페이퍼 UI 디자인하기

Adobe XD(이하, XD)는 Sketch, Balsamiq 등의 프로토타이핑/와이어프레임 툴에 대항하기 위해, Comet이라는 프로젝트 이름으로 시작된 Adobe의 프로토타이핑 툴입니다.그동안 그래픽 디자인 툴에서 Adobe의 영향력은 절대적이었습니다. 하지만 UI 디자인에 특화된 툴들이 등장하기 시작하면서 Adobe의 입지는 좁아졌고, 이런 상황을 극복하기 위해 출시된 툴이 바로 XD입니다. 저는 페이퍼 UI 작업을 하면서 8개월 동안 XD를 사용해왔습니다. XD를 실무에서 사용하며 느낀 점과 어떤 기능을 사용해 UI 디자인을 진행했는지 이야기해 보려고 합니다.XD를 도입하게 된 배경현재 UI 디자인 영역에서 가장 높은 점유율을 보이는 툴은 스케치일 것입니다. 빠르고, 편리하며, 다양한 익스텐션으로 UI 디자인에 최적화된 모습을 보여주고 있습니다. 이렇게 많이 사용되고 있는 스케치에 비하면 출시 된 지 얼마 되지 않은 XD는 아직 부족한 점이 많습니다. 그런데도 불구하고 현재 XD를 이용해 페이퍼 UI 디자인하는 것에 대해 만족하고 있는데요, 그 이유는 다음과 같습니다.UI 디자인에 제약이 많은 PAPER리디북스에서 판매하고 있는 PAPER와 PAPER Lite(이하 페이퍼)는 2015년 10월에 출시한 리디북스 전용 전자책 단말기입니다. 일반적인 LCD와 달리 EPD(Electrophoretic Display)를 사용한 제품입니다.EPD 패널은흑백만 표현 가능하다는 점흑백도 (실질적으로) 16단계만 표현할 수 있다는 점반응 속도가 느리다는 점특징이 있습니다. 이러한 특징 때문에 일반적인 모바일 디바이스와는 다른 방향으로 UI를 디자인해야 합니다.빠르게 작업하고, 쉽게 공유할 수 있는 XD하지만, 그러한 제약 덕분에 XD를 사용해보는데 더 좋은 환경이 되었습니다. 디테일한 패스 제작이 불가능한 점이나 UI 요소에 필요한 스타일을 완전히 표현할 수 없다는 XD의 단점은 페이퍼 UI 디자인을 하는 데 큰 문제가 되지 않았습니다. 오히려 빠르게 프로토타입을 진행하고 바로 공유할 수 있는 점이 다양한 팀과 함께 진행해야만 하는 페이퍼 UI 디자인에 큰 장점으로 다가왔습니다.XD의 강점올해 초부터 지금까지 XD를 통해 페이퍼 UI 작업을 진행했고, 기능이 부족했음에도 계속 사용해온 이유는 크게 세 가지였습니다.1. 기존 Adobe 툴 사용자에게 익숙한 UIXD를 사용하기 시작하면서 처음 느낀 장점은 기존 Adobe 툴과 UI가 비슷해 적응하기 쉽다는 점이었습니다. 이는 새로운 툴임에도 불구하고 사용성의 진입 장벽을 낮춰주는 역할을 합니다. 스케치를 처음 시작했을 때 느꼈던 낯선 작업 환경과 적응하는데 걸렸던 시간을 생각한다면 오랫동안 써왔던 툴과 비슷한 경험을 제공하는 XD의 장점이 드러납니다. 스케치 또한 적응하면 능수능란하게 사용할 수 있겠지만 당장 입문자에게 편리한 쪽은 XD라 생각합니다.2. 빠른 플로우 제작 시간/과정다른 툴들과 다르게 XD는 디자인 화면과 프로토타입 화면을 유연하게 왔다 갔다 할 수 있습니다. ‘디자인’ 탭에서 각 화면 디자인을 끝낸 후 바로 ‘프로토타입’ 탭으로 전환해 플로우를 구성할 수 있습니다. 프로토타입을 제작하는 방법도 UI 요소와 각 화면 사이를 노드로 연결하는 방식이라 쉽고 빠르게 플로우를 검증할 수 있습니다. 일반적인 LCD 기반 기계와 달리 페이퍼는 디스플레이의 한계가 많아서 UI 테스트가 많이 필요합니다. 이럴 때, 유용합니다.3. 쉬운 공유 기능이렇게 만들어진 플로우를 다른 팀과 손쉽게 공유할 수 있다는 것도 큰 장점입니다. 프로토타입을 제작하고 버튼 몇 번만 눌러주면 Adobe 서버에 업로드되고 공유 링크가 만들어지는데 이 링크를 전달해 다른 팀의 의견을 받을 수 있습니다.XD를 이용해 페이퍼 UI 디자인해보기그럼, 실무에서 어떻게 XD를 사용하고 있는지 간단히 소개해보려고 합니다. 보여드릴 예시는 암호를 입력해 구매목록에 접근하는 기능입니다.디자인 : 기본 UI 디자인벡터/텍스트 툴을 이용 기본 UI 디자인기본 UI 요소들은 XD에서 충분히 표현할 수 있으므로 버튼, 토글스위치, 프로그레스 바, 텍스트 등의 UI 요소는 XD에서 바로 작업합니다. EPD의 특성상 컬러를 다양하게 사용할 수 없으므로 검은색(#000000), 회색(#333333, #666666, #999999), 흰색(#FFFFFF)만 컬러 셋에 등록해두고 사용합니다. XD에서 작업하기 힘든 복잡한 모양의 아이콘은 일러스트레이터에서 작업한 후 패스를 복사해 붙여넣기 합니다.디자인 : 반복 그리드XD에서 호평을 받는 그리드 기능을 이용해 책 목록을 만들어 보겠습니다. 리디북스 서점이나 뷰어에서 가장 많이 보이는 레이아웃이 ‘책 목록’인데 이러한 그리드 구조를 XD에서는 손쉽게 만들 수 있습니다. 책 커버 이미지, 제목, 저자 등 개별 항목을 선택한 후 ‘반복 그리드’를 적용해줍니다. 그리고 그리드 전체 크기와 각 항목 사이의 간격을 드래그로 조절해주면 책 목록을 쉽게 만들어낼 수 있습니다. 스케치에서는 Craft 같은 플러그인을 이용해야 하는 기능이지만 XD에서는 별도의 플러그인 없이 구현할 수 있습니다.디자인 : 프로토타이핑각 화면이 완성되었다면 프로토타이핑을 진행합니다. 이번 예시에서는 ‘내 서재에서 구매목록 탭’ → ‘암호 확인’ → ‘구매목록’으로 이동하는 프로세스를 구현합니다. XD의 프로토타입 탭으로 이동한 후 ‘구매목록’ 텍스트를 선택하고 노드를 ‘암호 입력’ 페이지로 연결해줍니다. ‘암호 입력’ 페이지에서는 아트보드 전체를 ‘구매목록’ 아트보드로 연결합니다.온라인 공유프로토타입 확인을 위한 공유 링크 만들기프로토타입을 완료했다면 오른쪽 위의 ‘미리 보기’ 버튼을 눌러 이상이 없는지 확인해보고, 타 팀에 공유할 링크를 만듭니다. 오른쪽 위의 ‘온라인 공유’를 클릭하면 제목, 섬네일 이미지를 지정할 수 있고 링크 업데이트나 새 링크를 눌러 웹에서 확인할 수 있는 링크를 복사할 수 있습니다. 이제 이 링크를 타 팀에 전달하고 피드백을 받으면 디자인 과정이 완료됩니다.XD에 바라는 기능제가 담당하고 있는 페이퍼 UI 디자인을 할 때는 XD의 불편함이 그리 크지 않습니다. 페이퍼 UI 특성상 세밀한 디자인이 필요하다기보다 전체 흐름을 점검하며 사용자 경험의 단계를 줄이는 것이 더 유용한 경우가 많기 때문입니다. 하지만 이러한 상황에서도 XD에 아쉬운 점이 있는데 몇 가지 부족한 점을 꼽아보겠습니다.1. Photoshop/Illustrator 파일 호환Adobe에서 출시한 툴답게 단축키와 인터페이스가 포토샵/일러스트레이터를 많이 닮아있습니다. 하지만 파일 호환성은 만족스럽지 않은데요, 일러스트레이터 파일이나 포토샵 파일을 불러오는 것이 불가능합니다. 가져올 수 있는 파일은 SVG와 JPG, PNG 등의 비트맵 이미지뿐입니다. 저는 따로 파일을 가져오지 않고 일러스트레이터에서 패스를 복사 → XD에 붙여넣는 방식으로 작업하고 있습니다. 포토샵 파일은 어렵더라도 일러스트레이터 파일은 손쉽게 들고 올 수 있으면 좋겠습니다.2. 가이드 추출 및 공유스케치는 Zeplin, Sketch-measure 같은 훌륭한 가이드 익스텐션이 존재합니다. 각 오브젝트의 위치와 크기, 코멘트를 공유할 수 있는 툴인데요, 아쉽게도 XD에서는 가이드를 생성하고, 전달하기가 마땅치 않습니다. 별도로 이미지를 제작하거나 문서로 전달해야 한다는 게 아쉽네요.3. 레이어XD에는 레이어 패널이 없습니다. 일러스트레이터처럼 ‘앞으로 가져오기/뒤로 보내기’ 등의 높낮이 개념은 존재하지만, 포토샵에서 볼 수 있는 레이어 패널은 없습니다. 그래서 오브젝트를 레이어 별로 정리하거나 조절할 방법이 없는데요, 차후 지원되면 좋겠습니다.4. 심볼스케치에는 UI 요소나 반복적으로 사용할 요소를 만들어두고 재사용할 수 있는 심볼 기능이 있습니다. 포토샵의 스마트 오브젝트와 비슷한 개념인데요, 대표 심볼을 수정하면 모든 심볼에 반영이 되어 편리하게 사용할 수 있다는 점이 좋은데, 아직 XD에는 이런 심볼 기능이 없습니다. 그래서 거의 비슷한 요소들을 복사 → 붙여넣기 해야 한다는 단점이 있습니다. 반드시 추가되면 좋겠습니다.5. 컬러 관리마지막으로 컬러를 관리할 수 있는 기능이 없습니다. 포토샵에서는 Swatch를 통해 컬러 세트를 관리할 수 있는데 XD에서는 자주 사용하는 컬러를 등록할 수는 있어도 별도의 파일로 추출 → 공유하는 것이 불가능합니다. 특히, 리디북스에서는 RSG(Ridibooks Style Guide)를 통해 컬러를 일관되게 사용하고 있는데요, XD에서는 이러한 컬러 세트를 사용할 수 없어 아쉽습니다. 미리 컬러를 등록해둔 XD 파일을 이용해 작업을 시작하고 있지만 좀 더 세심한 컬러 관리 기능이 도입되면 좋겠습니다.다음 업데이트가 기대되는 툴그동안 디자이너에게 포토샵과 일러스트레이터의 위상은 높았습니다. 하지만, 어느 순간부터 UI 디자인의 무대가 웹에서 모바일로 이동하고, 모바일 UI 디자인이 필요로 하는 다양한 기능들을 가지고 있는 툴에게 자리를 내주게 되었습니다. 하지만, Adobe도 가만있지 않고 기존의 툴에서 부족한 점이 무엇인지 정확히 파악하고, 그 부분을 쉽게 사용할 수 있는 XD를 출시하게 된 것이죠.디자이너의 입장에서는 아직 아쉬움이 많지만 간단하게 만들 수 있는 그리드, 빠르게 진행할 수 있는 프로토타이핑, 그리고 만든 프로토타입을 쉽게 공유할 수 있는 기능 등 XD만의 특별한 부분도 많아 계속 XD를 통해 작업해볼 생각입니다. 또, 정식 버전으로 출시된 후 한, 두 달에 한 번씩 업데이트되고 있는데요, 업데이트 내용을 보면 XD가 어떠한 방향으로 나아가야 할지 Adobe가 잘 알고 있음을 느낄 수 있었습니다. 앞으로도 발전할 XD를 기다리며 글을 마칩니다.맥 사용자이고 Adobe에 회원 가입이 되어있다면 무료로 XD를 사용할 수 있습니다.http://www.adobe.com/kr/products/experience-design.html#리디북스 #디자인 #디자이너 #Adobe #XD #AdobeXD #꿀팁 #디자인꿀팁 #UI #페이퍼UI #반복그리드 #프로토타이핑 #공유기능
조회수 1307

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

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

은밀한 로고 리뉴얼

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

독자의 시선을 예상하라 (1/2)

Overview2년 전이었을까요. 엄마에게 스마트폰을 꺼내들어 그동안 만들었던 콘텐츠를 보여주었습니다. 아들이 이런 걸 만든다며 당당하게 말했지만, 제 콘텐츠를 처음 마주한 엄마는 인상을 찌푸리며 소리쳤습니다.“아이고, 안 보여!” 분명 제 눈엔 잘 보였는데 엄마는 미간을 찌푸려야 글씨가 보였던 겁니다. 그제서야 무언가 잘못됐다는 걸 느꼈습니다. 노이즈를 없애자!크리에이터는 콘텐츠를 제작해 자신의 생각과 경험을 독자에게 전합니다. 그것이 온전하게 전달되었을 때 독자는 콘텐츠를 보고 웃고, 공감하고, 감동을 받지요. 하지만 그렇지 않을 때는 가차 없이 ‘뒤로 가기’를 누를 겁니다. 독자가 온전히 콘텐츠를 즐기는 데에 방해되는 요소, 즉 노이즈를 미리 없애기만 해도 읽기 편한 콘텐츠가 될 수 있겠지요? 많은 노이즈가 있겠지만, 오늘은 가장 기본적이면서도 중요한 텍스트의 노이즈를 없애는 방법부터 살펴보겠습니다. 1.순서를 정하자! 어느 버튼이 보기 좋을까요대부분의 엘리베이터 버튼은 왼쪽의 형태를 갖추고 있습니다. 오른쪽 버튼처럼 되어 있다면 사람들은 버튼을 누르기 전에 어디를 눌러야 할지 망설일 겁니다. 예를 들어 6층을 가려고 했는데 5층 버튼 위에 보여야 할 6층 버튼이 바로 보이지 않았으니까요. 썸네일이 잘려 있는 건 다 이유가 있습니다. / 네이버 웹툰 제공앱 화면도 종종 우리의 행동을 유도합니다. 위의 앱 화면에서 썸네일이 잘려있을 경우, 우리는 자연스럽게 손가락을 움직입니다. 그러므로 콘텐츠 크리에이터는 독자가 순서대로, 편하게 읽을 수 있도록 시각적인 힌트를 콘텐츠 안에 심어야 합니다. 우리나라 사람들은 왼쪽에서 오른쪽으로 글을 읽는다두 문장 중 어디부터 읽으셨나요? 아마 왼쪽부터 읽었을 겁니다. 우리나라 사람들은 왼쪽부터 글을 읽는 것에 익숙하기 때문입니다. 아래에서 위로 글을 읽는 사람은 없습니다.그렇다면 이번엔 위쪽과 아래쪽 중 어느 문장을 먼저 읽으셨나요? 당연히 위쪽부터 읽었을 겁니다. 결국 독자는 글을 읽을 때 왼쪽에서 오른쪽 순으로, 위에서 아래 순으로 읽는다는 걸 알 수 있습니다. 왼쪽에서 오른쪽으로, 위에서 아래로앞의 두 결과를 합치면 이런 식의 배치가 가능합니다. 두 문장은 똑같지만 마치 왼쪽에 있는 문장이 먼저 말을 거는 것처럼 보이지 않나요? 왼쪽에 있는 사람이 먼저 말을 거는 것처럼 보인다.이번엔 응용해볼까요? 이미지에 대입하면 이런 형태로 제작할 수 있습니다. 독자도 별도의 설명 없이 순서대로 읽을 수 있고요.시선의 이동에 경우의 수를 두지 맙시다!등장하는 인물이 누구인지 나타내고 싶다면 왼쪽보다 오른쪽처럼 표현하는 게 더 좋을 겁니다. 독자가 자연스럽게 시선을 옮길 수 있기 때문에 콘텐츠를 편하게 볼 수 있습니다. 이처럼 크리에이터는 독자의 시선 이동에 경우의 수를 두지 말아야 합니다. 그렇지 않으면 콘텐츠에 몰입할 수 없습니다. 한 명이 반말만 해도 관계가 정의된다.상하의 관계를 표현하고 싶다면 한 명이 반말을 사용하는 것이 좋습니다. 굳이 설명하지 않아도 독자가 인물들의 관계를 알 수 있는 시각적 힌트입니다.2.불필요한 요소를 걷어내자!“맛있는 거 같아요.” “재밌는 거 같아요.” 뉴스에서 시민 인터뷰를 볼 때면 “~같아요”라는 표현을 자주 봅니다. 하지만 유추는 남의 감정이나, 확실하지 않은 현상을 말할 때나 사용하는 것입니다. 자기 자신의 감정을 유추하는 건 분명 잘못된 표현이죠. “그녀의 마음이 진짜 아플 거 같아요.” (O) “그 태풍은 굉장히 위험할 거 같아요.” (O) “영화가 재미있었던 거 같아요.” (X) -> “영화가 재미있었어요.” 문장에서 없어도 되는 것들은 과감하게 지웁시다. 정확한 표현을 써야 전하고 싶은 내용을 충분히 전달할 수 있으니까요. 불필요한 요소를 없애면 독자가 읽기도 쉬울 겁니다. 콘텐츠 크리에이터는 반드시 독자의 시선을 배려해야 한다는 사실을 잊어선 안 됩니다. 3.강조하자!‘이것만큼은 독자에게 꼭 전달하겠다!’하는 것이 있다면 우주가 나서서 도와주길 기다리지 마세요. 색, 서체, 크기, 굵기 등을 활용하는 방법이 있습니다. 이 광고의 기획자는 어떤 걸 전하고 싶었을까?여러분은 위의 광고에서 어떤 것부터 보이시나요? (조정석 말고요.) 위의 광고를 만든 기획자는 죽었다 깨어나도 ‘종신보험’과 ‘생활자금’이란 단어를 전달하고 싶었을 겁니다. ‘종신보험에 가입하면 생활자금이 나온다’는 것이 광고의 핵심이었으니까요. 같은 문장이어도 표현 방식에 따라 다르게 읽힌다.맞습니다. “안녕”이란 간단한 문장도 어떻게 강조했는지에 따라 독자는 글을 다르게 읽습니다. 글씨가 작으면 작은 소리, 글씨가 크면 큰 소리로 읽힙니다. 만약 더 큰 소리를 표현하고 싶다면 느낌표를 왕창 늘려보는 것도 좋습니다. 이 가족이 행복해 보일까?하지만 강조하기는 꼭 필요한 경우에만 써야 효과가 있습니다. 가족과 놀이공원에 놀러가서 행복했던 이야기를 위의 문장처럼 표현한다면 사람들은 공포영화의 오프닝 멘트를 보는 기분이 들 겁니다. 눈이 아파요.색이 예쁘다는 이유만으로 여기저기에 남발하는 것도 마찬가지! 집중도 안 되고, 눈도 아픕니다. 저라면 아래의 이미처럼 표현했을 거예요.강조는 필요한 곳에만!Conclusion글, 이미지, 사진, 영상 등 콘텐츠를 표현하는 방법은 많지만 가장 기본인 글을 다루지 못하면 무용지물입니다. 크리에이터는 독자에게 재미를 선물해야 하는 사람입니다. 독자는 그들의 소중한 시간을 투자해 콘텐츠를 본다는 걸 잊지 마세요. 저는 오늘, 엄마에게 다시 한 번 제 콘텐츠를 보여드릴 겁니다.참고장근우, 「콘텐츠의 정석」, 예문아카이브(2017) 글장근우 대리 | People&Relations Managerjanggw@brandi.co.kr브랜디, 오직 예쁜 옷만#브랜디 #기업문화 #조직문화 #업무환경 #인사이트 #경험공유 #콘텐츠
조회수 9231

총체적난국의 회사소개서 만드는 법 10가지를 소개해요.

지난 5,6개월간 60개 정도 업체의 소개서를 제작해야했어요. 다양한 클라이언트님들의 플젝을 동시에 받다보니 이런 극한의 스케쥴이 만들어지고 말았죠. 허리와 손목이 잘게 부스러지는 듯 해서 얼마 전 부터 요가를 시작했습니다. 몸이 아프다는 건 좋은 동기부여가 돼요. (헛소리).  으어어어어어..소개서를 만드는 일은 매우 재미있습니다. 다른 업체의 사업구조와 수치를 한 눈에 볼 수 있죠. (한 눈에 들어온다면) 다양한 아이디어와 아이템에 대한 고민도 해볼 수 있구요. 더불어 아이템에 따라 특색있고 포인트가 딱 살아있는 디자인과 워딩, 내용구성 등 만들면서도 오우! 놀라운 발상인데?...싶은 멋진 회사들이 많았어요. 팔딱거리는 싱싱한 레퍼런스들을 하루종일 들여다보고 있으면 생각의 지평이 넓어지면서 큰 사람이 될 것 같은 느낌도 들어요.( 물론 큰 사람이 되진 않았습니다. )대부분의 회사는 아주 멋지고 끄덕거려지는 소개서를 제작해요. 하지만 그 중 몇몇 안쓰러운 소개서들도 존재하기 마련이죠. 대부분 소개서란 극과 극을 달려서 '좀 괜찮네?' 수준은 많지 않아요. 대부분은 진짜 개잘만들거나, 나도 모르게 두 볼을 감싸게 되는 소개서로 나뉘죠. 이유는 극명해요. 내부 기획자와 디자이너가 빛나게 자리하고 있는 곳은 일단 때깔부터 달라요. 뭔가 정제된 워딩과 도표에서 기획자의 손길이 따스히 느껴집니다. 하지만, 대표님이 디자이너, 마케터, 기획자를 겸업하고 있는 다재다능한 인재라거나, 누군가의 영혼과 육신이 갈아넣은 소개서는 달라요. 한이 서려있죠. 소개서를 만지다보면 섬찟한 오한이 느껴지거나 누군가의 울부짖음이 느껴지는 듯 합니다.소개서에서 소리들려특이한 경우가 하나 더 있는데, 외주업체에 맡기는 경우도 있더라구요. 이 경우에는 이미 다음장을 넘기기도 전에 다음 장의 디자인이 어떨 지 대략 그려지는 아주 교과서적인 레이아웃을 발견할 수 있어요. 워딩도 굉장히 22세기를 지향하는 워딩으로 광채를 아주 그냥...파아아아아아아아!!!!!!!!!여튼. 잘된 케이스를 얘기하면 끝도 없을 것 같습니다. 잘된 이유는 너무 다양하거든요. 하지만 망한 소개서의 이유는 대부분 비슷한 이유가 있어요. 그리고 이건 아주 안타까운 일이죠..분명히 자세히 살펴보고 한참 들어보면 아주 멋진 아이템이기도 하거든요. 이건 마치 달고 맛있는 오렌지에 파란색 페인트를 칠해서 엉망진창으로 보여주는 것과 비슷해요. 그러니 최선보단 최악을 택하지 않는 방향으로다가 알아보도록 하겠습니다. 1. 동어반복자꾸 같은 소릴 하면 안돼요. 글자만 많아지고 지루해져요. 나루토가 뒤로 갈수록 회상 오져버려서 폭망한 것을 기억해야해요.(그걸?...) 동어 반복은 이런 경우를 의미해요.ex) 브랜드의 디자인을 체계적으로 확립합니다 : 디자인의 논리성을 부여하고, 브랜드를 가시화 시킵니다. 확립된 디자인을 어쩌고.....앞뒤가 다 똑같은 얘기예요. 땡땡 뒷쪽 문장은 완전히 지워버려도 무관한 상태죠. 디자인자체가 '가시화'라는 의미를 포함하고 있고, 체계적이란 단어에 '논리성'을 포함하고 있어요. 그 뒤는 모조리 뱀다리예요. 이런 말이 등장하는 이유는 3가지예요. 1. 쓰면서 생각하면 안돼요. 생각을 하고 써야지. 2. 여백을 두려워하면 안돼요. 눈도 쉴 곳이 있어야 해요.3. 읽는사람은 바보가 아니예요. 모든 걸 설명하지 않아도 다 이해해요.2. 도식이 더 어려워도식과 차트는 텍스트로 설명하기 힘든 걸 한 눈에 정리하기 위해 만들어요. 근데 도식이 더 어려워. 무슨 말인지 전혀 모르겠어... 그래프란 건 딱 보자마자 한 눈에 상승인지 하강인지 이해가 되어야 해요. 도표에서도 어딜 봐야할 지 정확히 표현이 되어야 해요.이렇게 딱 보여야 해요. 도표가 자꾸 복잡해지는 이유는 아래와 같아요.1. 모든 수치가 너무 소중해선 안돼요. 숫자는 원인과 결과로 나뉘어요. 결과를 강조해주세요.2. 그래프는 올랐다!내려갔다!보합이다! 세 가지 방향밖에 없어요. 그 방향성만 강조해주면 돼요.3. 도식에 쓰이는 아이콘은 모든 사람이 이해할 수 있어야 해요. 예쁜 건 둘째 문제예요.3. 무의미한 수치 가득수치는 확실히 많은 텍스트를 함축할 수 있어요. 대부분 회사소개서에 들어가는 수치는 자랑용도로 쓰이죠. 우리가 이만큼 잘했다!라는 의미로 활용해요. 그런데 자랑이 너무 많아지면 무슨 말을 하려는 건지 이해하기 어려워진단 말이죠. 숫자를 쓸 때는 유의미한 숫자만 써주세요.이렇게 유의미한 것만 있어도 충분해요. 결국 2014년에 제일 높았다! 라는 의미잖아요. 나머지 년도의 숫자는 이 도표에서 무의미해요. 굳이 몇 퍼센트가 늘었는지를 설명할 게 아니라면 말이죠. 4. 공무원스러운 수식어이건 마치..그 뭐시냐. '한국 전자IT산업 융합 전시회' 와 비슷한 거예요. 일반명사를 이렇게 마구 합쳐놓으면 무슨 말인지 들어오지 않아요. 블록체인 기반 소비자영상콘텐츠 제작플랫폼. 이런 것도 마찬가지예요. 보면 이해는 되지만 어디 이게 입으로 다시 말하라면 나올 수나 있을까요.명사는 붙여쓰는 게 아니예요. 짧은 문장으로 쳐주던가, 정히 어렵다면 '소비자 가전 전시회' 등으로 좀 쉽게 바꿔주도록 해요. 아침에 DDP에 한다는 저 행사 이름보고 소름이 돋아서 원.... 5. 추상적 단어 가득공무원스러운 수식어 못지않게 이해를 방해하는 건 추상적인 녀석들이예요.브랜드의 가치를 극대화하고 기업의 방향성을 제시합니다. 참된 가치가 본질을 다할 수 있게 명확한 색깔로 정립하여 세상에 나아가게 만듭니다.등등...UN평화대사 연설문같은 아름다운 단어들이 가득해선 도무지 머릿속에 그려지지 않아요. 사람은 항상 어떤 정보를 받아들일 때 이미지화 시키고 추상화를 시키는 작업을 거쳐요. 이미 추상적인 단어들은 들어오자마자 흩어져버리기 마련이죠. 어떤 이미지로도 메타포를 형성하기 어렵거든요.이런 추상적인 단어가 자꾸 나오는 건 3가지 이유가 있어요.1. 약간 이상주의자 성향이 강하다.2. 사실 내가 하려는 BM이 돈이 안된다.3. 사람들에게 멋있게 보이고 싶다.6. 너무 많은 색강조색은 소개서 전체를 통틀어 1개면 충분해요.파란색 하나면 충분해요.7. 너무 개성 넘치는 페이지포인트가 살아있는 페이지가 있는 것은 매우 훌륭해요. 근데 모든 페이지가 다 개성이 넘쳐서 날뛰기 시작하면 이건 거의 소개서에서 우당탕 소리가 들려요. 한 장 한 장에 힘을 싣는게 아니라, 전체 맥락을 봐야해요. 소개서는 앞 3장에서 좌우된다고들 하지만, 그렇다고 해서 앞 3장만 기똥차게 이쁘게 만들고 뒷장은 개판치라는 얘기가 아니예요.  8. 너무 가버린 어펜딕스안물안궁 콘텐츠가 많아요. 직원들의 개인소개나, 10년뒤 계획이나, 사무실약도는 왜 집어넣... 제품의 상세스펙도 사실 지금 단계에선 필요없어요.. 그러지말아요. 어펜딕스는 앞에서 못했던 말을 마구 풀어놓는 비하인드 영상이 아니예요. 앞 장의 내용이 이해될 수 있게 좀 더 보충할 수 있는 자료를 넣는 곳이죠.9. 문제점이 문제가 아닌경우소개서에선 계속 이게 문제라고 막 그러는데..막상 듣는 사람은 코후비게 되는 그런 경우예요. 그게 문제였어??... 난 별로 아닌 것 같은데? 이런 식으로요. 문제를 규정하는 단계에서 공감을 얻지 못하면 이 후의 모든 내용은 설득력을 잃어버려요. 그게 나의 실생활과 관계가 없다고 하더라도 데이터나 레퍼런스적으로 근거가 명확해야 해요. 제가 직접 경험하진 않았지만 고개를 끄덕이게 되었던 아이템은 이런 것들이었어요.1)외국은 전봇대가 엄청 엄청 멀리 떨어져있잖아요. 땅덩어리가 크니까. 근데 그걸 언제 사람이 하나하나 결함을 체크하고 있겠어요. 새집도 있을거고, 단선된 곳, 지반이 무너진 곳, 노후된 곳, 피복이 벗겨진 곳 등등..엄청 많은 트러블이 있을텐데. 그래서 드론으로 전봇대와 전선의 상황을 일괄체크하는 시스템이었어요. 3D모델링도 되고 결함의 종류도 분석되더라구요. 박수를 딱 쳤어요. 오.. 그렇네. 그럴 수 있겠다.2)칠레에선 해산물이 많이 나는데, 독성이 가득한 해산물이 많아요. 자칫하면 어부들의 목숨이 위험할 수도 있죠. 그래서 독성을 판단하는 키트를 개발했어요. 이것도 박수를 딱 쳤어요. 아주 훌륭하다.인과관계가 명확하고 납득이 가는 것들이거든요. 그런데 만약 이런 식이라고 생각해봐요.'혼밥을 하면 외롭다! 그러니 자꾸 체하고 소화가 안되는 것이다! = 그러니 랜덤으로 다른 사람과 함께 밥을 먹을 수 있는 식당을 만들자! 이름하야 소개팅식당!!~'ㅇㅅㅇ............? 말도 안된다고 생각하시겠지만..이것보다 더한 곳들도 꽤나 많아요.10. 스토리와 브랜딩에 집착해버림스토리텔링과 브랜딩이란 단어에 흠뻑 빠져버리신 분들은 브랜드의 가치에 중심을 두어요. 그래서 로고설명부터 색상설명까지 온갖 자신의 브랜드가 얼마나 체계적이고 의미가 충만한 지 설명하려고 해요. 놉. 소비자들은 그런 것에 관심이 없어요. 당신의 로고가 어떤 의미인지 전혀 알 필요도 없구요. 자꾸 가르치고 주입하려고 해선 안돼요. 그들이 궁금해서 찾아보게 만들어야지. 브랜드 가이드는 상대방이 궁금해죽겠어서 "어떤 뜻이예요?" 라고 물어왔을 때.."아~~ 사실은..." 하면서 보여주는 거예요. 그러니 존재하되 뒤에 숨어있는 것과 같다구욤. 그걸 전면에 내세워서 브랜드스토리가 구구절절(심지어 각 스토리도 모두 다름..) 나와버리면 이건 브랜드를 설명하기 위해선 제가 LA에 있었을 때를 설명하지 않을 수 없는데요...와 비슷한 얘기에요.브랜드를 체계적으로 구축하고자 하는 마인드와 행동은 옳지만, 그건 내 맘속에 존재하는 거예요. 소비자들에겐 당신의 아이템으로 증명하세요. 구구절절한 스토리말고. 결론 : 모든 문제는 항상 과유불급에서 시작되는 것 같숩니당.
조회수 872

핀다 웹디자인! 2017 한국 디자인연감에 수록되다.

안녕하세요? 핀다입니다.국내에서 발행되는 디자인 전문지 중 가장 공신력있는 월간 <디자인>은 매년 12월호에 그해 국내에서 이뤄진 주요 디자인 프로젝트를 한데 모아 ‘한국 디자인 연감’에서 소개하고 있는데요. 아이덴티티, 프로덕트, 리빙, 그래픽, 디지털 미디어, 공간, 총 6개 부문으로 나누어 매년 우수한 디자인 프로젝트를 선별하여 수록하고 있습니다.월간 <디자인> 12월호2017년 올해 저희 핀다의 웹사이트 디자인이 그 우수성을 인정받아 디지털 미디어 부문을 장식하게 되어서 여러분들께 자랑하려고 합니다. ^^이번 연감의 디지털 미디어 부문에서 네이버와 삼성SDS와 함께 총 23개의 수준높은 프로젝트가 함께 수록됐는데요. 수 많은 금융권 서비스 중 유일하게 기라성같은 기업들과 어깨를 나란히 한 디자인, 궁금하지 않으신가요?짜쟌! 글자가 잘 안보이시는 분들을 위해 아래에 따로 써놨습니다!자! 어떠신가요? 저희 홈페이지 궁금하지 않으신가요??그럼 저희 핀다 온라인서비스가 어떤 곳인지 직접 체험해보시면 되죠!! 클릭클릭핀다(Finda)당신에게 맞는 금융상품을 1분 만에 추천해드립니다.www.finda.co.kr#핀다 #디자인 #디자이너 #성과 #돌아보기 #후기 #일지
조회수 9896

회사소개서를 만들어보자!(빡셈주의)(2)

-각 페이지 내용구성을 조율하기저번편에서 준비단계까진 진행을 해보았습니다. 이미 이것만으로도 모두들 하얗게 불태웠을 것 같습니다. 하지만 진짜 싸움은 지금부터죠.                                              그..그만해 시발놈아...자, 이제부턴 본격적으로 제작을 해볼 겁니다. 당연히 디자이너가 해야할 일과 대표님이 하셔야 할 일이 나누어지겠죠. 먼저 그걸 간단히 정리해보고 시작해볼까용?대표님이 하셔야 할 일-각 페이지 내용구성을 조율하기-자료/사진 모아서 전달하기-회사소개할 1분스피치 만들기-수정요청하기-디자이너에게 돈주기디자이너가 해야 할 일-전체컨셉과 디자인레퍼런스 확보하기-대표님과 조율하여 페이지구성 정리하기-레이아웃정하기-그리드짜기-이미지확보하기-본격 디자인시작-수정요청 반영하기-세금계산서 발행하기-(선택) 인쇄업체 발주하기-(선택) 감리진행하나하나 간단하게 정리해보겠습니다!! 자세하게 쓰면 스크롤을 내리던 중지손가락의 2번째 마디관절에 무리가 가므로..간단간단하게!! 하지만 핵심만1. 각 페이지 내용구성 조율하기페이지구성이 먼저입니다. 무턱대고 자료를 먼저 주는게 아니고, 페이지순서에 맞춰서 각 페이지에 자료를 얹어서 주는 것이 빠르고 정확합니다. 페이지구성은 이렇게 합시다.표지- 회사의 색깔이 빡!!드러나면서도 심플하고 세련되게!소개페이지- 아까 정의했던 우리는 어떤 사람이고 무슨 일을 왜 하는지챕터1- 그것이 얼마나 좋은 것인지챕터2- 실제로 어떤 일들을 했는지챕터3- 앞으론 어떤 일들을 할 건지컨택포인트- 우리에게 연락해줘뒷표지 - 또 봅시다.대략 아주 기본적인 틀입니다. 보통 스피치를 하거나 피칭할 때의 순서와도 비슷하고 논리적으로 안정적인 구조이죠. 하지만 너무 안정적이다보니 가끔 식상하거나 지겨울수도 있습니다. 그럴 땐 저를 불러주시면....(하하하하)...어쨋든 페이지는 1~10page까지 각 페이지마다 고유한 내용이 담겨야 합니다. 세 가지를 기억해주세요.1. 한 페이지엔 반드시 한가지 내용만2. 한 페이지에 여백은 40%이상3. 앞,뒤페이지와 반드시 연결고리가 있을 것!할 말이 많다보니, 한 페이지에 매출그래프, 제품정보, 연혁 까지 다 때려박는 경우가 있는데 제발 그러지 않았으면 좋겠습니다. 눈도 쉬어갈 곳이 있어야 하잖아요. 여백이란 것은 '없는 공간' 이 아니라 시선이 움직이는 '통로'와 같습니다. 고속도로 마냥 뻥뻥 뚫려있어야 시원시원하게 다음 컨텐츠로 이동이 가능하죠!!                               글이 아무리 많아도 이쁠 수 있는 이유는적당한 여백과 정렬된 구도, 깔끔한 컬러와 정돈된 이미지만 있으면 이렇게 내용이 많아져도 정돈시켜놓을 수 있습니다. 물론 글이 재미없으면 안되겠지만요. 찰진 필력 또한 중요합니다.(병맛스러운 거 말고..잘 읽히는)더불어서 각 페이지는 앞페이지와 뒷페이지의 내용과 서로 인과관계 및 상관성이 있어야합니다!! 페이지가 혼자 둥...떨어져서 한참 장점얘기하고 있는데 갑자기 매출얘기 나오고 이러면 굉장히 이상합니다. 이 페이지에 뭐가 들어가야 하는데!!! 라고 고민하기 전에 앞과 뒤에서 어떤 내용이 나올지 유기적으로 생가해보셔야 합니다. 그래서 저는 흔히 각 페이지를 "한문장으로 만들고" 각 페이지마다 "접속사"로 연결되는지를 보시라고 합니다.1. 지금껏 우린 은행업무를  볼 때마다 잘 모르는 용어들과 복잡한 절차로 늘 어려움을 겪어왔습니다.2. 특히 공인인증서와 지점을 찾아가야 하는 번거로움, 복잡한 가입절차가 우릴 괴롭혔죠.3. 그래서! 우리가 만들었습니다. 바로 이것을이런식으로 각 페이지의 메시지를 정확하게 잡고, 앞 뒤 페이지와 유기적인 연결을 만들어내는 거예요. 결국 각 페이지들의 '한 문장' 들이 합쳐지게 되면 자연스럽게 1분스피치 용 스크립트가 완성될 수 있도록 말입니다.2. 자료/사진 모아서 전달하기이렇게 각 페이지의 내용이 완성되면, 각 페이지에 필요한 사진과 자료들만 추려서 전달해주시면 됩니다! 폴더링을 할때는1번페이지.zip2번페이지.zip...이런식으로 하면 아주 깔끔하겠죠?3. 1분스피치 스크립트 만들기아까 위에서 페이지구성할 때 각페이지를 '한  문장'으로 구성해보시라고 했잖아요. 그 문장들에 접속사를 연결시켜주면 딱 1분짜리 스크립트가 나올 수 있어요. 약 10문장 나올테니까, 처음 소개멘트와 중간중간에 여러 수식어구까지 포함하면 1분짜리 짜잔!!4. 수정요청하기수정요청은 눈에 보일때마다 건건히 던지는 게 아니예요. 보통 수정은 3회까지가 무료고, 그 이후부턴 회당 얼마로 유료수정이 들어갑니다. 그러니까, 비용절감과 함께 일을 효율적으로 진행하려면 전체적으로 쫙 보면서 수정내용들을 한번에 정리해서 주는 것이 좋아요. 대신 '수정' 이라고 하는 건 '갈아엎자' 란 얘기가 아닙니다. 전체내용의 5%미만의 변경이 있는 경우를 '수정'이라고 하죠. 이 때 전체컨셉, 구도, 그리드는 깰 수 없습니다. 색의 변화, 간단한 위치변화, 워딩수정, 이미지교체, 스타일단순화 등.. 가벼운 수준의 수정을 요청할 수 있습니다.5. 디자이너에게 돈주기계약사항에 따라 지급방식이나 일시는 다르게 구성되지만, 일반적으론 세금계산서를 청구로 발급받은 후 청구일자에 입금을 원칙으로 합니다. 계약당시 선급금과 중도금, 잔금 구분의 여부에 따라 지급일자가 분할되기도 하지만, 보통 회사소개서 1건으로 진행될 경우엔 금액이 그렇게 크진 않으므로 선급50%/잔금50% 또는 선급금없이 전액후입금100% 등으로 진행됩니다. 부득이한 경우 회사지급일에 맞추어 지급되지만 보통은 세금계산서 발행일로부터 7일 이내에 입금이 매너입니다 :)여기까지가 대표님이 하실 일들이고, 이 밑에서부턴 디자이너가 할 일입니다. 물론 대표님이 직접 손대실 부분은 아니지만, 어떤 과정을 거쳐서 소개서가 디자인되고 완성되는 지 궁금하시다면 한 번 살펴보시는 것이 좋을 것 같습니다. 그래야 서로 작업에 대한 이해도가 생길 테니까용!!~1. 전체컨셉과 레퍼런스 확보하기미팅을 통해서 컨셉을 잡았다면, 관련 컨셉과 비슷한 레퍼런스등을 수집하고 공유하면서 서로가 원하는 스타일을 찾아나가는 편이 빠르고 좋습니다. '심플하고 깔끔한' 스타일이란 건 굉장히 엄청나게 다양한 요소들이 있기 때문에...단순히 그런 '스타일' 이란 단어로 서로 커뮤니케이션 하다보면 나중에 갈아엎어야 하는 대참사가 생기기도 합니다. 미리미리 레퍼런스로 공유해서 색을 맞춰나가도록 합시다.                                         심플도 심플나름..2. 페이지구성 정리하기대표님과 함께 진행할 영역입니다. 대표님은 내용적인 측면을 정리하는 쪽이고, 디자이너는 그것을 어떤 방식으로 구현할 지를 결정합니다. 인포그래픽이나, 심플한 그래프, 또는 도형, 아이콘, 이미지 등 어떤 것을 어떻게 이용할 것인지를 결정해야 하므로, 각 페이지에 대한 역할과 설명을 충분히 듣고 서로 이해해야 합니다.3. 레이아웃 설정하기일단 내용이 어느정도 잡혔고 자료를 받았다면 이젠, 각 페이지의 레이아웃을 잡고 통일/개별화 시켜야 합니다. 이미지의 갯수와 그래프의 크기, 각 텍스트의 양을 고려해서 페이지의 각 부분의 레이아웃을 확정시킵니다.                         각 페이지마다 서로 다른 레이아웃이 등장하기 마련입니다.4. 그리드 설정하기전 전문적인 편집디자이너는 아니지만, 각각의 페이지에는 컨텐츠들이 위치하고 유지해야할 지정된 공식들이 어느정도 잡혀있습니다. 이것을 Grid 라고 하고, 디자인요소들은 이 요소들 위에서 배치되고 움직입니다. 이것이 깨지기 시작하면 그 때부터 뭔가 거슬리고 보기 불편한 모습이 되기 시작하죠. 이 그리드는 자체설정할 수도 있지만, 그러기엔 너무 복잡하고 어렵기 때문에 기존에 어느정도 공식화된 그리드를 활용하는 경우가 많습니다.예를 들어 일반적인 종이규격은 DIN시스템에 맞춰지는데 우리나라에선 A,B형을 주로 사용하죠. A형은 841 x 1,189mm / B형은 1,000 x 1,414mm 입니다. 이 때 다양한 판형을 선택해서 제작이 가능한 데 주로 황금비라고 하는 1:1.6을 활용하거나 적당한 너비의 우항루트값을 적용하여 변형비를 만들기도 합니다. 컬럼의 경우 한줄에 7단어정도가 적절합니다(4in = 24pica = 10cm 내외) 이정도로 행의 길이가 정해지죠. 행간은 보통 본문포인의 50%정도를 주는 것이 일반적이고 부제목, 사진, 캡션의 행간과 통일시킵니다. 마진(상하좌우여백)은 안:위:바깥:아래 기준으로 1 : 1.2 : 1.44 : 1.73 을 주로 활용합니다. 전체컨텐츠의 20%정도 여백을 두는 것이죠. (뭔가 개복잡해)                         이런식으로 각 여백과 위치, 균형을 잡아서 그리드를 구성합니다.5. 본격적인 디자인                                                 이쁘게 이쁘게                                                느아아아아!!!                                건들면 다 죽는거야. 화장실도 안갈꺼야.6. 수정요청아까 위에서 설명한 바와 같이, 갈아엎어달라는 요청이 아닌, 일부수정에 대한 요청을 받아 진행합니다. 컨셉과 제작에 관련된 여러가지 정보는 디자이너가 훨씬  잘 알고있기때문에, 무조건적인 수정보단 '~어떠세요?' 라고 상호존중의 부드러운 멘트가 오고간다면 아주 좋은 퀄리티가 나올 것입니다. 그냥 닥치고 무조건 바꿔주세요 라고 하면 그리드고 나발이고 그냥 아무렇게나 쳐박힌 이미지를 볼 수도 있죠.7. 세금계산서발급쌍놈의 Veraport 는 왜 깔때마다 업데이트 또는 미설치라고 나오는지 모르겠지만..홈택스에 들어가서 또 여러 녀석들을 컴퓨터에 깔아서 컴퓨터를 걸레로 만든 후 세금계산서를 발급하도록 합시다.8. 인쇄요청/감리가끔 인쇄까지 함께 요청하는 경우가 있는데, 뭐 디자이너들이야 몇몇 아는 인쇄소들이 있기 때문에 그리 어려운 일이 아닙니다. 가끔 색이 정말정말 중요한 경우엔 감리를 진행하기도 합니다요.  물론 추가비용이 있을 것입니다. 인쇄소에서도 감리진행하려면 추가 감리비를(5만원내외?) 를 받기 때문이지요. 감리를 진행하다가 색에 뭔가 문제가 있을경우엔 형판을 교체하는 비용도 들어갑니다.(5만원정도?)보통 용지와 중량선택에서 많이들 어려워하시는데 아트/스노우/랑데뷰/몽블랑 중에서 고르시면 무난할 것 같습니다. 아트지는 번들거리는 감이 좀 있고, 스노우는 무광이 강하고 부드러운 표면을 지녔습니다. 랑데뷰는 두께감이 조금 있고, 표면에 약간의 질감이 좀 있는 편입니다. 몽블랑은 수입지로 눈이 편한 미색을 띠고있고 적당한 표면의 질감이 있는 편입니다. 저 같은 경우는 주로 스노우나 랑데뷰를 자주 쓰는데 표지는 250g 정도 내지는 150g정도를 유지합니다. 종이가 두껍다고 다 있어보이는 것은 아니기 때문에 접지할 때 종이가 터질 위험도 잘 생각해보셔야 합니다. 가끔 표지면이 아주 두꺼워서 접지시 터질위험이 있을 땐 표면에 무광코팅(흔히 라미네이팅이라고 합니다.)을 진행하기도 합니다.제본은 여러가지 방식이 있지만 20page정도라면 10장 내외이니 중철제본이 적당합니다. 너무 얇은데 본딩/열제본을 하면 어차피 다 흩어져버리거든요. 그 이상의 많은 페이지의 경우엔 본딩제본을 주로 이용합니다. (그 흔히 떡제본이라고 하는)이렇게 해서 회사소개서가 짜잔 하고 나오게 되면..기쁨과 감격에 벅차고 막 그럽니다. 앞으론 이 소개서를 항상 5개씩 가방에 넣고다니다가 우연스레 길에서 만나게 될 수도있는 클라이언트에게 즉시 건네어 너와 난 빅뱅이후로 윤회를 거듭한 인연이었어..를 거듭 확인시켜주시면 아주 좋을 듯 합니다.                                              거친 글이었다...#애프터모멘트크리에이티브랩 #회사소개서 #사업소개서 #작성법 #꿀팁 #인사이트 #조언
조회수 1410

직장인, 디자이너로 환생하기 프로젝트

"포토샵, 일러스트레이터... 이름은 들어봤는데 어디에 쓰는거지?""나도 포토샵으로 합성 해보고 싶은데, 그렇게 어려운건가?""이번 생에는 내 손으로 예쁜걸 만드는건 불가능할거야""디자이너랑 일할때 디자인을 모르니 너무 힘들고 어렵다"만약, 위의 문장 중 하나라도 공감이 된다면, 글의 내용과 수업 안내가 큰 도움이 될지도 모릅니다.아주 간단한 디자인만 할 줄 알아도 일상이 편해집니다 내 아이디어를 눈으로 보이게 만들어 내는 능력이 있다면 일상 속 많은 순간들이 편해질 수 있다는 것, 아마 다들 공감하실 겁니다. "조금 더 화려하게요"라든지, "이 부분은 어벤져스 느낌으로요"와 같이, 느낌적인 느낌으로는 머릿 속에 다 그려져 있는데 표현을 할 수 없어서 개똥같은 말을 내뱉게 되는 순간들을 말이죠.머릿 속에 멋진 아이디어를 남겨두는 것과, 그것을 아주 간단하게나마 표현할 수 있는 것은 실제로 내 능력 꽤 많이 발전시켜주곤 합니다. 다른 사람들과의 소통이 편해지는 것은 물론이거니와, 내가 원하는 결과물에 가까운 모습을 가장 잘 보여줄 수 있기 때문이죠. 디자인이란 여러모로 서로의 오해를 줄일 수 있는 좋은 수단입니다. 내 머릿속에는 이미 명작이 있는데 왜 난 햄볶하지 못해!그래 나도 알아. 근데 내가 디자인을 어떻게 해?사람들은 대부분 디자인이 천부적인 재능을 타고나야 가능하다고 믿습니다. 물론 아주 틀린 말은 아닙니다. 그렇지만 애초에 디자이너로 태어난게 아닌 우리에게 필요한 것은 타고나야 하는 '재능' 수준이 아니라, 훈련과 연습을 통해 내 생각을 간단하게나마 표현할 수 있는 '능력' 정도인 것이죠. 어떤 사진을 고르는게 예쁠지, 글자는 어떤 것을 고르는게 어울릴지, 글자와 사진의 배치는 어떻게 하면 좋을지, 예쁘고 좋은 사진과 재료들은 어디서 구하는지, 그리고 그것들을 알고 나면 디자인 툴을 어떻게 사용하는지 정도만 알아도 우리의 생각은 보다 쉽게 표현될 수 있습니다. 물론 이 쉬워보이는 것들을 가르쳐주는 사람이 없으니 누구도 쉽게 도전하지 못할뿐, 우리가 달성해야 하는 목표들은 그다지 멀리 있는 것은 아니죠. 포토샵, 일러스트레이터...? 이름만 들어봤는데 어디에 쓰는거지?포토샵과 일러스트레이터는 사용하는 목적도 다르고 결과물도 다릅니다 좌포토샵/우일러주로 디자인 툴이라고 하면 가장 먼저 떠오르는게 포토샵과 일러스트레이터 일겁니다. 이 글을 쓰고 있는 저도 디자이너가 아니라서 둘의 차이를 잘 알지는 못했어요. 그냥 제가 알고 있기론 '포토샵은 뽀샵할때 쓰고 일러스트레이터는 뭐야 이름부터 졸라 어려워보여 지네들끼리 어려운 말 하려고 억지로 쓰는 프로그램인가' 정도로 알고 있었죠. 간단하게 말하면, 포토샵은 '있는 재료를 활용해서 디자인을 하는 프로그램'이고, 일러스트레이터는 '직접 그리고 만들어서 디자인을 하는 프로그램'이라고 할 수 있습니다. 이미 있는 사진이나 재료에 뭔가를 더하고 조작해서 예쁜 결과물을 만들어내기 위해서 포토샵을 쓴다면, 애초에 무에서 유를 창조해내며 손으로 그려가며 작업하는 용도로 일러스트레이터를 쓰는 것이죠. 물론 서로 완전히 다른 용도로 사용할수도 있지만, 이렇게 디자인 툴의 기본적인 용도를 아는 것만으로도 우리는 디자이너와 대화할 때 한층 더 가까워질 수 있습니다.디자이너랑 대화하고 싶은데, 나도 전문용어 막 내뱉고 싶은데...RGB? CMYK? 레이어? 리퀴파이? 누끼? 산세리프? 대체 이게 무슨 말인가 싶다고요? 그러게요? (응?)이런걸 만들어 달라고 하려면 뭘 알아야 할까요? (요청하지마) 단순히 디자인툴을 익히고 작품을 만드는게 목적이라면, 우리의 프로젝트가 조금 더 요원해보일수도 있겠습니다. 하지만 이제 디자인은 교양입니다. 현대 사회에서 자신의 생각을 디자인툴을 이용해 표현하는 것도 교양일 수 있지만, 수없이 많은 디자이너와 크리에이터들과 대화하기 위해서 아주 간단한 디자인 상식정도는 필수일 수 있다는 것이죠.디자인을 아주 살짝만 공부하면, 우리의 대화들은 이렇게 바뀔 수 있어요. 예를 들어,아 글씨체가 뭔가 좀 별론데, 좀 더 뭔가 요즘같은 글씨체로 쓸 수 없어요?-> 폰트를 고딕계열로 바꾸면 조금 더 모던한 느낌이 날것 같은데, 한 번 고려해주실 수 있을까요?이거 이렇게 슥슥 못지워요? 엄청 쉬워보이는데 쫌 지워봐요 -> 이거 사진 누끼따기 좀 곤란하시겠네요. 누끼 시간 오래 걸리면 다른 사진을 구해볼게요. 그게 더 편하실까요? 어때요, 대화를 보는 것만으로도 벌써 디자이너와 더 친해질 수 있을것 같죠? 작품을 만들어내는 아주 어려운 수준까지 도달하지 않더라도, 우리가 디자인 툴을 만지고 투닥거리며 그들의 용어와 작업 환경을 이해하면서 더 많은 일들을 할 수 있게 된답니다. 어차피 우리는 지금 위대한 디자이너가 되기 위해 다짐한 것이 아니라, 디자인에 입문하고, 더 수월하게 일을 하기 위해서라는 것을 명심하세요.이제 6주 만에, 디자인에 입문하고 디자이너로 환생해 보세요더 일을 잘하기 위해서, 내 생각을 더 잘 표현하기 위해서, 일상에 필요한 간단한 디자인 결과물을 만들어 내기 위해서 우리는 디자이너가 될 필요가 있습니다. 아주 헤비한 디자이너가 될 필요는 없어요. 아주 살짝 발 끝을 물에 담그는 수준만으로도 우리는 보다 더 풍요로운 일상을 살 수 있을겁니다.당신같이 적당한 수준의 디자인에 관심이 있는 사람들을 위해, 프로젝트 <작당>이 작은 클래스를 준비했어요.강사 소개 (추후 업데이트 예정)수업 일정 (추후 업데이트 예정)수업 내용 (추후 업데이트 예정)수강료 (추후 업데이트 예정)#어니스트펀드 #마케터 #마케팅팀 #인사이트 #경험공유
조회수 514

소비자 마음을 읽는 광고 디자이너, 정은송

   소비자 마음을 읽는 광고 디자이너, 정은송 믹픽인사이드는 믹스앤픽스와 함께 성장하고 있는 구성원들의 이야기를 들어보는 시리즈입니다. 다양한 분야의 사람들이 모인 만큼 풍부한 이야기가 완성되었는데요. 각각의 개성들이 꿈을 향해 달려온 시간, 믹픽과 함께 나아갈 시간에 대해 나누며 우리가 하고 싶은 일로 꾸려나가는 회사를 그려봅니다.          Q1. 간단한 자기소개 부탁드립니다.  안녕하세요. 시각디자인 전공 광고 디자이너 정은송입니다. 특히 SNS 광고에 관심이 있어요.    Q2. 디자이너가 되기까지의 과정이 궁금해요. 입시 미술을 준비하다가 20살 때부터 프리랜서로 일을 했어요. 웹툰, 편집회사, 쇼핑몰 등 다양한 분야에서 경험을 쌓을 수 있었죠.    Q3. 다양한 분야를 접해본 것이 디자이너로서 값진 경험일 것 같아요. 콘텐츠를 제작할 때는 대세 흐름이나 최신 트랜드를 파악해야 해요. 그래서 다양한 디자인을 보고 경험한 게 디자인 기초를 다지는 데 많은 도움이 되었어요.    Q4. 회사에서 하고 계신 일을 구체적으로 말씀해주세요. SNS콘텐츠를 디자인하고 있어요. 또 이번에 새로 런칭할 쇼핑몰 홈페이지도 기획하고 있고요.    Q5. 디자인 작업을 할 때 어떤 걸 중요하게 생각하나요? SNS에 게시되는 콘텐츠의 경우, 디자인적 요소가 과다하면 너무 광고 같아 보여서 오히려 사람들이 거부감을 느낄 수 있어요. 그래서 되도록 깔끔한 디자인으로 신뢰를 주려고 해요.    Q6. 디자인 작업에 있어 어려운 점이 있을까요? 한 콘텐츠를 만들더라도 퀄리티를 높이기 위해서는 여러 소스 자료가 필요해요. 그래서 평소에 레퍼런스를 보고 자료들을 모아 놓죠. 또한, 디자이너 커뮤니티에서 정보를 공유하는 등 역량을 쌓기 위해 노력하고 있어요.    Q7. 어떤 디자이너가 되고 싶으신가요? 기획안을 받았을 때 머릿속에서 관련 이미지가 떠오르는 숙련된 디자이너가 되고 싶어요. 더불어 이 일을 즐기면서요.    Q8. 앞으로의 목표를 말씀해주세요. 소비자 반응을 끌어 낼 디자인적 요소를 연구하고 적용해가면서 성과 좋은 SNS 콘텐츠 디자이너로 자리매김하고 싶어요.
조회수 708

[인터뷰] 임팩트 베이스캠프 7기 | 디자인씽킹 E조

한껏 몸을 움츠러들게 하는 추위에도 불구하고, 열기를 더해가고 있는 임팩트 베이스캠프! DT프로젝트 팀별 인터뷰 두 번째 이야기로 찾아왔습니다.오늘 만나볼 팀은 강명지, 김산하, 이예석, 이철빈 베이스캠퍼가 속해있는 E조입니다. 다른 성향의 팀원들이, 어떤 사회적 문제를 해결하고자 함께 모여 시너지를 내고 있는지 인터뷰를 통해 확인해주세요!INTERVIEW .Q1. 하나의 키워드로 본인에 대해 소개해주세요!Q2. 우리 팀이 바라는 더 나은 세상은 어떤 모습이며, 해결하고 싶은 사회적 문제는 무엇인가요?명지: 우리 팀이 문제를 정할 때 가장 중요하게 생각했던 것은 ‘과연 이 문제가 우리 마음을 움직이는가?’였어요. 의견을 나누는 과정에서 ‘누군가는 당연히 누리고 있는 걸 누리지 못하는 사람들’에게 집중하게 되었고, 구체적으로는 [장애인의 스포츠 활동 부족]을 해결하고 싶은 사회적 문제로 선정하게 되었습니다. 여가활동이란 개개인의 삶에 활력을 불어넣고, 우리를 사회적 동물로 만들며 자아를 실현할 수 있는 한 가지 방법이라고 생각해요. 그런데 아직도 누군가에게는 이러한 여가활동이 사치인 거죠.철빈: 저희 팀은 행복이 모두에게 당연한 것이 되는 세상을 꿈꾸고 있는데요. 이번 DT프로젝트를 통해 조금 더 많은 사람이 행복을 누렸으면 좋겠어요.Q3. 현재까지 팀 내 프로젝트 진행상황이 궁금해요.장애인의 스포츠 활동에 대한 '접근성' 문제를 풀고 싶어요.철빈: 장애인 복지관 체육 교사, 민간 스포츠센터에서 장애인을 대상으로 스포츠 프로그램을 운영하시는 분을 인터뷰했어요. 우선 인터뷰를 통해 얻은 인사이트와 피드백을 나눴는데요. 이후에는 로지컬 씽킹 특별 수업을 듣고, 팀원 각자 로직 트리를 만들면서 이 주제의 문제는 무엇이고 우리는 어떻게 접근할 것인지 서로 생각을 정리해 오기로 했습니다. 인터뷰 직전, 팀 회의를 통해 정리해온 내용을 공유하고 왔어요. 공유 결과, 우리가 이 문제를 어떤 방향으로 접근할 것인지 결정하게 되었습니다. 장애인 스포츠 활성화라는 주제에서, ‘장애인들이 어떻게 스포츠 시설을 잘 이용할 수 있을까’라는 접근성에 관한 이야기로 좁혀졌거든요. 왜 지금까지 스포츠 시설에 대한 접근이 잘 이루어지지 않았는지 이유를 찾는 중이에요. 예를 들어 시설은 있지만, 경제적으로 잘 배분되지 않고 수요나 공급이 불균형했던 건 아닌지, 교통 약자들이 물리적으로 접근하기에 쉽지 않았던 건 아닌지에 대한 것들이요.▲ 팀 토론 이전에 각자의 생각을 정리하고 있는 E조의 모습Q4. 구체적으로 인터뷰를 통해 얻은 인사이트 혹은 배운 점은 무엇인가요?명지: 저희 팀이 처음 이 문제를 논의할 때 장애인을 위한 체육시설 혹은 그들을 가르칠 강사를 포함한 인프라가 부족할 거라고 예상했는데요. 막상 인터뷰를 해보니 인프라가 부족한 것은 문제점이 아니었고, 이미 있는 시설이 잘 활용되지 못하고 있다는 점에 초점을 맞추게 되었어요.산하: 인터뷰를 진행할 때 팀원들 모두 각자의 역할이 있었다는 점이요. 첫 번째 인터뷰를 했던 분은 저희에게 호의적이셨지만 질문이 추상적이면 답변이 어려우실 것 같다고 생각했어요. 그래서 저희는 운동기구에 대해 구체적인 설명을 요청했고, 인터뷰이(Interviewee)께서 예시를 들어 잘 말씀해 주셨어요. 놓칠 뻔한 부분과 보충이 필요한 부분은 팀원들이 잘 집어준 것 같아요.Q5. Design Thinking(디자인씽킹, 이하 DT)수업과 Strategical Leadership(전략적 리더십의 실천, 이하 SL)수업을 병행하는 소감은 어떠신가요?DT수업은 저를 앞으로 나아가게 하고,SL수업은 목적에 맞게 잘 가고 있는지 돌아보게 하는 것 같아요.▲ 임팩트 베이스캠프 OT, 첫 만남을 가진 E조명지: DT는 저를 달리게 하고 SL은 저를 멈칫하게 하는 것 같아요. 저는 생각과 아이디어가 진짜 많아서 기획하는 것을 좋아해요. 그런데 항상 거기서 멈췄었거든요. 그런데 DT 수업은 그 아이디어를 발전시키고 실천하게끔 끌어내게 하고, SL은 그 아이디어가 목적에 맞게 잘 가고 있는지 왔던 길을 둘러보고, 다시 방향을 설정하게 해주는 수업인 것 같아요.철빈: 익숙한 것과 낯선 것이 차이라고 생각해요. DT 수업은 편하고 재미있어요. 그 속에 분명 배움도 있고요. 그런데 SL수업은 지금껏 듣거나 보지도 못한 수업이에요. DT프로젝트를 진행하면서 전략적으로 사고하고 어떻게 리더십을 발휘할지 더듬거리면서 찾아가고 있어요. 그런데 헤매는 이 과정이 되게 소중하고 신선해요.예석: 저는 오히려 반대에요. SL 수업이 평소 제가 사고하는 방식과 비슷한 것 같아요. 아직 두 수업을 어떻게 엮어야 하는지 모르겠지만 모두 삶에서 꼭 필요한 능력이라는 생각이 들었어요. 디자인씽킹을 통해 문제해결 능력을 함양하는 것과 공동체를 이끌거나 개인이 살아가는데 전략적으로 사고하고 행동하는 능력을 갖추는 것, 이 두 가지 모두 갖춰야 한다고 느꼈어요.Q6. 그렇다면 번외 질문을 하나 드릴게요. 팀 내에서 개인이 취하고 있는 전략은 무엇인가요?예석: 인지하지 못한 상태에서도 전략을 세우는 게 사람이라고 생각하는데, 저도 분명 팀에서 취하는 전략이 있겠죠. (침묵) 잠시만요. 어떤 전략이 있었나 복기 중이에요. (웃음) 개인 사정상 이번 인터뷰에 팀원들과 함께 가지 못했어요. 그 미안함을 만회하고자 프로토타입 수업만큼은 누구보다 열정을 가지고 열심히 하는 모습을 보여줘야겠다는 목표를 세웠습니다.산하: 우선 제 전략은 모든 수업과 모임에 성실하게 참여하는 것이에요. 아이디어를 제시하는 건 저에게 어려운 부분이라 팀원들의 이야기를 듣고 덧붙여 말하거나 그 아이디어를 조금 더 발전시켜주는 것이 팀 내에서의 제 전략인 것 같아요.▲ 인터뷰를 마친 E조의 모습좋은 프로젝트는 조화로운 팀워크의 바탕에서 나오는 것처럼, 좋은 변화를 꿈꾸는 팀원들로 똘똘 뭉친 E조가 임팩트 베이스캠프에 참 잘 어울리는 팀이라는 생각이 듭니다. 인터뷰 과정과 로지컬 씽킹을 통해 문제를 구체적으로 정의하고자 치열하게 고민했던 E조가, 어떤 빛나는 아이디어로 문제를 해결하게 될지 임팩트 베이스캠프도 응원하겠습니다. #루트임팩트 #임팩트베이스캠프 #청년 #체인지메이커 #디자인씽킹 #전략적리더십   #사회문제해결 #헤이그라운드

기업문화 엿볼 때, 더팀스

로그인

/