서대문여성인력개발센터
스낵컬쳐 (Snack-Culture) 카드뉴스란 카드뉴스사례
스낵컬쳐 (Snack-Culture) 간편한식사인 스낵 (snack) + 문화여가 컬처 (culture) 짧은시간동안간편하게즐기는문화 시간적 경제적부담감을느끼지않는범위에서 소소하게 문화와여가를즐기려는현대인의성향을반영한사회현상을의미 스낵처럼한입에즐길수있는문화로, 대중화된스마트기기로다양한콘텐츠를소비하는것부터자투리시간을활용해일상에서보다쉽고편하게즐기는여가활동까지포괄
이젠기사도 읽는 대신 보는 시대 이해하기어렵고호흡이긴글을외면하는구독자들을붙잡기위해언론사는과감히변화를단행했고그결과, 카드뉴스 카드뉴스란? ( 카드형콘텐츠 ) 짧은글과여러장의이미지로이야기를전달하는콘텐츠의형태 현대인들의니즈 1) 작은스마트폰의화면에서가독성이있을것 2) 긴텍스트로지루하게하기말것 3) 시각적으로사로잡을것 카드뉴스
카드콘텐츠의강점 보기쉽고공유하기도쉬운 친절한뉴스 1 쉬운가독성 카드뉴스는긴문장으로이루어진기사를읽는 read 대신, 카드를밀어내며본다 see 는개념이더강함 ( 슬라이드 ) 다음카드로넘길때어떤내용이나올지예상할수없다 2 길이 5~10 개정도의사진과이미지에간략한텍스트를붙여읽는부담없이핵심만빠르게파악할 3 공유페이스북에서카드뉴스의도달율은여타콘텐츠방식에비해높은편많은서비스의마케터의관심
스토리만들기 카드뉴스스타일정하기 디자인팁 ( 폰트, 컬러, 이미지 )
카드뉴스제작법 ❶ 스토리만들기 모바일콘텐츠의특징, 긴콘텐츠는 pass 텍스트로부족하면표현할수있는이미지로대체 집중콘텐츠습득평균 9.4장정도만읽는다 ( kt 연구소 ) 10장내외로전하고싶은내용을간결하게
카드뉴스제작법 내용요약하기 Tip ❶ 최대한간결하고핵심단어위주로요약 ❷ 동사의명사화자제, 명사형완결추구 ( 매출이올랐음 매출상승 ) ❸ 큰따옴표 ( ) 는전문가의견인용, 작은따옴표 ( ) 는강조 ❹일반자료인용시 ( 사진자료 : 중앙일보 ) ❺ 띄어쓰기에주의
카드뉴스제작법 ❷ 카드뉴스스타일정하기 스토리형 이야기, 감동의마지막문구중요 정보, 키워드형 다양한디자인보다패턴이중요 마케팅, 광고형 정보 + 상품광고 ( 간접광고 )
디자인세부작업시 컨셉내용정리 이미지조사 google/ 이미지사이트 레이아웃 ( 텍스트배치 ) 전체구성완료 아이콘및세부디자인 컬러조정 표 / 다이어그램표현 완성
카드뉴스디자인체크요소 ➊ 이미지 : 이미지저작권 ➋ 컬러 (Color) : 색채의이미지값 ➌ 폰트 (Typography) : 가독성 / 저작권 ➍차트 : 통계다이어그램 ➎ 픽토그램 (ICON)
디자인체크요소 ➊ 이미지 2016년중요한콘텐츠레이아웃 / 카드형 이미지는텍스트의부수요소 or 텍스트를대체 이미지사용시 - 저작권유의 ( 출처표기명확히 ) - 꼭필요한이미지인가 확인 ( 무조건이미지를넣을필요없음 ) - 텍스트와함께배치시에는텍스트가독성유의 - 퀄리티가중요 ( 낮은퀄리티이미지는전체콘텐츠의질을떨어트림 )
디자인체크요소 ➊ 이미지 무료이미지사이트 https://pixabay.com/ http://www.shutterstock.com/ http://thepatternlibrary.com/ http://minimography.com/ http://yomiiyo.blog.me/220540771146 http://finda.photo/ http://www.pngimg.com/ http://yomiiyo.blog.me/220516188862
디자인체크요소 ➋ 컬러 컬러사용시 - 지나치게많은색의사용은정보식별을방해 - 인간의인지를고려할때사용하는색의숫자를제한 - 색은강조할때만사용하기 - 배경과같이사용하는텍스트의경우가독성을고려해컬러선택 - 배경이미지에서컬러칩을선택하면무난한컬러를얻을수있다
디자인체크요소 ➋ 컬러 컬러체크사이트 https://color.adobe.com/ https://coolors.co/ http://colorcop.net/download/
디자인체크요소 ➌ 폰트 폰트사용시 - 최대 3종류를넘지말기 : 화려체는제목만 - 고딕체는정보제공, 명조체는감성적인언어 - 타이틀 60 / 내용 40 최소 28 파워포인트 25*25기준 - Bold는폰트의 bold체사용 - 폰트의변화는내용에도영향을미친다.
디자인체크요소 ➌ 폰트 무료폰트사이트 http://hangeul.naver.com/2016/nanum http://www.woowahan.com/?page_id=3985 배달의민족체 http://www.asan.go.kr/font http://cast.yanolja.com/detail/2171 http://www.google.com/get/noto/#sans-kore-구글폰트 http://notice.hani.co.kr/view.html?sort=h&no=56 한겨례결체 http://www.pcs21.net/pocheon/sub/pocheonsub.do?key=2582 http://www.seoul.go.kr/v2012/seoul/symbol/font.html -서울체 https://www.kywa.or.kr/about/about08.jsp http://company.lottemart.com/bc/service/htmlview.do?menucd=bm0307 http://www.jeju.go.kr/jeju/symbol/font/infor.htm http://www.kopus.org/biz/electronic/font.aspx출판체 http://www.ktng.com/sangsang?mode=down
디자인체크요소 ➍ 차트 ➊ 데이터를예쁘게꾸미는것이아니라복잡한데이터를이해하기쉽게만드는것 ( 그냥복잡한그림으로만들지말고차트를이용하라 ) ➋ 데이터를시각화할때는객관적인자세로 ➌ 통계문해력 : 무엇을측정하고어떻게비교해결과를도출할지결정아무상관없는데이터들을늘어놓지말아라
디자인체크요소 ➍ 차트 차트제작사이트 차트빈 www.chartsbin.com 차틀http://www.chartle.net/ 크리에이틀리 http://creately.com/ 다이어그램리 https://www.draw.io/ DIY차트https://www.diychart.com/ 글리피 https://www.gliffy.com/ 홀리http://charts.hohli.com 러블리차트 http://www.lovelycharts.com/
디자인체크요소 ➎ 픽토그램 무료픽토그램사이트 Source.office.microsoft.com SVG(scalable vector graphic) Commons.wikimedia.org 오픈클립아트 https://openclipart.org/ 나운프로젝트 http://thenounproject.com/ Icons DB http://www.iconsdb.com 아이콘몬스터 http://iconmonstr.com 엔들리스아이콘스 http://www.endlessicons.com 플랫아이콘 http://www.flaticon.com
카드뉴스 Tip. 제작노하우
파워포인트를열어볼까요? ➊ 슬라이드마스터조절사이즈 30*30 cm 정사각형조절 (30*20) ➋ 마스터폰트를지정하면빠르게진행가능 ➌ 레이아웃결정, 요약내용을사전배치 : 스토리의진행이적절한지먼저판단, 장수조절 ➍ 필요한이미지배치 : 출처가필요한이미지는출처기입 ➎ 폰트와컬러조절 ❻ jpg 로내보내기
카드뉴스업로드
카드뉴스 TEST 자료조사 http://news.naver.com/main/read.nhn?mode=lsd&mid=sec &sid1=103&oid=081&aid=0002726369 폰트 : http://www.kopus.org/biz/electronic/font.aspx 이미지 : https://pixabay.com/ 픽토그램 : http://www.flaticon.com