툴팁 썸네일형 리스트형 피그마(figma) 최신 트렌드의 검색 바(interactive search bar) 단계별로 자세히 만드는 방법(PPT 기능 비교) 검색 바는 웹/모바일 모두에 있어 가장 중요한 기능입니다. 그리고 검색되는 검색 바는 계속적으로 진행되고 있습니다. 검색 바는 네이버, 구글 등에서 하고 있는 전체 검색 바의 형태가 있고, 중분류 주제 혹은 소분류 주제를 찾는 검색 바의 형태가 있습니다. 아래와 같은 검색바 형태가 있습니다. 오늘은 아래와 같은 최신 트렌드 검색 바 형태를 만들어보는 시간을 가져보겠습니다. 이제 피그마를 켜주세요! 피그마로 최신 트렌드 검색 바(Search bar) 만드는 방법 1. 돋보기 만들기 1) 단축기 'O' 원 사용 : 18X18 크기, Fill 제거, stroke 2 2) 단축기 'P' 펜툴 사용(두 번째 그림 참고) : 4x4 크기, center, 양 끝 round 변경 3) 단축기 'ctrl+g' 그룹화 :.. 더보기 [피그마 중급 7강] 툴팁(느낌표/물을표) 컴포넌트 UI/UX(ToolTIP) PPT와는 전혀 다른 툴팁(tooltip) 비교(프로토타입 구현) PPT에서 굉장히 쉽게 그렸던 툴팁이 피그마로 넘어가면서 조금 간단하지 않게 되었습니다. 그렇지만 유저가 무엇인지 궁금해할 때 꼭 필요한 기능인 툴팁 기능에 대해서 배워보겠습니다. 사실상 웹사이트에서 무언가 정보에 대해서 알고 싶을 때 이러한 기능을 많이 사용하는데요. 쉽고 빠르게 아래 글을 따라오시면 되겠습니다. 툴팁(TOOLTIP) 간단하니 따라와 주세요! 1. 텍스트 입력 + 텍스트 굵기 텍스트 입력 : Sample text field 글씨 굵기 : semi bold 2. 오토레이아웃 ▶ 수평 padding ▶수직 padding ▶도형 색상(감도 설정) ▶ 도형 테두리 설정 ▶ 텍스트 색상 설정 수평 padding : 20 수직 padding : 20 도형 색상 : 검은색(투명도 60%) 도형 테두.. 더보기 이전 1 다음
