초보자를 위한 Framer 완벽가이드 10단계 | 초고퀄 | 프레이머무료강좌 скачать в хорошем качестве

초보자를 위한 Framer 완벽가이드 10단계 | 초고퀄 | 프레이머무료강좌

Framer 페이지 바로가기: https://guidebean.com/framer Framer 가이드 페이지: https://guidebean.com/framer-ai-guide/ 처음 Framer 를 배우려는 초보자분들을 위해 프레이머 사용법을 준비했습니다. 프레이머는 코딩없이 노코드로 애니메이션을 포함한 다양한 인터렉티브한 고품질 웹사이트 제작 툴입니다. 캔버스에서 그림을 그리듯이 제작하는 방식으로 제대로 배운다면 누구나 창의적인 자신만의 홈페이지 만들기가 가능합니다. 이 영상에서는 데모 프레미어 랜딩페이지를 10단계를 통해 단계별로 직접 따라하며 제작하게 됩니다. 프레이머 AI 기능도 있지만, 이를 제대로 활용하려면 사용법부터 익혀야 제대로 제작이 가능합니다. 그러므로 이 가이드 강의를 통해 기본 사용법을 제대로 배우시기 바랍니다. 이 가이드는 Framer 제휴마케팅 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다. 이는 추가 비용을 발생시키지 않으며, 높은 품질의 가이드 영상을 무료로 제공하는데 큰 도움이 됩니다. 감사합니다. 영상 가이드 순서 미리보기 00:00:00 0-0. 인트로 00:02:00 1-1. Framer 사이트 예제 살펴보기 00:02:35 1-2. Framer 사이트 제작 과정 미리 살펴보기 00:04:45 2-1. Framer 무료 계정 만들기 00:06:00 2-2. 새 프로젝트 생성 및 삭제하는 방법 00:06:30 2-3. 캔버스 기본 조작 방법 배우기 00:09:20 3-1. 처음 제작시 매뉴얼로 배워야하는 이유 이해하기 00:10:30 3-2. Navigation 컴포넌트 추가 및 편집 방법 이해하기 00:12:30 3-3. 로고 추가하기 00:13:30 3-4. 레이아웃 개념 이해하기 00:15:50 3-5. 버튼 컴포넌트 추가 및 편집하기 00:18:30 3-6. 컬러 팔레트 만들고 색상 선택하기 00:26:35 3-7. Breakpoints를 통해 태블릿, 모바일 기기 편집하기 00:29:50 4-1. 텍스트 스타일 가이드 만들기 00:31:40 4-2. 구글 폰트에서 폰트 다운받고 적용하기 00:34:15 4-3. 히어로 섹션 텍스트 추가 및 편집하기 00:34:45 4-4. 히어로 섹션 버튼 추가 및 편집하기 00:36:45 4-5. 티커 추가 및 편집하기 00:41:50 5-1. Framer에서 제공하는 섹션 선택 후 추가하기 00:43:00 5-2. 서비스 섹션 텍스트 추가 및 편집하기 00:46:50 5-3. 아이콘 검색 및 추가하기 00:50:35 5-4. Scroll Animation 개념 이해 및 적용하기 00:56:45 5-5. 커스텀 커서 기능 활용하기 00:59:55 5-6. 드래그 효과 활용하기 01:00:00 5-7. Loop 효과 활용하기 01:04:15 5-8. 텍스트 및 레이아웃 모바일 최적화하기 01:07:15 6-1. CTA 섹션 추가 및 편집하기 01:11:30 6-2. Process 섹션 추가 및 편집하기 01:14:15 6-3. Scroll Transfom 효과 적용하기 01:18:30 7-1. Framer에서 제공하는 Contact 폼 추가하기 01:20:30 7-2. Contact 폼 스타일 편집하기 01:20:50 7-3. Contact 폼 설정하기 (받는 이메일, 리다이렉트) 01:24:00 8-1. 네비게이션 메뉴 링크 추가하기 01:25:10 8-2. 이동되길 원하는 스크롤 섹션 이름 지정하기 01:27:50 8-3. 버튼에 링크 추가하기 01:29:00 9-1. 사이트 공개하기 01:29:50 9-2. Framer 플랜 이해하고 업그레이드하기 01:32:10 10-1. 네임칩을 통해 자신만의 도메인 주소 등록하기 01:38:00 10-2. Framer 사이트에 등록한 도메인 주소 연동하기 –––––––––––––––––––––––––––––– First Light - Atch   / atch-music   Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: http://bit.ly/-first-light Music promoted by Audio Library    • First Light – Atch (No Copyright Music)   ––––––––––––––––––––––––––––––