Framer Scroll Interaction Basics

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 4

  • @user-tk8ur8on9p
    @user-tk8ur8on9p 7 месяцев назад +1

    프레이머 강의 찾다가 너무 쉽게 설명해주셔서 정주행중입니다 ㅎㅎ
    문득 궁금한게 생겼는데요, 프레이머보단 웹플로우가 더 좋다는 말들이 많은데, 프레이머 전문가로써 어떻게 생각 하시는지 궁금해요!
    그리고 프레이머의 seo, ga, pixel 에 대해서도 궁금합니다.

    • @design-engineer
      @design-engineer  7 месяцев назад

      안녕하세요 ㅎㅎ 봐주셔서 감사합니다
      웹플로우는 웹빌더쪽에서 꽤 오래된 툴이죠 그만큼 자료등이 많은것이 장점이라고 생각합니다
      하지만 여전히 블록 스타일로 화면을 그리는것이 기본이라, 디자이너에게는 조금 어렵고 자유롭지 못한 툴이라고 생각합니다
      프레이머는 반면에 피그마처럼 아무곳에나 그리는대로 웹사이트에 반영되고, React 와 직접적으로 연결이 되어 있어 개발자와 협업이 매우 쉽다는것이 장점인것 같습니다 ㅎㅎ

    • @design-engineer
      @design-engineer  7 месяцев назад

      GA, Pixel 등은 당연히 넣으실 수 있고요
      SEO 부분은 프레이머가 계속 집중해서 개선하는 부분인것 같습니다
      제가 프레이머로 만든 shadergradient 웹사이트를 구글에 검색해보시면, SEO 에 전혀 이슈가 없음을 한번 확인해 보실수도 있을것 같네요 :)

  • @design-engineer
    @design-engineer  9 месяцев назад

    하버스쿨 튜토리얼 링크 (무료 3일) - link.harbor.school/ls3 👨🏻‍🏫
    프레이머 템플릿 링크 - framer.com/projects/new?duplicate=C1ZjwAtWun52QohIAFoS 📑
    안녕하세요 이번 영상에서는, 어렵지만 배워두면 정말 유용하고 특별한 웹사이트를 만들 수 있는 스크롤 인터렉션 기초에 대해 다루어 보았습니다
    프레이머에서 많이 반복되어 사용 되는 개념인데다,
    한번 익혀 두시면 애플 웹사이트 처럼 아주 복잡해 보이는 인터렉션도 만드실수 있으세요 :)