책소개
비디자이너에게는 손쉽게 디자인 콘텐츠를 만들 수 있도록,
디자이너에게는 단순 작업의 시간을 줄여 칼퇴를 실현시키는
새로운 디자인 방법 망고보드 활용법 대공개!
인스타그램, 블로그, 유튜브, 페이스북 등 SNS채널을 운영하는데 필요한 디자인을 누구나 쉽고, 빠르게 완성할 수 있습니다.
망고보드에 대해 우리나라에서 처음 나온 매뉴얼 책
망고보드는 “누구나 디자인을 손쉽게 할 수 있는 디자인 플랫폼 망고보드. 누구나 디자이너가 된다.”
슬로건으로 디자인에 필요한 재료와 편집기, 마음대로 수정, 편집 할 수 있는 템플릿을 가지고 세상에 나왔습니다. 출시 된지 채 3년도 되지 않았는데 디자인 작업의 판도를 바꿔놓았습니다. 기획자가 디자인을 할 수 있고, 홍보를 담당하는 마케터가 카드뉴스를 만들 수 있게 한 것이죠.
망고보드는 인포그래픽, 카드뉴스, 상품 상세페이지, SNS홍보물, 포스터/전단, 프레젠테이션, 배너, 유튜브썸네일, 네임카드, 현수막, 세로배너 등 온라인, 오프라인에 필요한 모든 디자인 템플릿을 제공하여, 스낵컬쳐 세대의 소비자를 잡기위해 발 빠르게 움직여야 하는 기획자, 마케터에게 디자인의 자유를 제공하고 있습니다.
이제, 망고보드는 프로모션을 기획하고, 디자인 의뢰하고, 수정하는 과정에서 지체된 시간만큼 소비자는 다른 곳으로 시선을 돌려 소비자를 놓치지 않도록, 기획과 디자인을 일사천리로 진행할 수 있게 합니다. 그것이 망고보드입니다.
이 책은 망고보드를 처음 사용하시는 분들을 위해 망고보드의 기본적인 기능부터 차근차근 설명합니다. 또 망고보드 기존 사용자들을에게는 지나칠 수 없는 보석과 같은 기능들까지 자세히 설명합니다. 망고보드를 사용하면서 만족스럽지 않은 콘텐츠에 실망했다면, 이 책에서 많은 도움을 얻을 것입니다. 디자인 작업에 많은 시간과 비용을 들였던 디알못(디자인을 알지 못하는 사람)들도 이 책을 통해 쉽게 사용법을 익혀 쉽고, 빠르게, 마음에 드는 콘텐츠를 만들어 낼 수 있을 것입니다.
이 책을 통해 여러분은
Chapter 1에서는 “SNS콘텐츠 디자인을 위한 기초 다지기”로 SNS콘텐츠의 필요성과 그에 맞는 최적의 디자인 방법에 대해 확인할 수 있습니다.
Chapter 2에서는 “망고보드 기능 꼼꼼하게 알아보기”로 망고보드의 각 기능을 상황에 맞게 사용하는 방법과 옵션을 하나하나 짚어가며 소개합니다. 도움이 되는 팁을 더 하였으므로 망고보드의 전체 기능을 쉽게 이해하고, 활용할 수 있습니다.
Chapter 3에서는 “망고보드 더 잘 활용하기”로 망고보드의 더 깊이 있는 내용을 알아볼 차례 입니다. 다른 디자인 프로그램에서 볼 수 없는 망고보드 만이 가지고 있는 기능인 차트, 지도, 표, 워드 클라 우드 등 데이터를 더 편하게 활용할 수 있는 기능과 이미지, PDF, 동영상, GIF 애니메이션 등 다양한 콘텐츠를 완성하는 방법을 소개합니다.
Chapter 4에서는 “실전에 바로 활용하는 SNS 콘텐츠 만들기”를 통해 실전에 바로 활용하는 SNS콘텐츠 제작 방법을 경험할 수 있습니다. 현장에서 흔히 사용되는 예제를 하나씩 따라하다 보면, 망고보드의 편리함에 흠뻑 빠지는 것은 물론 콘텐츠 제작에 대한 자신감까지 두 마리 토끼를 한꺼번에 잡을 수 있을 것입니다.
모두가 디자이너일 필요는 없어요
하지만, 보기 좋은 콘텐츠는 필요해요
아마도 이 책을 읽는 당신은 디자인을 잘 모르면서도 디자인 콘텐츠를 만들어야 하거나, 디자인을 잘 하고 싶어 포토삽도 배우고, 일러스트를 배웠는데도 완성되는 결과물에 대해 영 만족스럽지 않은 분일 것입니다.
여러분은 이제 디자이너의 어깨 위에 올라탈 수 있습니다.
망고보드는 디자인에 필요한 재료들을 잘 구성해 놓아, 전문가들이 제공하는 디자인 템플릿을 수정하여 누구라도 쉽게 디자인 콘텐츠를 완성할 수 있게 하는 디자인 툴이니까요. 망고보드가 디자인의 전부는 아니지만, 디자인 초보자들과 디자인 업무 시간을 줄이려는 디자이너에게 아주 유용한 툴임은 분명해 보입니다.
이 책은 망고보드를 처음 사용하는 입문자들을 위해 망고보드의 기본 기능들을 꼼꼼하게 설명해 놓았습니다. 디자인 숙련자들을 위해서는 망고보드의 고급 기술과 시간을 절약하는 방법들을 소개합니다.
이 책이 필요한 분들은 혼자 모든 일을 해야 하는 1인 창업자·스타트업 대표님, 자신의 SNS채널을 운영하는 많은 프리랜서, 디자인을 모르는데 콘텐츠 제작 업무를 맡게 된 직장인, 자신의 분야에서 더 크게 역량을 키워나가고픈 직장인, 내용을 기획했으나 디자인을 못해 외주를 주는 기획자, 디자이너에게 내용을 설명하느라 분통 터지는 실무자, 그밖에도 컴퓨터를 잘 못 다루지만 콘텐츠 제작을 하고 싶은 모든 분들께 바칩니다. 이 책을 통해 콘텐츠 제작에 어려움을 겪는 많은 분들이 망고보드를 쉽게 활용할 수 있게 되길 바랍니다.
저자소개
망고보드 첫 강사. 망고보드가 런칭 되기 전 전시회 부스에서 망고보드를 접한 2016년부터 망고보드를 연구하고, 망고보드 강의를 시작하였다. 현재는 한겨레교육문화센터, 멀티캠퍼스, 잡지교육원에서 정규과정을 운영하고 있고, 각 기업과 학교의 초청강의를 하고 있다.
1995년 AutoCAD로 강의를 시작하여, 웹디자인, IT, SNS, 프레지, 파워포인트 등 20년 이상 다양한 컴퓨터 분야의 일을 하며, 교육영역을 확장해왔다.
노트북 하나로 무형의 지식을 유형의 상품으로 만드는 진정한 디지털 노마드의 삶을 살며 아직도 새로운 기술에 대한 호기심에 눈이 반짝하고, 귀가 쫑긋거린다.
목차
프롤로그 _ 모두가 디자이너일 필요는 없어요. 하지만, 보기 좋은 콘텐츠는 필요해요
추천의 글 _ 누구나 디자이너가 될 수 있는 안내서 / 황금 손으로 만들어 준 망고보드 가이드 / 망고보드의 신세계를 경험해 보세요 / 도전! 전문가도 부러워할 홍보디자인 / 카드뉴스를 만들기 위해 별★짓 다 해봤다
Chapter 1 SNS콘텐츠 디자인을 위한 기초 다지기
1. SNS시대, 당신의 콘텐츠 디자인 점수는?
스낵 컬처(snack culture) 따라잡기 | 모두에게 필수가 된 콘텐츠 디자인 능력 | 누구나 쉽게, 빠르게, 능숙하게
2. 디자이너 어깨 위에 올라타는 방법
망고보드 디자인 플랫폼의 마법 | 왜 망고보드일까요!! | 망고보드로 금손되기 프로젝트
3. SNS콘텐츠 크기 맞추기
채널별 콘텐츠 크기 알아보기 | 유형별 콘텐츠의 크기
4. 눈에 띄는 제목 만들기
눈에 확 꽂히는 제목의 특징 | SNS콘텐츠에 많이 사용되는 폰트 | 인기 있는 제목 강조방법 6가지
5. SNS콘텐츠에 사용하기 좋은 이미지
쉽게 구분하는 이미지 종류 | 저작권 없는 무료 이미지 사이트 BEST 5 | SNS콘텐츠에 쓰기 좋은 이미지 | 제목을 강조할 수 있는 이미지 | 복잡한 배경 조절하는 방법
6. 무료로 배경 투명하게 만드는 법
파워포인트 이용하기 | 픽슬러닷컴 이용하기 | 온라인 서비스 이용하기 | 망고보드 실험실 이용하기
7. SNS콘텐츠를 눈에 띄게 하는 색
콘셉트와 어울리는 색 찾기 | 색의 두 가지 표현 RGB와 HEX | 색상 추출 프로그램 | 좋은 색 조합 만들기 | 컬러 추천 사이트 도움 받기 | 인쇄 시 필요한 색 CMYK
Chapter 2 망고보드 기능 꼼꼼하게 알아보기
1. 망고보드 시작해 볼까요?
지금 바로 망고보드 가입하기 | 망고보드 계정 업그레이드하기 | 참 쉬운 망고보드 시작방법
2. 익숙해져야 할 망고보드 주요 메뉴
심플한 망고보드 편집 화면 | 기억해 두어야 할 파일메뉴 | 간단하게 제목 저장하기 | 모든 디자인 요소가 들어 있는 기능탭 | 모든 작업이 이뤄지는 슬라이드 | 확대하거나, 축소하거나 | 자동 안내선으로 바로 줄맞추기 | 칼 같은 정렬을 도와주는 안내선
3. 가장 기본인 망고보드 편집기능
원하는 디자인 요소 콕 집어 선택하기 | 앞뒤옆좌우 모든 정렬 | 밑에 깔려있는 디자인 요소 살리기 | 간
격 정렬은 디테일의 완성 | 빠르고 정확하게 회전하기 | 선택을 편리하게 하는 잠금 기능
4. 망고보드 슬라이드 크기 변경하기
내 맘대로 슬라이드 크기 변경하기 | 밀리미터 단위로 크기 변경하기 | 디자인 요소 함께 변경하기
5. 망고보드 텍스트 입력하기
이렇게 다양한 텍스트 종류 | 한번 클릭으로 텍스트 추가하기 | 텍스트 옵션만 써도 디자인 완성 | 폰트 쉽게 구분하기 | EXERCISE 카드뉴스 제목장 만들기
6. 망고보드 디자인 텍스트 사용하기
어마어마한 디자인 텍스트 | 맞춤형 디자인 텍스트의 비밀 | 디자인 텍스트의 변신 | 조합형 캘리그라피로 감성적으로 표현하기
7. 망고보드 디자인 요소 활용하기
보물 같은 망고보드 디자인 요소 | 필요한 디자인 요소 빠르게 찾기 | 더 똑똑하게 검색하기
8. 망고보드의 사진 활용하기
배경 있는 사진과 배경 없는 사진 | 유료와 무료 디자인 요소의 차이 | 사진에 탁월함을 더하는 필터 12가지 | 필요 없는 부분 바로 자르기 | EXERCISE 인스타그램 ‘좋은 글 콘텐츠’ 만들기
9. 망고보드 도형요소 활용하기
꼭 필요한 도형의 종류 | 내 맘대로 도형 조절하기 | 더 다양한 도형의 변신 | 원하는 색으로 도형 꾸미기
10. 망고보드 색 선택하기
예쁜 색이 가득한 기본 색상 팔레트 | 고급진 그라데이션 색상 팔레트 | 일관성 있는 색을 적용하는 가장 쉬운 방법 | 우리 회사의 색, 내가 좋아하는 색 따로 저장해놓기 | 내가 원하는 색 바로 선택하기 | 단순작업을 1/10로 줄여주는 색상 변경 기능 | EXERCISE 브랜드 색을 담은 홍보포스터 만들기
11. 망고보드 선 그리기
참으로 다양한 망고보드 선 | 기본선 만들기 | 특징만 알면 쉬운 선 조절
12. 망고보드 아이콘 활용하기
아이콘 색을 내 맘대로 바꾸기 | 아이콘 쉽게 검색하기 | EXERCISE 유치원 가정통신문 만들기
13. 망고보드 이미지 프레임 활용하기
이미지 프레임이 뭘까? | 포토샵에서 자르지 않고, 이미지 프레임에 넣기 | 이미지 프레임 속의 사진 조절하기 | 이미지 프레임 잘 활용하기 | 가변형 이미지 프레임 활용하기 | EXERCISE 인스타그램 요리 레시피 홍보물 만들기
14. 망고보드 배경 적용하기
망고보드 다양한 배경 | 망고보드 배경 적용하기
15. 망고보드 템플릿 적용하기
템플릿의 종류 | 템플릿 적용하기 | 패키지 템플릿 적용하기 | 템플릿의 일부분만 필요할 때 | 템플릿의 크기를 바꾸고 싶을 때
Chapter 3 망고보드 더 잘 활용하기
1. 망고보드 지도 활용하기
꼭 필요한 망고보드 지도 | 망고보드 지도도형의 특징 | 지도 옵션으로 더 자세히 표현하기 | EXERCISE 지도기반 인포그래픽 만들기
2. 망고보드 차트 적용하기
망고보드 차트의 종류 | 망고보드 차트 만들기 | 망고보드 차트 옵션 쓰임새 | 망고보드 차트로 만든 인포그래픽 제작 사례 | EXERCISE 인포그래픽 차트 만들기
3. 망고보드 표 만들기
망고보드 표의 특징 | 망고보드 표를 활용한 디자인 사례 | 망고보드 표 만들기 | 망고보드 표 편집하기 | EXERCISE 이벤트 당첨자 발표문
4. 망고보드 워드클라우드 만들기
워드클라우드 사용 사례 | 워드클라우드 만들기 | 워드클라우드 데이터 입력하기
5. 망고보드 이미지 다운로드하기
망고보드 이미지 다운로드 | 망고보드 인쇄용 PDF 다운로드하기 | 망고보드 인쇄용 PDF 가이드
6. 망고보드 다이나믹(움직이는 애니메이션) 만들기
망고보드 다이나믹의 특징 | 망고보드 다이나믹 옵션 | 망고보드 다이나믹 강조 효과
7. 망고보드 동영상 만들기
망고보드 동영상이란 | 망고보드 동영상의 특징 | 망고보드 동영상 만들기 | 망고보드 동영상 옵션 | EXERCISE 인스타그램에 올릴 오프닝 동영상 만들기
8. 망고보드 웹에 공유하기
유튜브 동영상 추가하기 | 하이퍼링크 기능으로 홍보 웹페이지(랜딩 페이지) 만들기 | 망고보드를 웹페이지에 활용하는 기업 사례
9. 망고보드 이미지 업로드와 즐겨찾기
이미지 업로드의 특징 | 이미지 업로드하기 | 폴더로 이미지 분류하기 | 자주 쓰는 디자인 요소 즐겨찾기에 저장하기
10. 망고보드에 엑셀 데이터 가져오기
엑셀 데이터 활용 디자인 예 | 망고보드에 엑셀 데이터 넣기 | 구글 스프레드시트에 데이터 준비하기 | 구글 스프레드시트 웹에 게시하기 | 망고보드에 데이터 연결하기 | EXERCISE 워드클라우드로 홍보물 만들기
11. 망고보드 프로기능 알아보기
프로사용자는 어떤 특별함이 있나요? | 프로만이 사용할 수 있는 폰트 | 내 폰트 추가하기 | 내 컬러 저장하기 | 템플릿 주고받기 | SVG파일 업로드하기
12. 내가 만든 템플릿 잘 관리하기
망고보드 마이페이지 | 망고보드 템플릿 관리하기
13. 망고보드 실험실 활용하기
망고보드 실험실 | 많이 쓰인 색상 6가지 | 스포이드로 색상 추출 | 배경 지우개·복구툴 | 이미지에 외곽선 넣기 | 텍스트 실험실
14. 작업 속도를 빠르게 할 수 있는 단축키
슬라이드 작업 관련 단축키 | 디자인 요소 작업 관련 단축키
15. 망고보드 저작권 확실히 알기
기본 라이선스 규정 | 반드시 알고 지켜야할 망고보드 저작권 | 저작권(라이선스) 원본
Chapter 4 실전에 바로 활용하는 SNS콘텐츠 만들기
1. 유튜브 썸네일 이미지 만들기
2. 눈길을 끄는 카드뉴스 만들기
3. 저절로 사고 싶은 상세페이지 만들기
4. 클릭을 부르는 온라인 배너 만들기
5. 인스타그램 여행 홍보물 만들기
6. 블로그 썸네일 이미지 만들기