[Figma] 23강 Variants를 이용한 탭바컨텐츠 - 오쌤의 니가스터디

 

 

 

 

 

 

** 자세한 강의는 유튜브 영상으로 제공됩니다.

https://www.youtube.com/watch?v=DlsvQKry-cc 

 

 

 

 

 

 

 

 

 

 

 

 

** 이번 강좌에서는 탭바컨텐츠를 제작해보겠습니다.

- Variants기능을 이용하면 탭바버튼을 얼마나 쉽게 제작할 수 있는지 보도록 하겠습니다.

- 그리고 프로토타입 기능을 이용해서 실제 탭버튼 클릭시 화면 전환도 해보도록 하겠습니다.

 

 

** 완성 예시

 

 

 

** 사용될 이미지 다운받기

travel05.jpg

0.49MB

travel04.jpg

0.30MB

travel03.jpg

0.52MB

travel02.jpg

0.37MB

travel01.jpg

0.64MB

출처 : https://pixabay.com/ko/ - 놀라운 무료 이미지 pixabay

 

arrow_white.svg

0.00MB

arrow_blue.svg

0.00MB

- 위의 svg파일은 버튼에 들어갈 화살표입니다.

 

 

 

** 사용될 텍스트

이태리남부 환상투어

투어코스 : 로마출발 → 폼페이 → 소렌토전망대 → 포지타노 → 로마도착
여행일정 : 원데이 - 투어날짜는 자세히보기를 눌러 선택하세요.
금액 : 예약금 - 60,000원, 현지지불금 - 40유로

 

알함브라 집중투어

투어코스 : 이사벨라광장 → 알함브라궁전 → 나사리궁전 → 알카사바
여행일정 : 원데이(3시간) - 투어날짜는 자세히보기를 눌러 선택하세요.
금액 : 예약금 - 20,000원, 현지지불금 - 40유로

 

몽생미셸 1박2일 레알팩(4성급)

투어코스 : 개선문출발 → 몽생미셸 수도원 → 옹플뢰르 → 개선문도착
여행일정 : 1박 2일 - 투어날짜는 자세히보기를 눌러 선택하세요.
금액 : 예약금 - 40,000원, 현지지불금 - 370유로

 

내셔널갤러리, 영국박물관투어

투어코스 : 내셔널갤러리 → 영국박물관집중투어 → 투어종료
여행일정 : 원데이(종일) - 투어날짜는 자세히보기를 눌러 선택하세요.
금액 : 예약금 - 20,000원, 현지지불금 - 50파운드

 

 

[5~10월] 아테네 투어

투어코스 : 아크로폴리스 → 아레오파고 → 필로파포스언덕 → 프닉스언덕
여행일정 : 원데이(반일) - 투어날짜는 자세히보기를 눌러 선택하세요.
금액 : 예약금 - 45,000원, 현지지불금 - 0유로

 

 

 

 

 

 

 

 

 

 

 

 

728x90

반응형

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

** 완성파일은 [피그마 커뮤니티]에서 찾아보세요.

1) 피그마 앱에서 커뮤니티를 누릅니다.

 

 

2) 검색창에 [ossam]이라고 검색합니다.

 

 

 

 

3) [예제13] Variants TabBar이미지을 더블클릭합니다.

 

4) [Get a copy]버튼을 눌러 개인 작업창으로 복제해옵니다.

 

 

** 피그마웹에서 찾는 법

- [figma.com/@ossam]을 검색하면 찾을 수 있습니다.

검색이 잘되는 것을 확인할 수 있습니다.