티스토리 뷰

개발/HTML, CSS, Figma

Figma🍭 GNB 만들기

hahagarden 2023. 4. 22. 00:29

피그마로 GNB를 만드는 실습을 해보았다.
click interaction을 주고 change to로 컴포넌트 프로퍼티를 변환해주는 기능을 이용하였다.
그런데 change to는 상태를 전환할 때(호버효과나 아코디언 컴포넌트처럼 펼침, 접힘을 구현할 때) 주로 사용하고,
GNB의 메뉴와 같이 아예 페이지를 전환하는 경우에는 각각 프레임화하여 click interaction은 Navigate to를 이용하는 것이 적합해보인다.

 

 

반응형
저작자표시

'개발 > HTML, CSS, Figma' 카테고리의 다른 글

웹 표준과 Semantic HTML  (0) 2023.04.28
CSS🎨 토글 버튼 배경색 슬라이드 효과 주기  (0) 2023.04.20
CSS🎨 모달창 만들기, div 중앙에 배치하기  (0) 2023.04.19
CSS🎨 grid 레이아웃, 형태 정의, 정렬  (0) 2023.03.07
와이어프레임 / 목업 / CSS Flexbox  (0) 2023.03.05
댓글