김체릐

[상세페이지] 상세 페이지란 어떤 상품이나 서비스를 자세하게 소개하는 페이지 해당상품에 대한 구체적인 정보를 얻고 구매를 결정할 때 가장 중요한 요소 "고객 경로는 고객 사이의 연결성을 상징하는 5A로 재정의되어야한다." 필립코틀러 고객 경로 5A 인지(Aware) : 고객은 마케팅 커뮤니케이션, 다인의 옹호를 통해 브랜드를 인지함 -> 안다 호감(Appeal) : 고객은 여러 브랜드에서 전달받은 메시지를 처리 후 몇몇 브랜드에만 끌림 -> 좋아한다 질문(Ask) : 호기심이 생긴 고객은 미디어, 공식채널 등을 통해 적극적 조사 실시 -> 확신한다 행동(Act) : 추가 정보를 접하고 호감을 확인한 고객은 구매를 결정 -> 구매한다 옹호(Advocate) : 충성심은 유지, 재구매, 브랜드 옹호 등의 행..

■ 오늘의 학습 01. 뉴스레터는 지금 02. 결국, 기획과 글쓰기 -콘텐츠의 효용을 전달하는 방식으로 바뀜 -기업이 아닌 개인들도 뉴스레터로 하나의 매체로 사용 뉴스레터 기획 할 때 필수 질문 - 타겟(누구에게 전하고싶은지?) - 키메세지(어떤 내용을 전하고 싶은지?) - 어떻게 전달하고 싶은지? (체크리스트 + DOs & DON'ts 시트 + 무드보드 만들기) - 무엇을 기준으로 잘했다고 판단하는지? (콘텐츠 목적을 토대로 핵심성과지표 잡기, 회고하기) 뉴스레터에 필요한 글쓰기 방법론 -독자에 따라 -발행 목적에 따라 -캐릭터 유무에 따라 -콘텐츠 기획 컨셉에 따라 뉴스레터에 필요한 글쓰기 방법론 -불필요하게 명사화 하지 않기 -걸릴 수 있는 작은 돌맹이 치우기(문장 부호, 표기법 등) ** 실용서 ..

· 광고디자인 왜 페이스북 광고를 해야하는가? 페이스북/인스타는 국민 2/5가 사용하는 SNS이자 광고 플랫폼이다. 피드형 광고는 피드속에 자연스럽게 녹는 광고/광고와 콘텐츠가 구분없이 자연스럽게 노출이 된다. 정방형 콘텐츠 1:1비율 (간단하지만 다양한 표현 가능함) 페이스북 공식 광고 가이드 라인: 6가지의 이미지 비율을 사용할 수 있으나, 피드에 노출되는 광고의 경우 1:1 비율 추천 한 가지 형식에 집중해 표현법에 부담이 적음 · 광고 디자인 프로세스 광고디자인= 기획자 & 디자이너 간의 치열한 소통 -> 기획안에서 전달하고자 하는 메시지와 일맥상통하는 효과적인 그래픽을 전달하고자 하는 과정 1. 기획안 공유 & 논의 - 제작자의 기획 의도를 파악하고, 디자인 방향성을 결정하는 단계 2. 무드보드..

SNS 콘텐츠로 확장 할 때 (단위 px) · 페이스북 (1280*614 px) -아이덴티티와 무드를 유지하면서 다른 디자인도 생각해보면 좋음 -작은 요소들을 바꾸면서 변화를 주는 것이 좋음 (단조로움을 없애기 위한 작업) -메인 컬러에 맞는 색상으로 확장하는 것이 베스트 · 인스타그램 (1080*1080, 1080*1350, 1080*566 px) -인스타 특성항 이미지에는 소비자의 눈을 사로잡는 요소들을 많이 사용하고 자세한 설명은 피드에 작성 텍스트 관련 꿀팁!! · 자간 간격이 길어지면 그만큼 공간을 읽기 때문에 텍스트의 내용이 잘 들어오지 않음 - 텍스트 내용보다 공간의 디자인적 요소가 필요할 경우 자간 간격을 길게 함 - 텍스트 내용이 잘 읽히는게 중요하다면 자간은 그것보다 좁게 설정 · 주의..

■ 오늘의 학습내용 프로모션 디자인 KEY VISUAL 제작하기(1) 이미지 색감조절 배경화면 그라디언트 효과를 줘서 자연스럽게 연출하기 햄버거 이미지-> 어두운 부분을 좀 더 어둡게 하려면 번툴 사용, shadow, 노출량 조절 아래 그림자 조정까지 해주면 자연스럽게 이미지로 보정 가능 이미지 복사 후 필터->기타->하이패스 적용 후 오버레이 합성하면 뚜렷하게 조정 가능 뒤에 햄버거 이미지는 보정을 한 햄버거 앞 햄버거 이미지는 보정 전이다 확실히 보정을 한 햄버거가 먹음직스럽게 보인다!!! 키비주엘에서 중요한 타이포그래피까지 완성하니 이제 그럴싸한 프로모션 디자인 같아 보인다! 페이스북이나 인스타그램 등 SNS에서 사용할 수 있게 확장형까지 만들어 주면 끝이다. ● KEY VISUAL 디자인 [심화]..

■ 오늘의 학습내용 Key visual: (사전적 정의)광고에서 가장 중요한 포인트가 되는 한 화면, 디자인의 핵심 장면, 핵심 그림을 말함 · 소비자들이 디자인을 보고 이 브랜드가 어떤 것을 말하는지 쉽게 파악할 수 있어야 함 · 여러매체로 확장되어 있어야 광고효과가 극대화 될 수 있음 기획안 파악하기 · 고객에게 포커스가 맞아야 하고 고객이 이해하기 좋은 프로모션이여야 함 · 목적/목표/대상/혜택/혜택 제공방법/기간/디바이스를 알아야함 · 프로모션을 보고 어떤 기획을 하고 있는지 알아볼 수 있어야 함. · 기획안을 보고 프로모션 디자인 Key visual 제작하기 (실습) · 어떻게 기획안을 파악할지? 이미지와 카피를 어떻게 배치할지 생각 · 컨셉은 이 회사의 상태와 잘 어울리게 만들어야 함 / 브랜..

[가사공유] 잔나비-초록을 거머쥔 우리는 “이런 내 마음은 부르지도 못할 노래만 잔뜩 담았네 마땅한 할 일도 갈 곳도 모르는채로 꼭 그렇게 서있었네” 노래 제목만 봐도 초록색의 푸름을 느낄 수 있고 여름의 청춘을 연상시켜준다. 노래 소개를 보면 한강 공원에 누워보면 저절로 들법한 생각들을 노래로 만들었다고 기재되어 있는데, 가사를 보면 내 마음은 부르지도 못할 노래로 가득 담아 있고 마땅히 할일도 갈곳도 모르는채로 서있다고 되어있는 것이 청춘이라면 누구나 느낄 수 있는 감정들을 그려놓은 것 같다. 청춘에 대한 카피를 쓸 때 도움이 될 것 같다. 데이먼스이어-mondegreen “그대는 노래 말고 사랑이나 되어주지 왜 나를 떠나서 아픈 문장이 돼버렸나” 이 가사는 이별의 아픔을 겪은 한 사람의 마음을 헤아..

■ 오늘의 수업내용(Figma 7-8강) · 프로토타입-하나의 프레임이 어떠한 액션으로 프레임으로 넘어갈지 설정(화면전환) · 프레임 복사 (ctrl+D) · 컴포넌트-화면을 구성하는 모든 요소들(텍스트/이미지/버튼/아이콘 등등) 모든 요소를 부품으로 만드는 개념 · 아이콘 가져올 때 복사 후 detach instance (ctrl+alt+b) 설정 후 컴포넌트 실행(ctrl+alt+k) · 컴포넌트화 하지 않은 요소들을 모두 선택 후 상단에 create component set 활성-해당 요소(베리언츠)들은 하나의 그룹으로 새로운 속성 값 설정 가능 · ctrl+Alt+K (컴포넌트 실행) · 도형 복사 후 프레임 누르고 붙여넣기 하면 복사했던 동일한 위치에 붙여넣기가 됨 · 모달창은 도형이 아닌 프레..

■ 오늘의 수업내용(Figma 5-6강) · A, F : 프레임 · Clip content : 선택 해제시 아트보드 형태 내에 오브젝트가 귀속되지 않음 ( 작업할 땐 체크 후 작업하는걸 권장) · 오브젝트 그린 후 프레임을 씌우면 프레임 안에 오브젝트가 들어감 · Shift+A 오토레이아웃 적용 (개체 잡고) · 페이지에서 변경할 레이어 선택후 ctrl+R 누르면 한번에 이름 변경 가능한 옵션 패널이 생김 · Tidy up · ve · 기존에는 오브젝트를 선택했을 때 Constraints 밑에 Fixed position when scrolling 옵션 선택 가능했지만 Figma UI 업데이트 이후에는 우측 패널 상단의 Prototype 탭 선택했을 때 Scroll Behavior에서 Fixed 옵션 선택..

■ 오늘의 수업내용 (Figma 1-4강) ctrl+p (quick actions)-검색기능 F-프레임 C-코멘트 ctrl+shift+z (이전실행 한단계 앞으로 가기) R-사각형 툴 preferences-keep tool selected (툴이 무브툴로 변경되지 않고 사용한 툴 유지) ctrl+a 전체선택 O-원형 툴 펜툴 누르고 alt (앵커 삭제) 불리언 옵션은 오브젝트 2개 이상이 있어야 함 마스크 해제 단축 기능이 따로 없어서 레이어에서 오브젝트 누르고 마스크 해제 해야함 우측 하단에 있는 물음표-keyboard shortcuts-단축키 가이드 볼 수 있음 ctrl+alt+c->ctrl+alt+v (도형 속성 복사 붙여넣기/도형은 도형끼리 문자는 문자끼리 가능/동시에는 불가능) ctrl+shif..