참여 소개

상호 작용을 사용하여 사이트를 더욱 역동적이고 매력적으로 만드세요.

다양한 기간에 걸쳐 인터넷과 디지털 장치는 수용적이고 강력하게 진화했습니다. 제작자이자 프로그래머로서 우리는 복잡한 상호 작용과 놀라운 애니메이션을 구성할 수 있는 리소스를 활용할 기회가 있습니다.

페이지 로딩 중에 영웅 제목의 기울어짐 수정을 보여주는 애니메이션 그림입니다.

일반적으로 이러한 리소스는 고도로 지정된 JavaScript 라이브러리, 불일치, 특이성 및 도전적인 코드 중심 학습 곡선을 갖춘 까다로운 도구 및 플러그인으로 구성되는 경우가 많습니다.

Webflow Designer 내에서는 매우 상세한 관리를 통해 이 콘텐츠를 처리하는 데 필요한 모든 도구에 액세스할 수 있습니다. 상호작용 생성 그래픽적으로.

인상적인 사례를 목격하세요. 알아채다: 이 콘텐츠는 시각적으로 민감한 개인에게 영향을 미칠 수 있는 깜박이는 조명과 애니메이션을 보여줍니다.

요소 트리거 메뉴는 상호 작용 패널에서 확장됩니다.
페이지 트리거 메뉴가 상호 작용 패널에서 확장됩니다.

참여를 정의하는 것은 무엇입니까?

상호 작용을 통해 우리는 두 가지 강력한 엔터티를 중심으로 설계할 수 있습니다. 자극 그리고 애니메이션 (예를 들어, 만약 이것 그때 발생 저것 펼쳐진다).

자극제 (예: 탭, 스크롤, 마우스 오버, 커서 이동, 페이지 로드 등)은 생기 (그 자극에 어떤 일이 일어나는지).

'클릭', '스크롤', '호버', '커서 이동' 및 '페이지 로드' 트리거를 나타내는 아이콘입니다.

이러한 정확한 권한을 가지면 시간 제한 애니메이션, 스크롤 애니메이션 및 위치 기반 커서 애니메이션을 적용할 수 있습니다. 어느 쪽이든 우리가 선호하는 방식으로 제작할 수 있는 능력을 부여합니다. 모든 것 우리는 원한다.

자극과 애니메이션에 대해 더 자세히 알아보는 것부터 시작하세요.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)