1) 전체 강좌 오버뷰 강의


Daum1강 2014 교재용_소셜미디어얼마나알고계세요 from Sue Hyun Jung






2) 아주 간단한 SNS 체크하기

Facebook / Google / Naver / Daum / Kakaostory / Yahoo



3) SNS 트랜드 워크숍 자료

SlideShare Homepage


온라인 DB 구축 (슬라이드쉐어) 

http://www.slideshare.net



Slid.es Screenshot2


가벼운 슬라이드 느낌으로 슬라이드 만들기 

http://www.slid.es 



The new-look sets lay-out


1TB 사진앨범 만들기 + 공유

http://www.flickr.com



  • Typeform screenshot



  •  

    온라인 신청 폼 (Typeform)

    http://www.typeform.com




    디자인 프로그램 Canva 

    http://www.canva.com



    Posted by HAPPY CITY





    디자인이 좋으면 뭐든게 잘되는 것 같다.



    SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유 from Sue Hyun Jung


    <웹 디자인> 워크숍 

    Chapter1 보이는 커뮤니케이션 '디자인 기획 + 디자인 기법' 

    Chapter2 디자인 인사이트 제작물 사례와 잘 만들어진 케이스보기 

    Chapter 3 디자인 재료 찾기 : 패턴, 텍스처, 일러스트, 폰트, 이미지 

    Chapter 4  디자인 도구 이해하기 : canva, pixlr



    Chapter1 보이는 커뮤니케이션 '디자인 기획 + 디자인 기법' 


    ● 구글 크롬 설치 ▶ 다운로드 설치


    Chapter2 디자인 인사이트 제작물 사례와 잘 만들어진 케이스보기 


    ● 웹포스터 국내사례 FLICKR HERE

    ● 웹포스터 해외사례 핀터레스트 HERE

     타이포 디자인이란 http://www.typographicposters.com/

    ● 슬라이드쉐어 www.slideshare.net

     76개 회사의 브랜드 디자인 http://metabranding.blog.me/220012044862



    Chapter3 패턴, 텍스처, 일러스트, 폰트, 이미지 


    배경(텍스처) 찾기

    - 구글, 플리커 등에서 'Textrue' 검색

    - http://www.cgtextures.com/

    - http://minimalwall.com/


    이미지 찾기

    - Flickr http://www.flickr.com 

    - 나만 알고 싶은 고퀄리티 이미지 35개 


    아이콘, 벡터, 일러스트

    - 디자인 패턴 http://www.freevectors.net/ 

    - 일러스트, 벡터, 디자인 소스 http://www.freepik.com

    - 예쁜 아이콘 모음 https://www.iconfinder.com/


    폰트

    - 타이포 디자인이란 http://www.typographicposters.com/

    - 한글폰트 http://software.naver.com/software/fontList.nhn?categoryId=I0000000

    - 영문폰트 http://www.dafont.com

    - 배달의 민족 '한나', '주아'체 http://www.woowahan.com/?page_id=3985


    브랜드 칼라 (웹 #6자리 코드)




    - 브랜드 칼라라는 것은 무엇일까요? 삼성, 네이버, 카카오톡... 하면 떠오르는 색깔은?

    - 우리 기관/ 프로젝트/ 서비스를 대표하는 칼라 찾기

    - 웹은 6가지 숫자로 색깔을 통한다. #ffffff (흰색), #000000 (검은색) 

    - 멋진 칼라 찾기 http://paletton.com/

    - 화면에서 찾기 http://www.colorzilla.com/



    Chapter4 디자인 도구 이해하기 : canva, pixlr, infogram 



    - 디자인도구 Canva www.canva.com



    - 디자인도구 PIXLR www.pixlr.com



    Posted by HAPPY CITY



    ● 팀 멤버십 노트 작성하기 ▶ NOTE HERE


    무료 고퀄리티 사진 35개 사이트 

    http://trendw.kr/design/201406/12668.t1m


    영문 폰트 사이트 모음 

    http://www.fbml.co.kr/2014/03/28/2014-top-100-free-font/


    한글 폰트 사이트 모음

    http://software.naver.com/software/fontList.nhn?categoryId=I0000000


    배경 texture 모음

    http://minimalwall.com/


    아이콘 모음

    http://www.iconfinder.com


    1. canva

    http://www.canva.com



    2. 온라인 포토샵 pixlr

    http://www.pixlr.com



    3. 온라인 DB 구축 (슬라이드쉐어) 

    http://www.slideshare.net



    4. 사진 공유 (플리커)

    http://www.flickr.com



    5. 프레지


    [프레지 기본 개념 개념]
    1) 콘텐츠 소스 (텍스트, 이미지, 동영상) 
    2) 장면 설정 (프레임), 화면비율 (4:3 / 16:9) 
    3) 순서 설정 (패스 > 에니메이션) 




    Posted by HAPPY CITY


    ● 팀 멤버십 노트 작성하기 ▶
    NOTE HERE






    * 실시간 유통 - 

    Facebook, Google Plus, Twitter, Mailing


    * 미디어 유통 - 

    Instagram, Kakao Story, Pinterest, Youtube, Flickr


    * 기록형 유통 - Blog, Slideshare, Official Website

    콘텐츠 작성, 데이터 구축, 검색을 위해 꼭 필요한 블로그 마케팅. 마케터라면 능수능란하게 만들어가야할 블로그 삼형제(네이버 블로그, 티스토리 블로그, 미디엄)를 소개하고 각자의 기능과 특색에 맞는 미디어 활용 기법을 공유합니다. 더불어 함께 블로그를 세팅한 후에 콘텐츠력을 높여주는 Embed 프로그램을 실습합니다. (설문, 행사신청 폼 만들기 Typeform, 온라인 PPT를 위한 Slideshare, 영상 미디어 채널 구축을 위한 Youtube  활용법)



    [블로그 기획]

    www.mind42.com



    티스토리홈


    티스토리는 자유도가 높은 매니아형 블로그인만큼

    가입도 '초대장'이 있어야 해요!






    <참고자료> 티스토리 세팅 매뉴얼 / IT ProBono@Daum


    1. 티스토리 블로그 가입하기 - 메일로 초대장 전송, 가입 진행   

    2. 관리자(수정 화면 들어가기) - http://0000.tistory.com/admin 또는 단축키 Q

    3. 관리자 화면 이해하기 - 5개의 수정 섹션 

    4. 블로그 타이틀과 URL 입력하기 

    5. 카테고리 (내용 폴더) 만들기 

    6. 핵심메뉴 (header) 만들기 - 헤더 로고는 디자인 예정

    7. 스킨 선택 (기본) 및 배경과 타이틀 영역 꾸미기 - '기본 스킨' (2단) 



     블로그 구조 이해 및 세팅 



    1. 관리자 화면 접속하기 

    2. HTML / CSS 화면 보기 

    3. '레이아웃' 4가지 내용 고쳐주기 (Ctrl+F 검색

    1) #container   740 -> 960

    2) #content  540 -> 700

    3) #sidebar  190 -> 240

    4) .article 500 -> 660


    사진 올리고 꾸며보기

    * 좋은 이미지 모아놓은 사이트 (저작권 걱정 No!) 


    1. LITTLE VISUALS ( littlevisuals.co/ )
    2. UNSPLASH ( unsplash.com/ )
    3. Picjumbo ( picjumbo.com/ )
    4.GRATISOGRAPHY ( gratisography.com/ )
    5.FREE REFE MOBILE PHOTO ( getrefe.tumblr.com/ )
    6. Splitshire ( splitshire.com/ )
    7. New Old Stock ( nos.twnsnd.co/ )
    8. Function free photos ( wefunction.com/category/free-photos/ )
    9. Superfamous ( superfamous.com/ )
    10. IM Free ( imcreator.com/free )



    Posted by HAPPY CITY




    디자인이 좋으면 뭐든게 잘되는 것 같다.



    SMLab 디자인스쿨 - 보이는 커뮤니케이션, 디자인 패턴과 사례, 제작도구 정보공유 from Sue Hyun Jung


    <웹 디자인> 워크숍 

    Chapter1 보이는 커뮤니케이션 '디자인 기획 + 디자인 기법' 

    Chapter2 디자인 인사이트 제작물 사례와 잘 만들어진 케이스보기 

    Chapter 3 디자인 재료 찾기 : 패턴, 텍스처, 일러스트, 폰트, 이미지 

    Chapter 4  디자인 도구 이해하기 : canva, pixlr, infogram 

    Chapter 5 웹 홍보물 만들기 



    Chapter1 보이는 커뮤니케이션 '디자인 기획 + 디자인 기법' 


    ● 구글 크롬 설치 ▶ 다운로드 설치

    ● 파일저장은 드롭박스 설치 ▶ 가입하고 이용하기


    Chapter2 디자인 인사이트 제작물 사례와 잘 만들어진 케이스보기 


    ● 웹포스터 국내사례 FLICKR HERE

    ● 웹포스터 해외사례 핀터레스트 HERE

     타이포 디자인이란 http://www.typographicposters.com/

    ● 슬라이드쉐어 www.slideshare.net

     76개 회사의 브랜드 디자인 http://metabranding.blog.me/220012044862



    Chapter3 패턴, 텍스처, 일러스트, 폰트, 이미지 


    배경(텍스처) 찾기

    - 구글, 플리커 등에서 'Textrue' 검색

    - http://www.cgtextures.com/

    - http://minimalwall.com/


    이미지 찾기

    - Flickr http://www.flickr.com 

    - 나만 알고 싶은 고퀄리티 이미지 35개 


    아이콘, 벡터, 일러스트

    - 디자인 패턴 http://www.freevectors.net/ 

    - 일러스트, 벡터, 디자인 소스 http://www.freepik.com

    - 예쁜 아이콘 모음 https://www.iconfinder.com/


    폰트

    - 타이포 디자인이란 http://www.typographicposters.com/

    - 한글폰트 http://software.naver.com/software/fontList.nhn?categoryId=I0000000

    - 영문폰트 http://www.dafont.com

    - 배달의 민족 '한나', '주아'체 http://www.woowahan.com/?page_id=3985


    브랜드 칼라 (웹 #6자리 코드)




    - 브랜드 칼라라는 것은 무엇일까요? 삼성, 네이버, 카카오톡... 하면 떠오르는 색깔은?

    - 우리 기관/ 프로젝트/ 서비스를 대표하는 칼라 찾기

    - 웹은 6가지 숫자로 색깔을 통한다. #ffffff (흰색), #000000 (검은색) 

    - 멋진 칼라 찾기 http://paletton.com/

    - 화면에서 찾기 http://www.colorzilla.com/



    드로잉도구

    - 자유롭게 그려보자 http://paintsomething.co/

    - 풍부하게 그려보자 http://mudcu.be/sketchpad/




    Chapter4 디자인 도구 이해하기 : canva, pixlr, infogram 



    - 디자인도구 Canva www.canva.com



    - 디자인도구 PIXLR www.pixlr.com



    - 인포그래픽 차트 www.infogr.am





    - 동적인 느낌 + 디자인 www.slid.es



    - 웹에 디자인 입히기 맵핑도구

    온라인 이미지맵핑 도구  http://maschek.hu 


    * 코드 만들기


    이미지 코드 불러오기 

    <img src="이미지URL">


    이미지 코드 + 링크 

    <a href="이동할주소">

    <img src="이미지URL">

    </a>


    [코딩의 예]

    <map id="imgmap2013612173425" name="imgmap2013612173425"><area shape="rect" alt="다음 홈페이지" title="" coords="48,65,301,240" href="http://www.daum.net" target="_self"><area shape="rect" alt="네이버 " title="" coords="327,66,447,144" href="http://www.naver.com" target="_blank"><area shape="rect" alt="SMLab" title="" coords="327,159,446,237" href="http://smlab.org/108" target="_top"><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>


    <img src="https://t1.daumcdn.net/cfile/tistory/0275403751AE821A05" usemap="#imgmap2013612173425">




    - 웹에 적용해보기 http://fiddlesalad.com/html/




    Chapter 5 웹 홍보물 만들기 


    1. A4에 간단히 손으로 그려봅시다. 

    2. 필요한 재료들을 모아봅시다. 

    3. 디자인 도구를 이용해 제작 시작!

    4. 웹 코드를 입혀서 메일로 발송해봅시다. 




    Posted by HAPPY CITY




    중부여성발전센터와 SMLab이 함께하는 온라인 마케팅 강좌, 2014 수업에 오신 것을 환영합니다. 매번 수업마다 네트워킹 노트가 필요합니다. 아래 링크를 수업전에 늘 클릭해주세요. 


    수업 5강 커리큘럼


    Posted by 미디어교육SMLab



    잘 만든 블로그와 SNS의 결합물로 이제 본격적인 콘텐츠 활동을 시작해봅니다. 파워블로거 100인이 한 입 모아 이야기하는 “꾸준히 하기"를 위한 콘텐츠 편성표를 같이 만들어보고, 실습 시간에 배웠던 도구들을 활용하여 최종 결과물을 완성합니다. 기초적인 홍보 가이드라인을 통해 내가 만든 콘텐츠를 어떻게 바이럴로 확산할 수 있는 지 선수들의 홍보 노트를 배우고 간단한 실습을 통해 홍보 체계를 세웁니다. 파워블로거들의 습관 10가지를 통해 우리가 만든 SNS 채널이 흥왕하기 위한 네트워크 마케팅 방법론을 공유합니다.


    돌아보기 /

    1강 : 나는 누구인가, 나는 무엇을 이야기하려 하는가 Story Identity

    2강 : 어떻게 구체화할까, 어떤 카테고리로 설득할까 Channel Branding

    3강 : 자신의 미디어 채널 만들기 Owned Media

    4강 : 모든 것을 블로그에 연결하기 Blog + SNS

    5강 : 어떻게 콘텐츠를 꾸준히 만들까. 채널을 어떻게 관리할까 Management





    1) 나의 주제를 Blog + Facebook + Network 로!!




    2) "네트워크 크기 키우기" 페이스북 + 카카오스토리




    * 관심있는 페이스북 페이지 + 그룹 20개 연결

    - 내가 받고 싶은 주제가 모여 있는 곳들을 찾기

    - 나의 이야기를 전달할 곳들을 찾기


    * 잘 운영되고 있는 BEST 페이스북 페이지

    사람바이러스 https://www.facebook.com/ilikebetter

    더나은세상 better https://www.facebook.com/ilikebetter

    Wework https://www.facebook.com/WeWork



    * 내 블로그 스토리가 발행되는 페이스북 '페이지'

    - 타이틀은 블로그 주제와 같도록

    - http://www.facebook.com/pages



    * 라이크박스 블로그에 연결하기

    https://developers.facebook.com/docs/plugins/like-box-for-pages/



    카카오채널 만들기




    * 카카오채널 베스트 운영사례

    - 박원순 시장님 카카오 채널 https://story.kakao.com/ch/wonsoon

    - 소셜다이닝 집밥 https://story.kakao.com/ch/zipbobnet

    - 꿈꾸는 디자인 https://story.kakao.com/ch/ggumdi


    * 카카오채널 만들기

    - https://ch.kakao.com/login


    * 티스토리에 '환영 페이지' 만들고 카카오채널로 발행하기

    - http://www.facebook.com/pages








    3) 파워블로그 10가지 습관





    4) 외부 페이지에서 내 블로그로 들어올 수 있도록 '인바운드 작전'


    - 보도자료 쓰기

    위키트리(free)와 뉴스와이어(professional)






    http://www.wikitree.co.kr



    - 검색엔진에 등록하기

    네이버 검색 등록 https://submit.naver.com/

    다음 검색 등록 https://register.search.daum.net/index.daum

    구글 사이트 등록 https://www.google.co.kr/intl/ko/add_url.html



    - 바이럴 만드는 SNS 쓰기

    페이스북, 트위터, 카카오스토리... 사람들이 공유하고 언급하면서



    - 이메일 보내기 (뉴스레터)

    수신자 리스트 만들기


    - 좋은 콘텐츠가 제일 중요!!!!

    공유하고 싶게

    추천하고 싶게

    간직하고 싶게

    언급하고 싶게

    이용하고 싶게


    Posted by 미디어교육SMLab




    블로그에 기능을 업데이트 해봅시다. 블로그를 넘어 다양한 사람들의 의견을 수렴하고 (form), 일정을 공유하고(calendar), 자료를 시각화하고(slides), 홍보 동영상을 만들고(movie+youtube), 미디어 홍보자료도 만들어보고(prezi), 인포그래픽으로 재밌는 효과도 주고(inforgram), 사이드바 배너도 만들고(pixlr), 뉴스레터에 보낼 이미지맵(imagemap)까지 도전해봐요!



    4강의 핵심

    모든 것을 블로그와 연결하라





    1. 온라인 DB 구축 (슬라이드쉐어) 

    http://www.slideshare.net


    -  마음에 드는 멋진 PPT를 구경하고 하나를 선택하기  

    -  share > embed > 본문에 복사 



    2. 온라인 잡지는 E-Book (ISSUU)

    http://www.issuu.com



    3. 가벼운 슬라이드 느낌으로 '사이드바 배너' 만들기 

    http://www.slid.es 


    -  화면 이해 및 사이드바 제작  

    -  share > embed > 본문에 복사 



    4. 캘린더 일정 공유 (다음 캘린더)

    http://calendar.daum.net


    -  캘린더 프로그램 이해, 일정 입력해보기

    -  캘린더를 공개로 만들기

    -  캘린더 내보내기 > html > 본문에 복사  



    5. 로드뷰를 지도 안내 화면으로! 다음 로드뷰

    http://map.daum.net


    - 주소 입력 후 로드뷰 클릭

    - 지도 공유 선택 및 코드 복사 

    - 500 숫자를 650으로 바꾸기  



    6. 1TB 사진앨범 만들기 + 공유

    http://www.flickr.com


    - 플리커와 친해지기 

    - 사진 올려보기  

    - 사진 HTML로 가져오기

     


    7. 온라인 신청 폼 (Typeform)

    http://www.typeform.com


    - 즐거운 입력 폼 만들어보기

    - embed로 가져오기 




    8. 아이디어 & 의견 모음 (리노잇)

    http://www.linoit.com


    적용 예

    http://linoit.com/users/socialjung/canvases/smlab



    9. 더 잘 표현해 보아요. 정보 시각화 

    인포그램 http://www.infogr.am






    인포그램 http://www.infogr.am







    10. 홍보 자료 만들기 프레지 www.prezi.com 




    3분만에 Prezi 이해하기 

    http://prezi.com/ivmoz4wv-yzq/3-prezi/


    우리 기관/사업 홍보 자료 만들기

    http://prezi.com/saglibals41i/presentation/





    * 광고 동영상 만들기 <Friends of Class>


    1) 로드뮤비 다운로드 (app) 

    2) youtube 업로드 

    3) 본문에 share 하기 


    Posted by 미디어교육SMLab




    온라인 마케팅에서 '블로그'는 빼놓을 수 없는 중요한 '기지'(basecamp)가 됩니다. 기업의 자료와 사업 내용을 데이터화해서 검색을 유도하는 '아카이브', 행사와 소식을 바이럴로 풀어내는 '스토리텔링', 수많은 이들의 구독과 이웃으로 연결하는 '네트워크' 기능까지. 블로그가 온라인 마케팅의 절반을 차지한다고 해도, 기본기라고 해도 과언이 아니지요. 한국에서 온라인 마케팅할 때 소위 두 개의 탑이라고 하는 '티스토리 블로그'와 '네이버 블로그'를 함께 세팅하고 각 매체의 특징에 맞게 활용하는 법을 공유합니다.



    두 개의 탑, 

    티스토리 블로그와 네이버 블로그 강점


    | 티스토리 > 자유롭게 내 마음대로 멋지게!

    |  네이버 > 많이 노출될 수 있도록 꼼꼼하게 관리용! 




    티스토리 블로그 세팅하기 


    티스토리홈



    1단계 : 티스토리 가입 및 블로그 세팅


    티스토리는 자유도가 높은 매니아형 블로그인만큼 가입도 '초대장'이 있어야 해요!


    ▼ 시작 전 워밍업, 블로그 구조 이해하기 




    ▼ 티스토리 초대장 받으면 어떻게 세팅할까








    <참고자료> 티스토리 세팅 매뉴얼 / IT ProBono@Daum



    2단계 : 관리자 화면 이해하기 


    - 관리자 화면으로 바로 가기 단축키 'Q' 버튼

    - 5개의 주요 메뉴 이해하기 

    - 환경설정 > 기본 정보 : 블로그 타이틀과 주요 내용, 프로필 설정하기 



    3단계 : 카테고리 설정하기  


    - 블로그 기획 '메뉴 세분화'에서 정했던 내용을 카테고리로 옮기기




    4단계 : 스킨 설정하기 & 꾸미기   


    - 관리자화면 > 꾸미기 > 스킨 

    - <기본스킨  확장형>으로 선택하기 

    - 스킨 위자드 (Header는 칼라색으로) 



    5단계 : 플러그인 & 사이드바 


    - 플러그인 활성화를 통해 기능을 추가하기 

    - 빈 줄 표시 활성화 20px > 10px

    - 태그 입력기 활성화 > 사이드바로 이동

    - 사이드바 '모듈' 이해 

    - 자유롭게 모듈 구성해보기 

    - Youtube 영상 사이드바에 삽입하기 





    (출처 : yongury.tistory.com)



    유트부에서 영상 가져오기 https://www.youtube.com



    6단계 : Header 꾸미기  


    - Header Design 파일을 티스토리 또는 어딘가에 올린다.

    - 이미지 주소 복사를 통해 링크를 저장해둔다.

    - 관리자 > HTML/CSS 로 접속

    - Header 코드 쪽을 아래와 같이 수정한다. 



    <a href="여기에 입력하세요">

    <img src="여기에 복사 하세요">

    </a>

    - Header 쪽 CSS 코드를 나의 메인 칼라색으로 대체한다. 



    7단계 : 본문 작성 


    - 본문 작성 노하우 공유 

    - 사진 자료를 활용해서 간단히 4개의 포스팅 하기 

    - 파일 / 사진 올리기 이용 



    8단계 : 첫 화면 꾸미기 '티에디션' 


    - 화면 구조 이해 

    - 아이템 설정 

    - 글 선택 설정

    - 디자인 설정 




    9단계 : 모바일에서도 멋지게 보일 수 있도록


    - 모바일 스킨 설정 



    10단계 :  다양한 기능 


    - 팀블로그 / 티스토리 블로거를 초대해서 여럿이 함께 블로그 운용  예) www.goham20.com


    - 글 보내기 / 카카오 스토리에 글 보내기 





    네이버 블로그 세팅하기 




    <네이버 블로그>를 잘 운영하는 법


    - 정기적으로 콘텐츠를 작성하고 발행한다.

    - 유사한 관심사를 가진 사람들과 '이웃추가'를 적극적으로, '댓글활동'을 적극적으로 만들어간다. 







    1단계 : 스킨부터 만듭시다. 


    - 디자인 설정 > 새 스킨 만들기 

    - Header 디자인도 여기에 바로 반영할 수 있어요!




    2단계 : 메뉴/글 관리


    - 카테고리를 설정해보아요. 



    3단계 : 프롤로그 설정


    - 첫 화면을 어떻게 만들까요 



    4단계 : 웰컴 페이지를 작성해봐요!


    - 친절한 블로거가 되어요.



    자유롭게 두 개의 탑과 친해집시다!





    Posted by 미디어교육SMLab






    1교시 : 블로그 카테고리 '구체화'하기 


    < 1강 참고 : 우수블로그 5가지 컨셉 >

    1) 대중이 끌리는 소재에 집중/집중/집중 - 자의 친구들은 연애를 하지

    2) 정보력으로 승부하는 - 디자인로그

    3) 팀워크로 매거진/웹진 - 고함20

    4) 스토리텔링 (리뷰/ 경험 공유) - 품절녀의 영국 귀향살이

    5) 포트폴리오와 갤러리 - 브곰이 달콤한 수다


    * 우수블로그 300인 http://www.tistory.com/thankyou/2013/



    * 네트워크 노트에 내 카테고리 기획안 링크 공유하기







    2교시 : 보여야 커뮤니케이션, 블로그를 디자인하다 




    모든 기획의 시작은, 내 마음과 생각 속에 꿈틀대는 것들을 순서없이 나열하고- 그것을 타인과 '보이도록' 커뮤니케이션하는 

    디자인 사고에서부터 입니다. 








    3교시 : 블로그 브랜딩, '컨셉' 구체화하기 



    1) 자신의 블로그(혹은 웹사이트)의 주제에 맞는 이미지 찾기


    Flickr 라는 사이트와 친해지기 http://www.flickr.com 

    저작권 걱정없는 이미지 사이트 15선 

    - 나만 알고 싶은 고퀄리티 이미지 35개 

    일러스트, 벡터, 디자인 소스 

    - 예쁜 아이콘 모음 https://www.iconfinder.com/




    2) 자신만의 Brand Color 찾기 - color scheme


    - 브랜드 칼라라는 것은 무엇일까요? 삼성, 네이버, 카카오톡... 하면 떠오르는 색깔은?

    - 우리 기관/ 프로젝트/ 서비스를 대표하는 칼라 찾기

    - 웹은 6가지 숫자로 색깔을 통한다. #ffffff (흰색), #000000 (검은색) 





    http://paletton.com




    3) 폰트는 중요해요! 나만의 브랜드 폰트 찾기 



    - 한글 폰트 모아진 곳 네이버 자료실

    - 영문 폰트 모아진 곳 www.dafont.com 

    - 기타 타이포 디자인 25선 http://skyje.com/typography-fonts/





    4) 블로그 타이틀을 디자인해볼까요.





    - 온라인 포토샵 PIXLR 이용하기 www.pixlr.com 




    1) Header 이미지  
    - 사이즈 가로 900 px / 세로 200 px 
    - 전체 색상(페인트칠), 타이틀
    - 이동도구, 자르기 도구 
    - 이미지 붙이기 
    - 저장 






    2) 프로필 이미지 

    - 180px * 180px 




    5) 유저의 마음을 사로잡는 Welcome 페이지를 를 만들어봅시다. 


    디자인 멋지게 도와주는 Canva.com 을 이용해봐요!


    (예) 키워드 > 띵크벨, 가구, 인테리어



    가구매니아들을 위한 기분 좋은 만남, 팅크벨!

    팅크벨은 무공해 천연염색으로 기분좋은 세상을 만드는 가구 전문 브랜드입니다. 공식블로그 <띵크 마인드>에서는 가구와 인테리어 매니아 들을 위한 유익한 정보를 제공해드리려고 해요!


    매일 매일 유익한 가구와 인테리어 정보, 앞서가는 트랜드 리더 분들을 위한 공식 블로그 <띵크 마인드>를 좋아요 해주세요. 꾸준히 멋진 정보를 보내드릴게요. 환영합니다. 


    >> 기분좋고, 긍정적이고, 환영하는 마인드로 공식 블로그 톤을 만들어가는 것이 중요합니다. 



    Posted by 미디어교육SMLab




    1강. 소셜미디어 프레임워크 이해와  블로그채널 기획


    소셜미디어는 어떻게 활용하면 좋을지 다양한 전략과 사례들을 ‘미디어 기획'의 관점으로 접근해봅니다. 어렵고 복잡하게 생각했던 소셜웹을 이해하고 우리 기관과 나의 사업에 적용해서 활용할 수 있는 포인트들을 강의로 공유합니다. 더불어 워크숍은 ‘소셜미디어 프레임워크'를 작성해서 사회적경제에 맞는 소셜미디어 활용 가이드라인을 작성해보고, 소셜미디어 대표주자 5인방 (페이스북, 구글, 트위터, 카카오, 인스타그램)을 세팅하고 친해지는 시간을 갖습니다.



    1) 전체 강좌 오버뷰 강의








    2) 아주 간단한 SNS 가입시간  







    3) 스토리 시대 !

    < 우수블로그 5가지 컨셉 >

    1) 대중이 끌리는 소재에 집중/집중/집중 - 자의 친구들은 연애를 하지

    2) 정보력으로 승부하는 - 디자인로그

    3) 팀워크로 매거진/웹진 - 고함20

    4) 스토리텔링 (리뷰/ 경험 공유) - 품절녀의 영국 귀향살이

    5) 포트폴리오와 갤러리 - 브곰이 달콤한 수다


    * 우수블로그 300인 http://www.tistory.com/thankyou/2013/







    4) 나의 스토리는!









    스토리텔링을 하려면 당연히 자신만의 특별한 경험이 있어야 한다. 아무도 이야깃거리를 만들어주지 않는다. 이야깃거리를 만든 좋은 예로, 스마트 폰을 만드는 국내 대기업 구매부서 입사에 성공한 A군의 사례가 있다. 자기소개서를 쓰기 위해 이 회사에서 생산하는 제품을 사서 분해를 하였다. 그리고 부품들을 일일이 바닥에 깔아놓고 부품 수를 셈하기 시작하였다. 이 과정에서 얼마나 많은 이야깃거리가 생겨났을까? 다른 지원자들이‘초일류 기업에서 최고가 되겠다’, ‘평생을 바치겠다’고 천편일률적으로 자기소개서를 썼을 것이 뻔한 상황에서 제품 분해에 대한 스토리를 풀어낸 A군의 자기소개서는 인사담당자의 시선을 사로잡았고 결국 최종합격에 성공하였다. 몇 십 만원과 몇 시간의 투자가 A군에게 평생직장을 가져다주었다.






     Google 문서도구를 이용해 만들어볼까요!



    1. 커뮤니케이션 할 주제 정하기 - 'Key Point'  태그 뽑아보기

    공간 활용, 공간 정보, 공간 디자인, 인테리어, 코워킹 오피스, 소셜미디어 공간 소개, 아웃테리어, 스타트업, 1인기업, 사회적기업 근무 환경 , 공간 콘텐츠 



    2. '타겟 & 톤' 정하기 - 어떤 사람들이 와서 보았으면 좋을지 상상해보기 

    타겟 1 ) 공간을 주로 쓰게 될 입주자 (프리랜서, 스타트업...)  

    타겟 2) 공간을 대관할 기획자, 교육자 

    타겟 3) 공유경제, 사회적경제, 혁신경제 분과 언론 

    타겟 4) 공간에서 특별한 이벤트와 강연을 기대하는 대중



    3. 블로그 제목 정하기 - '검색'에서 제일 중요해요

    공간이 미디어가 되는 프로젝트 스페이스노아  



    4. 블로그 설명 - '검색'에서 2번째로 중요해요

    스페이스클라우드는 공간들이 안 쓰는 시간을 연결해서 새로운 가치를 만들어내는 소셜벤처 사업입니다.



    5. 어떤 스토리를 쓰고 싶은가요 - 미리 정해볼까요??

    참고  디자인로그 








    5) 아이템 발표 및 자기 소개

    * 내 블로그 카테고리 (설계도/Sitemap)

    * 여기에 링크를 남겨봅시다 


    Posted by 미디어교육SMLab

    보호되어 있는 글입니다.
    내용을 보시려면 비밀번호를 입력하세요.

    보호되어 있는 글입니다.
    내용을 보시려면 비밀번호를 입력하세요.

    보호되어 있는 글입니다.
    내용을 보시려면 비밀번호를 입력하세요.

    보호되어 있는 글입니다.
    내용을 보시려면 비밀번호를 입력하세요.