[5/22] 18기 클래스 리뷰 #11

Chapter 3-1. 망고보드 디자인 기초

 

 

망고보드

 

무료로 회원 가입 이후에 나에게 필요시에 업그레이드 해서 유료 사용권장

(계정, 무료, 일반, 프로 - 워터마크, 저장공간, 기능의 차이)

 

시작하기 버튼 - 새로운 작업하는 공간

나의 작업 - 기존의 작업중인 공간

 

 

시작 공간 >> 빈 슬라이드 선택 - 편집기 실행 

(디자인 재료를 안에서 조립하듯 디자인을 실행, 포토샵처럼 어려운 기능이 없음)

 

 

1) 디자인 크기 설정

- 오른쪽 상단 슬라이드 크기 변경으로 너비, 높이, 단위로 변경할 것

  샘플 크기의 사이즈는 픽스되어 있으니 선택하면 됨

 

 

 

2) 제목설정

- 연필모양 >> 제목입력

 

 

 

망고보드 화면

가운데 - 슬라이드  (종이)

(옵션)

오른쪽 - 슬라이드 복사, 슬라이드 추가, 휴지통,,,

왼쪽 탭 - 디자인 재료들

 >> 템플릿 : 기존 샘플링 된 템플릿, 그래픽 : 이미지 형태의 디자인들 有, T(텍스트) : 자유로운 텍스트 디자인 활용

       배경 : 배경을 채우는 기능,  데이터 : 데이터를 기반으로 필요한 기능들, 업로드 : 내사진(로고, 상품사진들..), 

       나의 작업 : 슬라이드에서 필요한 것들을 삽입하는 기능

 

슬라이드에서 T텍스트 입력을 눌러서 기록 이후에 사이즈, 간격, 색상 조절 가능

배경 색상을 변경하고 싶을 때 - 슬라이드에서 배경을 변경!

 

 

검색화면에 내가 필요한 키워드를 검색해서 삽입 

 

움직임의 이미지 >> 움짤 활용해서 삽입 가능

 

 

 

 

4. 사진 이미지 활용하기

 

예시) 8주 과정으로 월300만원 창업 소득 만드세요

 

슬라이드에 사진을 넣을 때 

 

검색 창에 키워드 입력 (예_직장인)

 

 

이미지 사진의 배경을 지워서 사용도 가능

 

 

 

5. 벡터 이미지 활용하기

 

백터 이미지의 장점

사용하고자 하는 일러스트 느낌 >> 자신의 스타일에 맞게끔 컬러를 새로 세팅해 줄 수 있다는 것!

색깔 맞춤을 하고자 할 때 백터 이미지활용을 잘 해볼 것

 

활용 >> 그래픽 - 사진, 도형, 선, 아이콘

 

 

 

6. 컬러 활용하기

 

컬러 >> 그래픽 배경색상 

 

 

다양하게 색을 추천해주는 사이트

 

 

- 컬러헌트 사이트

>> 색 추천 사이트 

- 컬러 값을 수치로 보여줌 (

 

 

색 추출 기능

 

크롬에서 확장 프로그램 설치 必

 

홈페이지에서 추출하고 싶은 색상에서 크롬 확장프로그램에서 스포이드를 활용해서 색상을 추출해서 사용할 수 있음

 

 

7. 프레임 활용하기

 

사진을 원하는 틀에다 집어넣을 수 있는 기능

 

 

윤곽선, 보정 기능을 활용해서 사진을 다양한 방법으로 보정해서 사용할 수 있음

 

 

 

8. 다운로드 하기

 

다운로드 버튼 클릭

- 무료 PNG, JPG, PPTX

- 유료 MP4, GIF

 

- PNG 파일로 저장

- GIF 파일로 저

 

Chapter 3-2. 눈에띄는 온라인 광고

 

눈에 띄는 온라인 광고

- 요즘 트렌드 : 간결(군더더기X), 실용적(이익, 목표달성), 직관적(광고문구), 친절

 

 

 

예시)

 

 

스마트 폰 내에서 광고를 소비하는 사람들, 사회적 분위기로 인해서 

 

폰트 고딕체 + 컬러 단순 >> 간결한 형태의 디자인 완성

 

 

1. 좋아보이는 이미지

 

대표자 사진, 개발자 사진

 

 

2. 고객이 원하는 카피

 

카피 문구를 정할 때 고객이 원하는 문구, 고객의 입장에서 카피를 만들어야 함

예) 정말 맛있습니다. VS 맛이 없으면 환불 해드리겠습니다. 
고객의 관점 고려!!

 

친절하면서 고객의 이득을 강조

 

고객의 이득을 훨씬 더 강조하는 문구들 >> 직관적

 

 

 

사이트

>> 와디즈 상품 구성들 (벤치마킹 해볼 것)

 

상품의 특징, 매력 포인트, 이름 정확하게 명시 되어있음

 

 

현실적, 간결, 직관적, 칠절한 카피

 

 

 

3. CTA (Call To Action) 

- 고객이 반응하게 하는 액션!

>> ㅇㅇ을 알고 싶거나 원하시면 ㅇㅇ을 하세요! 행동을 유도하게 하는 광고

 

 

상품을 좋아보이는 이미지 + 카피 + CTA까지 준비하면 광고를 하면 효과적일 것임!