애플 웹사이트 프레이머 클론
/
코스 소개
/
이 코스에서는 무엇을 다루나요?

이 코스에서는 무엇을 다루나요?

프레이머로 애플 비전 프로의 웹사이트를 코드 없이 만들어 봅니다

Description

11 min follow •

featured-image-of-이 코스에서는 무엇을 다루나요?
코스 소개
애플 웹사이트: 그래픽
프레이머 기초: 인터렉션
애플 웹사이트: 인터렉션
프레이머 기초: 반응형 그래픽
애플 웹사이트: 반응형 인터렉션
코스 소개
애플 웹사이트: 그래픽
프레이머 기초: 인터렉션
애플 웹사이트: 인터렉션
프레이머 기초: 반응형 그래픽
애플 웹사이트: 반응형 인터렉션

코스 소개: 애플 비전 웹사이트 프레이머 클론



프레이머로 애플 비전 프로의 웹사이트를 코드 없이 만들어 봅니다



완성 링크: https://applevision.framer.website/









코스에서는 두가지를 중점적으로 다룹니다

  1. 프레이머에서 그래픽 다루기
  1. 프레이머에서 스크롤 인터렉션 다루기




그래픽 다루기에서는 그래픽을 그리는것을 배우는게 아닌, 웹 UI 를 위한 그래픽을 만드는 방법을 배웁니다

이는 인터렉션과, 반응형 그래픽을 포함 하고 있습니다



또한 이 만들어진 그래픽을 재사용하는 방법을 통해 작업을 더 능률적으로 할 수 있게 됩니다



스크롤 인터렉션 다루기에서는 프레이머의 가장 강력한 기능이라 할 수 있는 Scroll 인터렉션 기능들을 배웁니다



스크롤 인터렉션은 사용자가 보는 스크린과, 스크롤 할때 마다 바뀌는 컨텐츠의 Viewport 위치, 그리고 컨텐츠들이 우선 갖고 있던 레이아웃 스타일을 모두 같이 고려해야하는 복잡한 인터렉션 입니다









프레이머 기초: 인터렉션 모듈에서는 우선 이 복잡한 스크롤 인터렉션을 간단한 그래픽들로 만들어보고, 프레이머의 스크롤 기능들을 쉽게 배워 볼 수 있습니다



애플 비전 웹사이트: 인터렉션 모듈에서는 위에서 배운 스크롤 인터렉션 기능들을 실제 예제에 활용 합니다









세계 최고 수준의 스크롤 인터렉션을 애플 웹사이트들은 만들어 두었습니다



이를 이 코스에서 배운 지식을 바탕으로 똑같이 만들어 본다면, 여러분의 웹 디자인 스킬 그리고 웹사이트를 직접 만들 수 있는 능력은 현격하게 달라져 있을 것 입니다







이 튜토리얼을 계속 읽으시려면, 로그인 or 회원가입 해주세요
© 2024 Harbor School - Proudly built with Lighthouse Design System
© 2024 Harbor School - Proudly built with Lighthouse Design System