본문 바로가기

728x90
반응형

PPT

피그마 개인정보 보호 정책 자연스럽게 넘어가게하는 컴포넌트 만들기(유저가 자연스럽게 넘어가게 만드는 방법) 오늘은 개인정보 보호 정책을 스무스하게 넘어가기 위한 체크박스를 만들어 볼 건데요! 유저가 빠르게 자사의 홈페이지에서 동의를 받는 방법입니다. 물론, 한국에서 유저의 클릭을 하지 않고 넘어가게 하는 정책에 대한 가이드라인은 회사의 정책마다 다른 것 같습니다. 일단, 이번에 만드는 것은 유저가 클릭을 하지 않고 자연스럽게 클릭이 되는 방식으로 유도해 보겠습니다. 완성본! 개인정보 보호 정책에 동의하는 체크박스 만들기 1. 체크박스 만들기 체크박스 만들기 크기 : 20x20 테두리 크기 : 2 fill : -(삭제/빼기) 2. 체크박스 컴포넌트 변환 체크박스를 선택한 후 컴포넌트로 변환 체크박스 전체 컴포넌트를 선택 자산 명칭 변경 : state values 값 변경 : 차례로 false/true 왼쪽 패널.. 더보기
[피그마 중급 7강] 툴팁(느낌표/물을표) 컴포넌트 UI/UX(ToolTIP) PPT와는 전혀 다른 툴팁(tooltip) 비교(프로토타입 구현) PPT에서 굉장히 쉽게 그렸던 툴팁이 피그마로 넘어가면서 조금 간단하지 않게 되었습니다. 그렇지만 유저가 무엇인지 궁금해할 때 꼭 필요한 기능인 툴팁 기능에 대해서 배워보겠습니다. 사실상 웹사이트에서 무언가 정보에 대해서 알고 싶을 때 이러한 기능을 많이 사용하는데요. 쉽고 빠르게 아래 글을 따라오시면 되겠습니다. 툴팁(TOOLTIP) 간단하니 따라와 주세요! 1. 텍스트 입력 + 텍스트 굵기 텍스트 입력 : Sample text field 글씨 굵기 : semi bold 2. 오토레이아웃 ▶ 수평 padding ▶수직 padding ▶도형 색상(감도 설정) ▶ 도형 테두리 설정 ▶ 텍스트 색상 설정 수평 padding : 20 수직 padding : 20 도형 색상 : 검은색(투명도 60%) 도형 테두.. 더보기

728x90
반응형