피그마로 상세페이지 만들기! 왕초보도 따라할 수 있는 실제 제작 과정 대공개ㅣ2편
Автор: 셀디, 셀러를 위한 디자인
Загружено: 2025-07-01
Просмотров: 10207
🔔2편! 무료로 제공하는 상세페이지 전략 설계 템플릿을 활용한 상세페이지 기획을 완성 후, 피그마로 상세페이지 실제 제작 과정 모두 대공개
이전 영상에서 배운 기획 템플릿을 바탕으로 피그마에서 실제 상세페이지를 디자인하는 전체 과정을 보여드립니다.
초보자도 따라할 수 있도록 모든 단계를 상세히 설명해드려요!
👉 1편 보러가기
• 🎁상세페이지 기획 고민 끝! 무료 템플릿으로 전체 프로세스 마스터하기ㅣ1편 ...
👉1편에 나온 무료 상세페이지 기획 템플릿 다운로드🎁
https://businessdesignpt.vip/freecour...
💡 상세 페이지 제작 시 유용한 피그마 단축키는?
F: 프레임 생성
K: 선택한 요소의 비율 유지하며 크기 조절
Alt + Shift: 도형 생성 시 가운데 기점으로 비율 유지
Ctrl + Shift + [: 선택한 요소를 맨 뒤로 보내기
Ctrl + [: 선택한 요소를 한 단계 뒤로 보내기
Shift + 클릭: 여러 요소 선택 또는 선택 해제
00:03:16 프레임 설정과 텍스트 크기 조절
00:07:43 인포그래픽 및 이미지 배치 방법
00:13:08 피그마에서 상세페이지 디자인을 위해 복제와 크기 조절하는 방법
00:18:13 컬러 및 그라디언트 적용 방법
---
✅ [무료 증정] '후킹 이미지의 비밀' 전자책
플러스 친구 추가를 통해 웰컴 무료 전자책을 받으세요.
아주 유용한 지식과 최신 디자인 소식들만 전해 드립니다.
황금정보를 놓치지 마세요!
[ 친구 추가하기 ] pf.kakao.com/_jxkxhxiG/chat
✅ 무료 이미지 사이트
[픽셀] (https://www.pexels.com/ko-kr/)
[언플레쉬] (https://unsplash.com/ko)
[픽사베이] (https://pixabay.com/ko/)
✅ 비즈니스 문의
Email - [email protected]
---
#상세페이지 #기획템플릿 #마케팅 #전환율 #디자인기획 #온라인마케팅 #쇼핑몰 #상세페이지제작 #기획자 #디자이너
#피그마 #상세페이지제작 #상세페이지디자인 #피그마튜토리얼 #웹디자인 #쇼핑몰디자인 #디자이너 #마케팅디자인
Free Music for Videos 👉 Music by Digi Jay - Where to - https://thmatc.co/?l=524837D8
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![FIGMA С НУЛЯ ЗА 1 ЧАС: Полный курс для новичков [2025]](https://ricktube.ru/thumbnail/QxstLdREVYY/mqdefault.jpg)
