피그마 사용법 - 프로토타입 : 드롭다운 메뉴 편

안녕하세요 디자이너의 놀이터 디놀희에요 'ㅂ'~ 오늘은 피그마 배우기를 해봐요 'ㅅ'~~! 보통 프로토타입은 피그마로 구현을 많이 하죠? 피그마 트로토타입 만들기 중에 하나인 drop down menu 를 만들꺼에요. 드롭다운은 홈페이지 디자인할때 주로 nav section 파트 즉 홈페이지 메뉴 프로토타입을 만들때 많이 쓰인답니다. 그럼 우선 결과물을 볼까요~? 자 그럼 준비 되셨나요?? 페이지 구분하기 우선 페이지를 구분할게요. 컴포먼트 작업을 할 페이지 하나 , 구현페이지 하나 를 만들어주세요. 컴포먼트페이지 작업 -1 부품만들기 메인메뉴파트 이젠 구현페이지에서 부품이라는 프레임을 단축키 f 를 눌러서 일정 크기를 만들어주시고 부품이라고 프레임 이름을 만들어주실게요~ 그리고 메인메뉴에 쓰일 네모를 r 키 단축키를 이용하거나 rectangle 버튼을 이용해서 메인메뉴에 쓰일 네모를 만들어 줄게요. 예시로 저는 120 * 50 사이즈로 만들었답니다. 그리고 텍스트를 이용해서 mai...

원문링크 : 피그마 사용법 - 프로토타입 : 드롭다운 메뉴 편