애니메이션 텍스트 요소(Animation Text)

사이트의 완성도가 있게 보이고 싶거나 사용자로 하게끔 집중할 수 있다고

판단되어 애니메이션 텍스트 사용을 원하시는 분들이 많습니다.

그 사용법에 대해 알아보고 장단점에 대해 말씀드리겠습니다.

애니메이션 텍스 요소 메뉴

애니메이션 텍스트는 생각보다 사용이 쉽습니다.

이미지처럼 메뉴는 접두사 / 텍스트 / 접미사 를 넣는 것만으로 작동이 됩니다.

접두사 나 접미사에 쓸 말이 없다면 빈칸으로 두면 됩니다.

메뉴처럼 중간 텍스트에 원하는 단어를 넣고 엔터로 구분지으면

텍스트에 넣은 단어가 차례로 번갈아 가면서 나타납니다.

애니메이션 텍스트 사이드 메뉴-스타일

애니메이션 종류와 유형 그리고 기간 연속재생을 설정할 수 있습니다.

애니메이션 텍스트는 종류가 매우 다양합니다 그렇기 때문에 직접 원하는

애니메이션과 유형을 바꿔가면서 구현하는 것이 좋습니다.

애니메이션 텍스트-스타일 적용

원하는 내용과 애니메이션 방식이 어울린다면 정보전달에 매우 효과적입니다.

애니메이션 텍스트 요소 마무리

애니메이션 텍스트는 잘 사용하면 효과적이지만

잘못 사용하면 매우 복잡한 느낌을 전달 할 수도 있습니다.

웹사이트는 정보전달을 많이 하기 보다는 얼만큼 간단하게

내가 원하는 핵심 정보를 각인 시키는게 제일 중요합니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...