Sketch App 도입은 Zeplin을 활용하여 효율적으로 개발자와 소통하기 위해 시작되었습니다. 도입하는 과정에서 안드로이드 UI를 담당하게 되었고, 심볼의 구조화와 적절한 플러그인의 사용을 통한 작업의 효율, 가지고 있던 문제점들을 해결하는 것에 중점을 뒀습니다.기존 작업방식과 문제점디자인 작업 패턴디자인 작업 패턴을 분석했을 때, 기존의 PSD 파일들에서 컴포넌트를 가져와 재조합하는 경우가 가장 많았습니다. 디자이너간 협업 시 최근 릴리즈된 디자인이 맞는지, 요소간 간격 같은 디테일한 부분에 대해 묻는 경우가 많았으며, 개발자와의 협업 시 지칭하는 용어가 달라서 생기는 커뮤니케이션 미스가 종종 발생했습니다. 구조화에 앞서, 분석하고 내린 작업의 키포인트는 다음과 같습니다.1. 최근 릴리즈된 디자인이 영향을 받는 모든 화면에 동기화되어야 합니다.2. 개발자와의 협업 시, 심볼의 네이밍을 기준으로 커뮤니케이션합니다.3. 디자이너가 사용 시, 시안 작업을 빠르고 편하게 할 수 있어야 합니다.4. 컴포넌트, 디자인 요소들이 서로 유기적으로 연결되어있어야 합니다.5. 시안 작업 시, 유저 데이터를 사용하기 편리해야 합니다.심볼 생성 기준심볼로 만들어야 하는 경우는 다음과 같이 정의했습니다.1. 다양한 상태값을 가진 요소2. 같은 크기의 영역 안에서 다양한 형태를 가진 요소3. GNB처럼 자주 쓰이는 컴포넌트4. 카드 형태의 디자인5. 아이콘Overrides 예시심볼 폴더 구조심볼 폴더 구조디자이너들이 사용하기 때문에 첫 번째 분류는 보이는 형태, 디자이너끼리 자주 사용하는 용어로 합니다. 두 번째 분류는 원활한 커뮤니케이션을 위해 목적 혹은 개발자분들이 사용하는 용어로 지정하며, 세 번째 분류까지 해야하는 경우 2 Column, 3 Column(스타일쉐어 내부에선 Grid라는 용어를 주로 사용합니다.)과 같은 다양한 변화에 대한 것이므로, 똑같이 커뮤니케이션에 용이하게 판단하여 결정합니다.Elements 폴더는 심볼을 구성하는 심볼들이 있는 폴더입니다. 직접 심볼 폴더트리를 타고 들어가 생성하는 경우는 없으므로, 분류에 더 목적을 두고 폴더 구조가 복잡해지는 것을 감수했습니다.그리고 Overrides를 대비하여 이해하기 쉬운 용어로 작성합니다.심볼의 활용자주 쓰는 컬러들을 심볼화하고 마스크 기능을 활용하면, 아이콘들의 색상을 더 편하게 변경할 수 있습니다. 추후에 브랜드 컬러, 그레이스케일이 변경되는 경우에도 컬러 심볼만 수정하면 큰 문제없이 바로 적용할 수 있습니다.플러그인의 활용작업에 주로 사용하는 플러그인은 Auto Layout, Button, Clipboard Fill입니다.Auto Layout의 Stacked Group 기능으로 심볼이나 요소들을 유기적으로 연결시킵니다. Button은 Tag, List item 등에 사용하며 짜잘한 수정작업을 줄여 시안작업에 더 집중할 수 있도록 합니다. Clipboard Fill은 스타일쉐어 특성때문에 활용 가치가 높은 플러그인입니다. 유저 이미지, 게시글의 사진을 스타일쉐어 웹에서 복사하여 시안을 작업할 때 활용합니다. 실 데이터를 사용하기 때문에 설득력이 높아지고, 조금 더 객관적으로 작업할 수 있다는 장점이 있습니다.플러그인 사용 Gif페이지 구성모든 화면이 모여있는 Master_Android.sketch 파일에서는 페이지로 분류합니다. 이 분류와 구글 드라이브 폴더 구조를 일치시켜 빠르게 파일을 찾을 수 있도록 하였으며, 탐색이 용이하기때문에 새로운 디자이너가 오더라도 쉽게 파악가능합니다.디자인 작업 프로세스시안 작업 시, 실제 데이터를 사용하여 설득력을 높이는 것을 가장 큰 목표로 합니다.1. 디자인 작업 전, 사용할 심볼들을 모두 Detatch합니다.2. 문제해결에 맞게 컴포넌트를 디자인합니다.3. 플러그인을 활용하여 웹에서 실제 데이터들을 가져와 채웁니다.4. 시안 작업이 끝난 후, 정리하여 Zeplin으로 내보냅니다.5. 심볼을 만들어야 한다면, Master파일 Symbols에 업데이트합니다.6. Master파일에 심볼을 사용하여 화면을 정리합니다.이 과정에서 생기는 큰 문제점은 모든 작업자가 심볼 구조화에 같은 기준을 가지고 있어야 한다는 점입니다. 생성 여부, 심볼 이름을 정하는 규칙 등에 대해 문서화하여 공유해도 익숙하지 않기때문에 실수가 생기기 마련입니다. 그래서 안정화되기까지 첫 구조를 잡았던 담당자가 정기적으로 확인하여, 다듬어나가는 것으로 결정했습니다. 비효율적인 방법일 수도 있지만, 동시에 구조화를 더 탄탄하게 하는 기회였습니다.잘가 포토샵.Sketch App의 업데이트에 따라 해결할 수 있는 방법이 달라지는 경우가 많았습니다. 그에 대비하여 의존성을 줄여나가는 고민을 계속하고 있으며 UI 뿐만 아니라, 작업툴 사용에 제약이 없다는 조건 하에 Overrides 기능과, Clipboard Fill, Auto Layout을 활용하여 다양한 템플릿 작업에도 사용할 수 있다고 생각합니다.#스타일쉐어 #개발팀 #개발자 #개발환경 #인사이트

나는 인생을 살면서 많은 "천재"들을 만났다. 스타트업에 있다보면 더더욱 "영재""천재"로 불리는 수 많은 사람들을 보게 된다. 그들은 학문적으로 놀라운 성과와 스펙을 보유하고 있었다. 아마 당신이 한 회사를 운영하는 사람이거나 인사 담당자라면 분명 혹할 것이다. 하지만 정작 나는 같이 일하고 싶었던 사람이 단 한 명도 없었다. 주변에서는 천재들과 같이 일하면 성공할 것이라고 생각하지만, 사업적 결과물과 두뇌는 별개의 문제라고 나는 생각한다. 대단한 능력을 가지고도 빛 없이 사라진 사람들을 얼마나 많이 보았는가. 물론 나도 대단한 사람과 일하고 싶다. 그러나 그 기준을 "영특함"에 국한시키고 싶지는 않다. 사업적으로 혹은 사회적으로 더 나은 미래를 후손에 물려주기 위해서는 그 이상의 "무언가"가 필요하다. 지금부터 나에게 그 "무언가"를 가르쳐 준 "진짜 천재"에 대한 이야기를 하고자 한다. 그에 대한 이야기를 하기 전에 나에 대한 이야기를 가볍게 하고자 한다. 5년 전만 해도 나는 비전과 목표가 없었다. 어려서 부터 돈 욕심만 많았다. 대학교를 다니면서도 돈을 벌 수 있는 방법이면 수단과 방법을 가리지 않았다. 한 일화로 당시에 학원 강사 아르바이트를 하고 있었는데 도매시장에서 트렌디한 문구류를 사와 수업을 가르쳤던 중/고등학생에게 팔았다. 시간과 행동에 제약이 있는 학생들은 수업 시간에 벌어지는 소소한 쇼핑에 돈을 지불했다. 그러나 끝이 좋지 않았다. 학생의 부모님에게 알려져 결국 학원에서 해고 조치 되었다. 지금의 내가 돌이켜보면 엄청나게 창피한 일이다. 학생들에게 단순한 편리와 재미를 줄 순 있었지만, 돈 말고는 남는게 없었다.20대의 대부분은 가치 없는 돈벌이의 연속이었다. 혹자는 말한다. 우선 돈 벌고 가치 있는 곳에 쓰면 된다고. 그러나 이런 식의 무의미한 접근은 내가 가야할 길이 아니라고 느꼈다. 인생에서 가치 있는 일을 찾아야 했다. 그때 발견했다. 혁신, 도전, 열정이 정말 실천되고 있는 세계가 있다는 것을. 스타트업이라는 단어조차 생소했던 시기였다. 심지어 IT라는 분야를 그 전까지 제대로 공부해 본 적도 없었다. 스타트업의 "ㅅ"도 모르던 내가 이 세계에 적응할 수 있는 방법은 뛰어난 사람들과 함께 시작하는 것 뿐 이었다. 온갖 미사여구로 괜찮은 연봉과 복지를 내세우는 기업도 꽤 있었다. 그러나 나에게 가장 중요한 건 "내가 성장할 수 있는지"와 “구성원”이였다. 꽤나 당연한 조건으로 기업을 찾았음에도 불구하고 찾을 수가 없었다. 그러다가 첫 스타트업으로 선택한 게 라우드소싱 이라는 작은 팀이었다. (찾게 된 과정에 대해서는 다른 글을 통해 소개하겠다) 안정적인 연봉도 없고, 확실한 미래도 없었지만 내가 이 팀과 같이 해야겠다 결정한 건 "권진" 이라는 단 한 사람 때문이었다. 모든 기업이 그렇지만 누구나 회사에 합류하면 3개월간의 수습기간을 거친다. 스타트업이라고 예외는 아니다. 오히려 더 냉정하게 자신을 되돌아 보는 시간을 가져야 한다. 나는 내 스스로를 입증하고 싶었다. “제가 3달 안에 이 회사가 성장할 수 있는 계약들을 가져오겠습니다. 그 정도 능력도 발휘 못한다면 제 발로 나가겠습니다” 3달 동안 권진은 일에 대해서 전혀 간섭하지 않았다 . 팀워크에 있어서 가장 중요한 부분은 신뢰라고 생각한다. 하지만 신뢰라는 부분이 친하다고 해서 혹은 비전과 목표가 같다고 해서 생기는 것이 아니다. 각자의 위치에서 최고의 성과를 목표로 내고, 한계를 뛰어넘어 성장하는 모습을 보여줄 때 강력한 신뢰가 생긴다. 서로가 같이 일하고 싶은 마음을 만들어 주는 것.이게 팀워크의 핵심이다. 나는 나대로 권진은 권진대로 각자가 맡은 일들을 완벽하게 수행했고, 우리는 그 일들을 하나의 사업으로 만들어 갔다. 그는 나에게 따로 주저리 주저리 피드백을 하지 않았다. 하지만 행동으로 결과물의 중요성을 보여주었고, 나는 3달동안 7건의 B2B 계약을 성사시켰다.애초에 같이 할 사람을 정할 때는 모든 부분을 면밀히 살피고 고민해야 하지만, 내가 같이 하기로 결정 했다면 상대가 최고의 결과물을 낼 수 있도록 믿어주는 것. 내가 배운 첫번째 교훈이었다.실력을 보여주었다고 환상적인 Fit일까? 누구든 본인이 만들어 내는 결과물을 혼자만의 능력이라고 오판하기 쉽다. 내가 영업처를 설득하고, 계약서를 체결해 왔기 때문에 내가 없었으면 이 계약도 없었을 것이다. 감각적이고 환상적인 디자인을 뽑아냈는데 이건 순전히 나의 재능에 의한 것이다. 팀원들이 이런 생각들을 하기 시작한다면 그 팀은 단시간 내에 모래성처럼 무너질 것이다. 권진은 개인이 만들어 내는 결과물도 팀원들이 각자의 분야에서 해 온 노력들의 최종산출물이라고 생각한다.영업처를 설득할 수 있었던 건, 우리 팀이 환상적인 서비스를 만들어 주었기 때문이다.나의 디자인은 기획팀과 마케팅팀의 노력을 하나로 담은 것 뿐이다.톱니바퀴처럼 팀원들이 맞물려 돌아가며 서로의 존재에 대해 감사함을 느낄 때 놀라운 일이 벌어진다. 내가 배운 두번째 교훈이다.권진이 지켜온 2가지 요건이 계속 좋은 사람을 팀으로 영입할 수 있었던 강력한 요소였다고 생각한다. 나의 실력을 우리 팀에 입증하는 것. 나의 결과물은 우리 팀 노력의 산물 이라는 것.권진과 함께 일하며 느낀 그의 주요한 능력은 개발도 디자인도 아니었다. (물론 이 2가지도 잘한다)팀 내의 균형을 맞추고 팀원들이 끊임없이 성장하게 도와주는데 있다. 개성 넘치는 팀원들을 하나의 비전으로 묶어서 성장할 수 있게 하는 사람을 나는 살면서 권진 이외에는 아직 본 적이 없다. 장담컨데, 만약 현재 더팀스 대표가 권진이 아니라 다른 사람으로 바뀐다면 팀원들은 전부 팀을 나갈 것이다. (연봉이 대폭 인상된다 할지라도)그래서 나는 이걸 Jin in Us 라고 명칭했다. 권진이라는 확실한 구심점 안에 개성넘치는 팀원들이 한 몸처럼 목표로 향해가는. 나는 앞으로 대표라는 역할을 할 생각이 없다. 권진 이라는 사람보다 대표의 역할을 충실히 수행할 자신이 없어졌기 때문이다.리더십이라는 분야가 있다면 그는 천재가 아닐까?내가 우리 팀에 합류시키고 싶은 사람이 있을 때면 하는 단골멘트로 이 글의 마무리를 짓는다.“우리 팀의 권진을 만나보세요. 분명히 함께 하고 싶을 겁니다”#더팀스 #THETEAMS #천재디자이너 #풀스택개발자 #CEO #리더십 #경험공유 #팀원자랑 #팀원소개 #회사의자랑

안드로이드 앱 디자인은 처음인데요안드로이드 앱 디자인 처음 접하게 되면 dp, px(픽셀), Dpi이란 말을 듣게 됩니다. 안드로이드는 다양한 스마트폰 화면 크기와 해상도를 지원하고 있기 때문에 필요한 개념입니다. 처음에는 헷갈리기 쉽지만 생각보다 어렵지 않습니다. 그리고 이와 관련된 지식을 알고 있으면 디자인,개발 작업에 도움이 됩니다.스크린의 실제 단위 Pixel많이 들어봤을 법한 픽셀은 화면을 구성하는 최소 단위입니다.Pixel 단위는 화면의 전체 화면 크기와 상관없이 지정한 수치만큼 표시되는 절대적 표시 단위이므로 안드로이드에서는 Pixel보다 dp 단위를 사용하는 것이 개발이 이루어질 때 수월합니다.그 이유는 아래 DP단위 개념을 설명에서 알 수 있습니다.DPIDPI는 Dot Per Inch로 1인치에 들어가는 픽셀을 나타내는 단위입니다. 예를 들면 100DPI는 1인치당 픽셀이 100개 포함된다는 것을 말합니다. 개수가 많을 수록 고밀도이며 안드로이드에서 주요 DPI는 아래와 같습니다.DPI기준ldpi120dpimdpi160dpi (기본)hdpi240dpixhdpi320dpixxhdpi480dpixxxhdpi640dpi안드로이드의 기준 DPI는 160 DPI 입니다. 160 DPI인 경우 밀도 독립단위 DP와 PX이 같은 크기를 갖습니다. 즉, 16DPI에서는 1dp는 1px이 됩니다.다양한 디바이스 크기에 대응하기 위해 필요한 DPDP는 픽셀 독립 단위입니다.화면의 크기가 달라도 동일한 비율로 보여주기 위해 안드로이드에서 정의한 단위이며 큰 화면,작은 화면에 상관 없이 같은 크기로 나타납니다.예시1) 같은 사이즈의 애플리케이션에 Low, Medium, High-density 화면에 PX 단위로 크기를 지정했을 때예시2) 같은 사이즈의 애플리케이션에 Low, Medium, High-density 화면에 DP 단위를 지원했을 때위의 예시들을 보면 안드로이드에서 왜 DP단위를 써야 하는지 알 수 있습니다.위의 개념들을 실무에 응용DP, Px, DPI는 안드로이드 앱 디자인 할 때 꼭 알아야 합니다. 실제로 디자이너는 디자인 후 이미지를 보내줄때 해상도별로 Png파일을 보내줘야 하고 개발자도 리소스 파일을 해상도별로 관리해야 합니다.DP와 PX의 단위 변환개발을 하다보면 DP를 PX로 바꿔줘야할 경우가 있습니다. 안드로이드 레이아웃을 코드 작성 할때 는 DP를 사용할 수가 없기 때문입니다.사용하는 공식은 아래와 같습니다.px = dp * 단말 DPI/기본 160dp = px * 기본 160/단말 DPImdpi 지원 단말일 경우 dpi는 160 이므로 1dp 160/160 = 1pixel이 됩니다.xxhdpi 지원 단말일 경우, 5dp를 pixel로 계산하면5dp 480/160 = 15 pixel 이므로 xxhdpi 단말의 5dp는 15pixel이 됩니다.단위 변환을 계산해주는 도구디자이너는 가이드를 작성할 때 DP계산이 필요하고 개발자는 코드를 작성할 때 PX 계산이 필요합니다.머릿속으로 계산이 빨리 되면 상관없겠지만, 일하면서 여간 쉬운 일은 아닙니다.(숫자에 약한 디자이너라면 더더욱…!) 그래서 계산이 힘든 사람들을 위해 작업 시간도 줄여주는 도구 몇가지 소개합니다.1. Android DP/PX converter   각 화면 밀도 별로 dp 를 pixel 로 pixel 을 dp 로 간단하게 확인 해 볼 수 있다.(바로가기)2. Pixplicity DP/PX converter   각 화면 밀도 별로 pixel, dp, sp, mm, inch, pt 로 계산 값을 확인 할 수 있다. (바로가기)3. Cracker9의 Unit Converter   디자이너가 작업하면서 쓰기 유용한 포토샵 플러그인이다. (바로가기)안드로이드 앱 디자인 하실 때 도움이 많이 되셨으면 좋겠습니다.#에이치나인 #디자이너 #개발자 #협업툴 #크래커나인 #솔루션기업

'우리 하루만 더 있다 갈까?'라는 조인성의 CF 멘트. 혹시 TV에서 들으신 적 있으신가요?2017년 12월부터 대대적으로 시작하게 된 데일리호텔의 새로운 캠페인! '데일리 리워드'입니다.고객들에게 특별한 하루를 선물하기 위해 7박을 하면 1박을 무료로 제공하는 엄청난 혜택의 캠페인인데요. 많은 혜택을 드리기 위해 장기적으로 바라보는 캠페인인 만큼 함께 변화되고 새롭게 준비되어야 하는 부분도 많았습니다. 그중 하나가 앱 내에 7박하면 1박무료 '데일리 리워드'를 어떻게 노출할 것이냐 였죠. 고객들이 쉽게 인지할 수 있고 주목도가 높을 수 있도록 새로운 브랜딩과 심볼이 필요했습니다.데일리호텔 기존의 스탬프 모습'데일리 리워드'캠페인이 시작되기 전 기존의 스탬프 모습입니다. 스탬프라는 혜택은 잘 전달되지만 라인으로 디자인되어있어 주목성이 떨어지며, 숙박/비숙박의 구분이 불명확하다는 게 문제였습니다.해서 브랜딩 작업을 들어가기 전 기존의 스탬프를 보완하기 위해 어떤 것을 고려하고 어떤 디자인 방향을 가져갈지 우선적으로 파악했습니다.첫 번째. 로고타입이라면 어떤 폰트를 사용할 것인가?두 번째. 심볼이라면 어떤 심볼을 사용할 것인가?세 번째. 어떤 컬러를 사용할 것인가?01 로고타입이라면 어떤 폰트를 사용할 것인가?기존에 '데일리호텔, 데일리고메'라는 서비스명을 가지고 있었기 때문에 '데일리 리워드'라는 워딩을 노출하였을 때 캠페인이 아닌 새로운 서비스/브랜드로 보이는 것을 방지해야 했습니다. 해서 획기적이게 변형시킨 로고타입보다는 기존 데일리 로고타입을 활용해서 어우러지는 로고타입을 개발해야 했죠.로고타입을 개발하는 단계 (왼쪽부터 첫번째 단계)1차로 'DAILY'로고와 비슷한 폰트를 나열합니다. 여기에는 로고와 동일한 폰트와 데일리 지정 폰트도 포함되어 있습니다. (가장 왼쪽 위 두 가지)2차로는 첫 번째에서 가장 적합하다고 생각한 폰트들을 'DAILY'로고와 함께 나열해봅니다. 3차에서는 2차에서 선택한 폰트를 두께별로 베리에이션 하고 가장 적합한 로고타입을 선택합니다.하지만 앱 내에 'DAILY Rewards' 풀네임을 적용하기에는 너무 많은 공간을 차지하며 'Rewards'에 비해 'DAILY'로고의 자간이 넓어 비율적으로 보기 좋지 않은 문제가 있었습니다. 때문에 풀네임의 로고타입과 앱 내에 적용되는 로고타입을 따로 가져가는 것을 원칙으로 정하고 이를 활용 가이드에 포함시키기로 합니다.02 심볼이라면 어떤 심볼을 사용할 것인가?대게 소셜커머스의 경우 중점으로 미는 서비스/캠페인들을 로고타입으로 많이 표기합니다. 이는 한눈에 타이틀을 가독성 좋게 전달할 수 있는 방법이죠.소셜커머스의 서비스 로고타입들하지만 데일리의 경우 '데일리 리워드'의 심볼을 추후에 스탬프처럼 모아서 보여주는 하나의 화면도 필요했고 업장 리스트, 상세화면, 예약화면, 결제화면 등등 대부분의 모든 화면에서 심볼을 노출할 예정이었기에 로고타입보다는 간소화된 심볼이 필요하다는 게 다른 점이었습니다. 그리고 이 심볼은 눈에 짤 띄는 덩어리적인 요소여야 했죠. 해서 이 심볼이 어떤 쉐입으로 제작되어야 할지 키워드를 추출합니다. 뱃지, 딱지, 스티커덩어리로 표현할 수 있되 재미요소와 스토리를 부여할 수 있는 키워드여야 했습니다. 그리고 이 키워드를 중점으로 쉐입을 잡습니다. 로고타입의 심볼형태축소형의 심볼형태여기에서 가장 실질적으로 많이 노출될 예정인 축소형의 심볼형태에 들어가는 요소 선정도 중요했습니다. 'DAILY'의 'D'를 사용할 것인지, 'Rewards'의 'R'을 사용할 것인지 정해야 했죠. 그리고 추가적으로 알파벳이 아닌 아이콘이 들어가는 심볼도 제작해봅니다. 이 과정에서는 어떤 아이콘을 적용할 것인지 또 한 번의 키워드 추출이 필요했어요.심볼형태에 들어가는 아이콘 키워드 도출1차로 '데일리 리워드'에 연상되는 단어를 나열합니다. 2차로는 경쟁사와 연관된 단어와 이중적인 뜻을 지니고 있어 혼동될 수 있는 단어를 제외시킵니다. 예를 들어 왕관의 경우 '리워드'의 단어도 표현할 수 있지만 '최고'라는 단어 성격도 지니고 있어서 리워드가 아닌 멤버십 등 단계를 표현하는 의미로 오인지 될 수 있는 성격을 지니고 있어 제외하였습니다. 3차로는 '데일리 리워드'에 추후로 추가될 캠페인들(예를 들어 시크릿 가격 같은)도 함께 아우를 수 있는 단어를 최종으로 선정합니다. 아이콘을 적용한 축소형 심볼형태타 디자이너 및 유관자분들과 논의 후 일부를 나타내는 아이콘의 심볼형태와 추후 더 큰 개념으로 확장할 수 있는 'DAILY'의 'D'보다 'Rewards'를 직관적으로 표현하는 'R'자를 사용하는 것이 가장 적합할 것 같다는 의견을 수용하여 'R'을 사용한 축소형 심볼을 최종적으로 선택하기로 결정합니다.또한 기존에 '스탬프'였던 네이밍을 새롭게 제작된 쉐입에 맞추어 '스티커'로 변경하기로 결정합니다.최종 결정된 '데일리 리워드' 심볼03 어떤 컬러를 사용할 것인가?컬러 선정에서 중요한 점은 앱 내에서 주목도가 높으면서 이질적이지 않은 컬러여야 하는 것이었습니다. 해서 데일리의 메인 컬러인 버건디와 서브 컬러인 골드와 함께 적용해가며 테스트를 해보았습니다. 메인/서브 컬러와 함께 적용해본 예시앱내에 적용시켜본 컬러 예시그리고 이 컬러들을 앱 내에 노출될 화면 일부에 적용해보았죠. 여러 가지 컬러를 적용시켜보고 실제 핸드폰의 작은 화면에서도 확인해보는 등의 시뮬레이션을 거친 후 최종적으로 주목도가 높은 옐로우 계열을 사용하는 것으로 결정이 됩니다. 최종 결정된 '데일리 리워드' 컬러04 최종단계 - 가이드이렇게 제작된 '데일리 리워드'심볼은 여러 매체 및 상황에 적용되었을 때 일관된 비주얼을 표현할 수 있도록 가이드 제작 과정을 거칩니다. 앱 이외에 온/오프라인 채널에 사용되는 로고타입앱 이외에 온/오프라인 채널에 사용되는 로고타입사이즈 규정, 금지 규정, 컬러 규정 등의 가이드를 제시하고 앞서 말했듯이 앱 내 이외에 온/오프라인 채널에 사용되는 로고타입의 경우도 가이드에 포함시킵니다. (위 이미지 참고)실제 적용된 화면이렇게 완성된 '데일리 리워드' 심볼은 이벤트 페이지 및 UI 곳곳에 적용시켜줍니다. (UI에 적용시키는 과정기는 추후에 Product팀에서 다뤄주실 예정이에요.)본 프로젝트는 정말 장기적인 프로젝트로 어떻게 캠페인을 운영할 것인가에 대한 정책부터 프로덕트, 디자인, 컨시어지 등등 많은 타 팀들과의 조율이 필요했습니다. 많은 시간과 시행착오를 거쳐 내놓은 캠페인인 만큼 고객님들이 데일리와 함께 특별한 날들을 보낼 수 있기를 바래봅니다! :)기획/진행 : Creative팀작성자 : Creative팀 Blair Ahn#데일리 #데일리호텔 #디자인팀 #디자이너 #디자인철학 #인사이트