키네틱 타이포그래피 : 입문 가이드
키네틱 타이포그래피는 요즘 어디에나있는 것 같습니다. 텔레비전 광고에서 웹 사이트 방문 페이지에 이르기까지 이동식 유형은 인기있는 시각 도구입니다. 이 인기는 여러 가지 이유에서 비롯 될 수 있지만 한 가지 분명한 요인은 관심을 끄는 것입니다. 사람들은 말에 끌리는 경향이 있으며 그것을 읽고 싶어합니다.
키네틱 타이포그래피는 간단한 애니메이션과 함께 화면에서 움직이는 단어를 만들어주의를 끌고 감각을 자극합니다. 키네틱 타이포그래피와이를 일부 디자인 프로젝트에 통합하는 방법을 살펴 보겠습니다. (참고 :이 기사의 예제에는 애니메이션이 포함되어 있습니다. 이미지를 클릭하면 원본 소스로 연결되는 링크를 클릭하여 작동 중인지 확인하십시오.)
키네틱 타이포그래피 란 무엇입니까?
키네틱 타이포그래피는 움직이는 유형의 생성을 말합니다. 그것은 글자를 확장, 축소, 비행, 슬로우 모션으로 이동, 성장 및 사용자를 위해 다양한 방법으로 변경하는 데 사용되는 애니메이션 기술입니다. 효과는 약간만 변경하거나 매우 정교하고 길면 간단하고 짧을 수 있습니다.
최근 웹 디자인 기술의 사용으로 키네틱 타이포그래피 사용이 폭발적으로 증가했습니다. 일단 비디오와 텔레비전에서만 사용되었던 무언가, 운동 타이포그래피는 웹 사이트와 웹 기반 비디오에서 배경 효과로 인기를 얻고 있습니다. (이 모든 것은 더 높고 일반적인 광대역 및 증가 된 인터넷 및 웹 서핑 속도 덕분에 가능합니다.)
이 기술은 여러 가지 이유로 사용되었지만 특정 컨텐츠를 강조 할 수 있습니다. 어조와 감정을 전달하는 데 도움이 될 수 있습니다. 존재하지 않는 독특한 비주얼을 만드는 데 도움이 될 수 있습니다. 예산이 제한된 사람들에게는 저렴한 옵션이 될 수 있습니다. 디자인이 향상되어야 할 때 흥미를 더할 수 있습니다.
키네틱 타이포그래피의 기원
키네틱 타이포그래피는 오늘날 웹 디자인의 떠오르는 트렌드로 분류 될 수 있지만, 꽤 오랫동안 사용되어 왔습니다. 큰 화면에서 처음 사용되었습니다.
Carnegie Mellon University의 휴먼 컴퓨터 인터랙션 인스티튜트 (Human Computer Interaction Institute)와 디자인 스쿨 (Design School of Design)의 연구원들은 1959 년 알프레드 히치콕 (Alfred Hitchcock)의 1959 년 영화 "North by Northwest"에 키네틱 타이포그래피 사용을 처음으로 추적했습니다. 개시 크레딧에서 유형은 이동 가능한 형식으로 사용됩니다. 1 년 후이 효과는 "Psycho"에서 다시 사용되었습니다. 연구원들은“이 작품은 단순히 학점의 정보를 전달하기보다는 분위기를 조성함으로써 개 학점을 영화의 무대로 설정하려는 열망에서 비롯되었다”고 말했다.
이 시점에서 키네틱 타이포그래피는 영화와 TV에서 더 흔해졌습니다. 크레딧, 쇼 및 광고에 사용되었습니다. 2009 년 Pepsi가 새로운 로고를 사용하여 "모든 항목 새로 고침"캠페인 (현재 "Pepsi Pulse")을 시작했을 때 광고에서 키네틱 타이포그래피를 눈에 띄게 사용했습니다. 문자 'o'대신 로고가있는 새로운 디자인은 이동식 유형을 사용하여 텔레비전에서 온라인에 이르기까지 모든 곳에 등장했습니다.
최근에는 웹 사이트 디자인 (및 일부 모바일 앱)에서 널리 사용되는 기술이되었으며 온라인 비디오에서 매우 일반적입니다. 광고, 홍보, 예술, 뮤직 비디오, 언론인을위한 스토리 텔링 도구에 이르기까지 모든 것에 사용됩니다.
언제 키네틱 타이포그래피를 사용해야합니까?
키네틱 타이포그래피는 키트를위한 재미있는 도구이지만 I-don't-ever-art-art-now-now-what 문제에 대한 쉬운 해결책은 아닙니다. 다른 도구와 마찬가지로 특정 목적과 특정 목표를 염두에두고 사용해야합니다.
운동 타이포그래피가 특히 효과적인 것으로 입증 된 용도가있다. 이들은 대부분 톤과 관련이 있습니다. 정적 일 수있는 것에 이동식 유형을 추가하면이를 달성하는 데 도움이 될 수 있습니다. 키네틱 타이포그래피에 가장 적합한 용도는 다음과 같습니다.
- 감성 컨텐츠 제작
- 캐릭터 만들기
- 주의를 끌기
연구에 따르면 유형 이동 방식이 이러한 용도에도 기여합니다. 예를 들면 다음과 같습니다.“텍스트의 크기와 무게 및 때로는 대비 나 색상을 변경하여 소리를 모방 할 수 있습니다. 볼륨이 큰 경우 진동을 모방 한 동작을 사용할 수 있습니다.” 캐릭터를 만들 때 사람의 모션을 흉내내는 방식으로 유형을 이동하고 공간 관계를 만들거나 특정 방향과의 연관성을 만드는 방식으로 객체 나 모양에“첨부”하도록 애니메이션을 추가 할 수 있습니다.
키네틱 타이포그래피 응용
키네틱 타이포그래피의 아이디어에 대해 흥미로워지기 시작 했으므로 실제 응용 프로그램에서 어떻게 사용할 수 있습니까? 어떤 매체가 가장 효과가 있습니까?
첫째, 이동식 유형은 비디오 및 온라인 형식입니다. 플립 북을 작성하지 않는 한, 인쇄 된 프로젝트에서이 개념을 거의 사용하지 않습니다. 청중과 애니메이션에 소비 할 수있는 시간을 생각하는 것이 중요합니다. 웹이나 모바일 애플리케이션에서는 짧게 유지하는 것이 좋으며 영화 나 광고에서는 각 사용자와 약간의 시간이 더 걸릴 수 있습니다.
어느 쪽이든, 흥미롭고 읽기 쉽고 이해하기 쉽고 감정적 인 연결을 만드는 무언가를 만드는 것이 중요합니다. 키네틱 타이포그래피의 일반적인 실제 사용에는 인기있는 "Schoolhouse Rock"비디오 및 1973-2009 년에 방송 된 프로그래밍과 같은 교육 용도; 홍보 또는 광고; 뮤직 비디오.
키네틱 타이포그래피를 계획 할 때 몇 가지 일반적인 움직임과 동작 패턴이 있습니다.
- 슬로우 모션 또는 빠른 모션
- 스트레칭 또는 축소
- 곡선 경로를 따라 텍스트가 이동할 때 호 또는 파도의 움직임
- 예견된 행동, 예리한 움직임 이전의 미묘한 움직임
- 다른 일이 발생한 후 발생하는 조치를 따르십시오
- 프레임의 다른 요소에 발생하는 텍스트 때문에 텍스트가 움직일 때 보조 작업
자료와 튜토리얼
애니메이션 형식을 구성하는 것은 GIF를 만드는 것만 큼 간단하거나 뮤직 비디오를 만드는 것만 큼 복잡 할 수 있습니다. 그러나 운동 타이포그래피 기술을 실제로 배우고 싶다면 유용한 튜토리얼이 많이 있습니다.
먼저, 이동 가능한 유형을 만드는 데 사용할 수있는 옵션과 무한한 수의 옵션을 살펴 보는 것이 좋습니다. 재미있는 예제를 보려면 Tumblr에서 키네틱 타이포그래피를 확인하십시오. 그런 다음 gif로 게임을 시작하십시오. Adobe Photoshop의 애니메이션 도구에 익숙하다면 몇 분 안에 간단한 것을 만들 수 있습니다. 그 후에는 더 큰 프로젝트로 넘어 가고 싶을 수도 있습니다.
또한 간단한 텍스트 애니메이션을 서둘러 작성하는 데 도움이되는 몇 가지 도구가 있습니다.
- 키네틱 타이포그래피 엔진
- Jesse Rosten의 키네틱 타이포그래피 튜토리얼
- Crooked Gremlins의 키네틱 타이포그래피 튜토리얼
- 후 효과와 운동 타이 포 그래피 기법
- 우 데미 키네틱 타이포그래피 코스
- Adobe TV : Edge Animate 비디오 자습서 학습
- MotionWorks 유형 애니메이션 팁
결론
키네틱 타이포그래피를 사용하면 재미있는 도구가 될 수 있습니다. 움직일 수있는 유형은 디지털 및 비디오 프로젝트에 영향, 정서적 연결 및 시각적 관심을 추가 할 수 있습니다. 이 기술을 익히는 데는 시간이 다소 걸리지 만 계속 유지 될 가능성이 있습니다. 디자이너들은이 기술을 50 년 이상 어떤 형태로 사용해 왔다고 생각합니다.
현재 운동 타이포그래피를 사용하여 프로젝트를 진행하고 있습니까? 그들은 어떻게 형성하고 있습니까? 의견을 통해 의견과 프로젝트 링크를 공유하십시오. 우리는 당신이 무엇을하고 있는지보고 싶습니다.
