This is my talk for TEDx Youth. It's about the three lies about the teen-age that is preached by our day and age. If you want to watch the video of my talk using this Powerpoint deck, you can do so here: https://www.youtube.com/watch?v=Fo8RyQpPpUA
As humans, we never fail to think that we are highly intelligent beings, and that we are mentally superior than any other creatures found on Earth.
Well, that...... may be true.
However, we can be equally stupid and dumb too.
Worse still, we don't even realize it - in terms of how we can make erroneous judgments, decisions and choices, based on how our mind processes and filters information, as well as how our belief system works.
As intriguing and exciting this topic is to me, I find it difficult to illustrate the concepts involve, and that took me nearly 6 months to complete this work. (The Planning Fallacy in play?!) Throughout writing this deck, I've made a total of 8 major revisions before coming to this final piece.
I hope you'll find this deck both interesting and useful!
In this update of his past presentations on Mobile Eating the World -- delivered most recently at The Guardian's Changing Media Summit -- a16z’s Benedict Evans takes us through how technology is universal through mobile. How mobile is not a subset of the internet anymore. And how mobile (and accompanying trends of cloud and AI) is also driving new productivity tools.
In fact, mobile -- which encompasses everything from drones to cars -- is everything.
How to Become a Thought Leader in Your NicheLeslie Samuel
Are bloggers thought leaders? Here are some tips on how you can become one. Provide great value, put awesome content out there on a regular basis, and help others.
여성환경연대가 진행한 활동가를 위한 일러스트레이터 AI 속성 워크샵 내용을 정리한 파일입니다. 이젠 일러스트레이터 다루실 수 있겠죠? 플랑카드도, 웹자보도 모두 고고!
활동가를 위한 속성 일러스트워크샵 AI 워크샵 _강사: 펭펭(초록상상 활동가)
코디네이터: 여성환경연대 금자 정리
프레지 제작 & 교육 전문업체인 INBRIEF에서 프레지의 확산을 위해서 만든 프레지 입문 PDF 자료입니다.
개인 학습용 이외에 상업적인 용도로 재배포가 불가능합니다.
* 이 책의 내용의 전부 또는 일부를 이용하려면 반드시 저작권자와 INBRIEF COMMUNCATION의 서면 동의를 받아야 합니다.
www.inbrief.co.kr
This is my talk for TEDx Youth. It's about the three lies about the teen-age that is preached by our day and age. If you want to watch the video of my talk using this Powerpoint deck, you can do so here: https://www.youtube.com/watch?v=Fo8RyQpPpUA
As humans, we never fail to think that we are highly intelligent beings, and that we are mentally superior than any other creatures found on Earth.
Well, that...... may be true.
However, we can be equally stupid and dumb too.
Worse still, we don't even realize it - in terms of how we can make erroneous judgments, decisions and choices, based on how our mind processes and filters information, as well as how our belief system works.
As intriguing and exciting this topic is to me, I find it difficult to illustrate the concepts involve, and that took me nearly 6 months to complete this work. (The Planning Fallacy in play?!) Throughout writing this deck, I've made a total of 8 major revisions before coming to this final piece.
I hope you'll find this deck both interesting and useful!
In this update of his past presentations on Mobile Eating the World -- delivered most recently at The Guardian's Changing Media Summit -- a16z’s Benedict Evans takes us through how technology is universal through mobile. How mobile is not a subset of the internet anymore. And how mobile (and accompanying trends of cloud and AI) is also driving new productivity tools.
In fact, mobile -- which encompasses everything from drones to cars -- is everything.
How to Become a Thought Leader in Your NicheLeslie Samuel
Are bloggers thought leaders? Here are some tips on how you can become one. Provide great value, put awesome content out there on a regular basis, and help others.
여성환경연대가 진행한 활동가를 위한 일러스트레이터 AI 속성 워크샵 내용을 정리한 파일입니다. 이젠 일러스트레이터 다루실 수 있겠죠? 플랑카드도, 웹자보도 모두 고고!
활동가를 위한 속성 일러스트워크샵 AI 워크샵 _강사: 펭펭(초록상상 활동가)
코디네이터: 여성환경연대 금자 정리
프레지 제작 & 교육 전문업체인 INBRIEF에서 프레지의 확산을 위해서 만든 프레지 입문 PDF 자료입니다.
개인 학습용 이외에 상업적인 용도로 재배포가 불가능합니다.
* 이 책의 내용의 전부 또는 일부를 이용하려면 반드시 저작권자와 INBRIEF COMMUNCATION의 서면 동의를 받아야 합니다.
www.inbrief.co.kr
유니티의 UI란?
- UI를 위한 개념들
- 화면 해상도
- Canvas
- Anchor
- Render Mode (Overlay, Camera, World)
- 텍스트
- 버튼
- 이미지
- Fill을 이용한 다양한 활용법
- 이미지 버튼
- World 게임오브젝트의 마우스 감지
- 씬(Scene) 이동
- 점수창 만들기
소소하지만 재미있는 UX, 트랜지션과 애니메이션 (@UX월드/2014)keesung kim
모바일에서의 소소해 보이지만 중요하고 재미있어보지지만 의미있는 UX인 트랜지션과 애니메이션에 대해서 정리해보았습니다.
* 페이지 내 대부분의 사례가 동영상이었는데 Slide Share에 PDF로 올리니 확인이 어려운건 아쉽네요. ^^;
(2014년 7월, UX월드 발표자료)
2. 목차
• 개요 및 기본익힘
• 화면 전환
• 애니메이션, 사용자지정 애니메이션
– 텍스트, 도형
– 표, 차트, 스마트 아트
– 이동경로 애니메이션
• 예제 따라하기
• 그 밖의 파워포인트 유용한 팁, 자주하는 질문
• 효과적인 PPT 작성을 위한 조언
• PPT참고사이트와 무료템플릿 사이트
2
3. 개요
• 애니메이션 효과 : 슬라이드에 삽입한 개체에 다양한
동적 효과를 제공하는 것
• 중요한 항목을 강조하고 역동적인 프레젠테이션을 보여줄
수 있다.
• 전달순서를 명확히 하거나 복잡한 내용의 빠른 이해를 도
울 수 있는 보조수단.
• 과유불급 : 개연성에 맞도록 적용할 것.
3
4. 기본 익힘
• 화면 기본 구성
• 빠른 실행 도구 모음
• 저장 가능 형식들 : pptx, ppt, potx, pot, pdf, xps, thmx,
ppsx, pps, jpg, gif, png, tif, bmp, CD용
• 인쇄 : 슬라이드, 유인물, 발표자노트, 개요 / 컬러선택
• 프레젠테이션시 단축키 :
– 처음부터 프리젠테이션 시작하기: F5
– 슬라이드 번호로 이동하기: 숫자 + 엔터
– 프리젠테이션 정지 또는 자동재개: S
– 프리젠테이션 종료: ESC 또는 HYPEN(-)
– 슬라이드화면에 표시한 연필이나 잉크 등의 메모 지우기: E
– 다음 슬라이드가 숨겨진 경우 다음 슬라이드로 이동하기: H
– 단축 메뉴 보기: SHIFT+F10
4
5. 화면 전환
• 애니메이션 탭 – 효과 선택, 소리 선택, 속도, 모두 적용
• 화면전환 선택 – 마우스 클릭 or 일정 시간 지정
5
6. 애니메이션
• 애니메이션 탭
• 사용자 지정 애니메이션
– 애니메이션 창 구성 보기 : 효과적용, 제거, 시작과 방향, 속도, 순
서바꾸기
– 효과적용과 옵션보기 : 효과 옵션은 적용한 개체와 애니메이션 종
류에 따라 다름.
• 개체 다루기 위한 선택창 보기
– 서식 메뉴> 정렬그룹의 선택창보기 : 개체 순서, 선택시 유용
6
7. [효과]
• 방향 : 애니메이션의 진행 방향을 지정
• 효과음 : 애니메이션이 실행될 때 나올 효과음 지정
• 애니메이션 후 : 애니메이션 후 개체를 숨기거나 개체의 색
을 변경합니다.
• 텍스트 애니메이션 : 개체에 입력한 텍스트를 개체와 동시
에, 단어별, 문자단위로 애니메이션 지정
7
8. [타이밍]
• 시작 : 애니메이션의 시작 방법 지정
• 지연 : 애니메이션 시작 시간을 초 단위로 지연
• 속도 : 애니메이션 실행 속도를 지정
• 반복 : 애니메이션의 반복 횟수를 지정
• 시작옵션 : 애니메이션 시작과 관련된 추가 옵션, 특정 개
체를 클릭 시 시작하도록 지정.
8
9. 이 탭은 개체의 특성에 따라서 메
뉴가 다르게 나타난다.
Ex) 차트 애니메이션, 스마트 아
트 애니메이션
[텍스트 애니메이션]
• 텍스트 묶는 단위 : 효과를 텍스트에 한꺼번에 적용하거
나 단락별로 적용할지 지정
• 다음 시간 후 자동 전환 : 일정 수준까지 묶어 선택하게 되
면 지정한 시간 후에 애니메이션 되도록 설정
• 첨부된 도형 애니메이션 : 텍스트를 입력한 도형도 함께
애니메이션 되도록 설정
• 역순으로 실행 : 나누어 효과를 적용한 경우 뒤 글자부터
애니메이션이 진행
9
10. 텍스트 애니메이션
텍스트 애니메이션 • 텍스트 애니메이션
Text Animation • Text Animation
– Text text text
• Animation
• 텍스트 애니메이션
Text Animation
텍스트 애니메이션 텍스 – Text
트 애니메이션
• Animation
TEXT ANIMATION TEXT • Animation
ANIMATION
– 텍스트
– 텍스트
10
11. 도형 애니메이션
• 세 도형을 함께 선택하고
효과 날아오기 오른쪽에서
매우빠르게 지정 a
• 두번째 효과에서 옵션- 지연
0.2초
• 세번째 효과옵션 –지연 0.4
초
b
# 시작과 타이밍 지연시간에
대한 이해 필요
# 부드럽게 시작 종료 옵션 C
11
12. 이미지 애니메이션
• 액자도형 그리기
• 안에 들어갈 사각형
2개 그리고 이미지로
채우기
• 서식도구 선택창에서
순서배열 , 정렬
• 사라지고 나타나는 효
과 주기
# 개체 서식도구의 선택
창 관리방법 알것
12
13. 활용
액자2 액자1
마우스 클릭시마다 액자1의 그림이 액자2로 이동하고
액자 1에는 새로운 그림이 나타난다. (설명은 뒤에->)
13
14. >전 슬라이드 작업 설명
• 애니메이션 적용할 시나리오를 미리 작성하고 작업하기
– 액자 1에 그림1이 나타나고 다른 그림들은 없다. : 그림1 나타나기
– 마우스 클릭 시 액자1의 그림이 액자 2로 이동( 실제로는 복사본을 미
리 준비해서 보이지 않도록 설정함 ) : 그림1 사라지고 액자1에서 그
림1의 복사본이 나타난다.
– 동시에 액자1에 새로운 그림이 나타난다. :액자 1에 그림2가 나타난
다.
– 다시 클릭하면 액자 2로 이동하고 다른 그림이 들어온다. : 그림1의
복사본이 사라지고 그림2도 액자1에서 사라진다. 그리고 이어서 액자
2에 그림2의 복사본이 나타나고, 액자1에 그림3이 나타난다.
• 준비 : 그림1, 그림1의 복사본, 그림2, 그림2의 복사본, 그림3,
액자 2개
• 적용할 효과 : 닦아내기
• 준비한 개체들을 선택창에서 배치하기
14
15. 표 애니메이션 및 표 작성 팁
• 표는 한꺼번에 애니메 하나 둘 셋 넷
이션이 적용됨. 1 2 3 4
• 표를 복사, 윈도메타파 5 6 7 8
일 이미지로 선택하여
붙여넣기
• 그룹을 해제하여 도형 하나 둘 셋 넷
화 하고 각각 다른 셀속
성을 지정해보기
1 2 3 4
• 도형 전체 선택하여 애
5 6 7 8
니메이션 적용해보기.
15
16. 표에 대하여..
• 파워포인트에서 표를 많이 사용하게 된다.
• 하지만 때로 표의 디자인 결함 때문에 가독성이나 이해가
떨어진다.
• 일괄적인 머리글 및 셀 구성의 딱딱함을 벗어나고자 한다
면 도형이나 이미지를 배경으로 활용하거나 세로선 등을
과감히 없애는 것도 좋다.
• 표를 복사하고 붙여넣기에서 선택하여 이미지로 붙여넣
고 그룹을 해제하여 사용하거나,
• 직접 도형을 이용하여 표를 완성하는 것도 한 방법이다.
• 창의적이고 눈에 띄는 다이어그램을 활용하자.
16
17. 차트 애니메이션
6
• 차트 작성
5
• 효과 적용
4.4
4
• 효과옵션 -> 차트 묶는
단위 선택
3
2.8
2.4
2
1.8
• 차트배경 애니메이션
1
유무 선택
0
항목 1 항목 2 항목 3 항목 4 • 시작 선택
계열 1 계열 2 계열 3
17
18. 스마트 아트 애니메이션
1
하나
2
다섯 둘
3
넷 셋
4
5
스마트아트애니메이션 탭에서 지정 18
19. 이동경로 애니메이션 효과 보기
이동경로 옵션
사용자지정 선 그리기
의 경우 간격을 너무 멀
지 않게 클릭해야 자연
스럽다.
19
20. 텍스트 강조 예제
색을 바꾸는 텍스트
① 흰색 텍스트 작성, HY견고딕, 40pt, 서식>텍스트효과 네
온 녹색배경1 25% 더 어둡게, 근접반사 터치
② 마우스 클릭시 펼치기 효과 빠르게, 문자단위로
③ 이전효과 다음에, 컬러타자기, 매우 빠르게, 타이밍 2회
20
22. ① 워드아트 텍스트 입력
② 바탕색과 같은 도우넛 형태의 도형을 텍스트가 감춰지도
록 크게 그리고 조절한다.
③ 글씨 왼편에 두고 우측으로 사용자지정 애니메이션 이동
경로 곡선을 그림, 느리게
④ 마지막 글씨부분에서 우측으로 다시한번 이동경로 지
정, 빠르게
22
24. ① SmartArt 의 톱니바퀴형 모양만 잘라 붙이기.
② 작은도형을 선택하여 애니메이션 효과의 회전, 시계방향
360도, 속도 중간(2초)
③ 위 도형과 맞물린 큰 도형은 회전, 시계반대방향 360
도, 속도 느림(3초)
④ 다른 도형도 돌아가는 방향에 맞게 속도와 회전방향을 설
정
⑤ 첫번째 효과는 마우스 클릭으로, 나머지는 이전효과와 함
께를 지정.
24
26. ① 버튼을 세개, 사진이 들어갈 액자, 사진 3장 준비
② 액자와 사진의 크기를 맞추고 정렬 맞춤
③ 선택창에서 사진이름과 버튼이름을 알기 쉽게 정함
④ 옵션창에서 각각의 사진에 효과를 적용
밝기변화, 클릭시-버튼 클릭할 때, 빠르게, 소리(카메라)
지정
⑤ 각 옵션창에서, 애니메이션 후 다음클릭 시 숨기기 지정
=> 버튼을 클릭하면 사진이 나오고 다시 클릭하면 사라짐
26
28. ① 책도형을 그려 그룹으로 묶기
② 이미지를 넣어 홀수와 짝수 페이지를 중앙에서 좌우로 맞
추어 배열(조금씩 보이도록 겹쳐 배열)
③ 개체 선택 : 홀수페이지는 위에서부터, 짝수 페이지는 아
래에서부터 선택
④ 홀수 페이지 이미지들을 선택하여 효과> 끝내기 > 붕
괴 , 오른쪽에서 , 클릭할 때, 매우빠르게 설정
⑤ 짝수 페이지 이미지들을 선택하고 효과> 나타내기 > 늘
이기 , 오른쪽에서, 이전효과 다음에, 매우빠르게 설정
⑥ 효과 목록창에서 홀수 짝수 차례대로 순서를 번갈아 위치
시키고 , 페이지 겹쳐 정렬
28
29. 입체 구 그리기
• <구 만들기>
• 정원 : 90도 선형, 중지점2개 : 검정배경1 50% 더 밝게(위
치 0), 검정배경1 15%밝게(위치100)
• 하이라이트 원 : 90도 선형, 중지점3개 : 흰색 (위치0) ,흰
색(투명도50%, 위치 25%) , 흰색(투명도100%, 위치
65%)
• 원하는 색으로 변경하고자 할 때, 큰 원의 색을 수정함
• 하단에 타원- 어울리는 색으로 지정. 모두 그룹화..
2012년 2010년 2009년 2006년 2005년
29
30. 파워포인트 유용한 팁 (1)
• 프리젠테이션을 스크린쇼에서 바로 시작되게 하기
– 프리젠테이션을 파워포인트쇼(ppsx)파일로 저장
• 파워포인트2007이하에 liveweb 확장팩 사용하기
– 유튜브 카페 등에 올린 각 종류의 영상, PDF파일, 그리고 웹페이
지를 주소 url 만으로 간단히 슬라이드에 넣을 수 있습니다.
– http://ktk350.blog.me/100160482373 (설명과 설치 파일)
• PDF 추가기능 다운로드하여 바로 pdf 로 저장하기
– 옵션>추가기능>Powerpoint 추가기능 선택하여 설치
• 프레젠테이션용 그림파일 형식들
– GIF : 8비트(256색상, 배너,로고 등)
– JPG :24비트(트루칼라)
– PNG :gif와 jpg의 장점 결합(8,16,24bit)
– WMF :MS 의 클립아트파일. 그외 EMF , Tif/Tiff, Bmp
30
31. 파워포인트 유용한 팁(2)
• 포토샵에서 이미지 만들때 해상도 Resolution
– 웹용 : 72 pixels/inch인쇄용 : 300 dots/inch
– 파워포인트 프레젠테이션용 이미지 : 150 pixels/inch
• CD용 프레젠테이션 패키지 만들기
– 파일은 물론 슬라이드에 삽입한 모든 멀티미디어 파일, 파워포인
트가 없는 컴퓨터 환경에 대비하여 뷰어를 묶어 공시디나 하나의
폴더에 저장하는 기능!
– 복사할 파일 열고->게시-> CD용패키지-> 시디이름입력 -> 필요한
파일 추가-> 순서 확인후 옵션설정 -> 뷰어패키지, 연결된 파일 등
체크 후 확인 -> 시디로 복사 -> 팝업창 <예> 선택 ->완성
31
34. 프레젠테이션 파일 작성을 위한 조언
• 제목슬라이드는 기업 혹은 단체의 아이덴티티를 살릴 수
있는 구성과 칼라, 이미지 선택
• 텍스트, 표 슬라이드의 경우 숫자를 디자인 요소로 이용
• 표 슬라이드의 가독성을 신경 써라
• 그림으로 핵심과 목적을 전달하라 – 다이어그램과 이미지
등을 잘 활용하라
• 아이콘, 클립아트 등은 통일성 있게.
-출처 : 회사 실무 파워포인트 2007 -
34
35. PPT참고 & 무료 템플릿 사이트
• 마이크로소프트사 튜토리얼 http://goo.gl/bPrcD
– 버전별 사용방법, 2007버전은 음성화면, 2010버전은 동영상까지
제공
• 전상오공작실 : http://jeonsango.tistory.com/
– 파워포인트를 아주 예쁘고 고급스럽게 만들 수 있는 팁
• 파워포인트 전문가클럽 : http://cafe.naver.com/powerpoint
• 템플릿
– http://office.microsoft.com/ko-kr/templates/ (MS)
– http://hangeul.naver.com/document (네이버문서)
– http://www.smiletemplates.com/free/powerpoint-templates/0.html
(smiletemplates.com)
• 아이콘 이미지
– http://www.iconarchive.com/news.html (iconarchive)
– http://www.ineversay.com/ (neversay) 35