컴포넌트 썸네일형 리스트형 피그마 선택 옵션 컴포넌트 초이스 칩(choice chips) 단계별 적용법(체크박스, 라디오 버튼, 초이스 칩스, 멀티 칩스) 유저들의 개인화가 보편화되면서 기획자들은 유저가 클릭을 조금이라도 더 잘 받을 수 있도록 컴포넌트를 적극 활용하고 설계하고 있다. 어찌 보면 불편한 UI/UX를 고집하는 대기업 쇼핑몰은 존재한다. 그러나 그렇게 굳이 바꾸지 않아도 우리는 매출이 잘나니깐 굳이 바꾸려고 하지 않는다. 회사를 다녀보니....,, 유저의 편의성을 고려한 개인적인 영역을 고려하기보다는 익숙한걸 선호하는 회사가 더럭 있다는 것이다. 보통 외주를 주는 경우가 편의성은 고려하지 않고 뽑아내기 바쁘고 설계는 뒷전인 거 같다는 생각이 든다. 기획자라면 새로운 것을 지속적으로 탐구하고 그로부터 새로운 걸 계속적으로 적용해서 노출부터 시작해서 클릭, 전환, 리텐션까지 계속적으로 업데이트해줘야 한다고 본다. 지지말고 이겨서 올드한 플랫폼을 트.. 더보기 피그마 즐겨찾기(북마크) 컴포넌트 만드는 방법(UI/UX 컴포넌트 쉽게 만들기) 유저들이 즐겨 찾는 항목을 저장하고 싶을 때 보통 별모양을 클릭해서 북마크로 유저의 관심사를 저장합니다. 그래서 오늘은 그 중요한 기능 중하나인 즐겨찾기/북마크 컴포넌트를 만들어 보겠습니다. 초보자도 쉽게 따라 하실 수 있는 북마크/즐겨찾기 컴포넌트 지금부터 시작합니다. ▼▼▼▼완성본은 아래 동영상은 참조해주세요!▼▼▼▼ 즐겨찾기컴포넌트 즐겨찾기 단계적으로 만드는 방법(아래 설명 참조해 주세요!) 우선 즐겨찾기의 핵심인 별모양부터 만들어 봅시다. 아래 순서에 따라 별을 만들고 크기 설정 후 레디우스 크기 설정, 오토레이아웃 순으로 차례대로 따라 하시면 됩니다. 1. 별모양 만들기 - 상단 별모양 클릭 - 크기 : 18x18 - coner radius : 0.5 - auto layout 설정 → 이름 변경.. 더보기 피그마(figma) 최신 트렌드의 검색 바(interactive search bar) 단계별로 자세히 만드는 방법(PPT 기능 비교) 검색 바는 웹/모바일 모두에 있어 가장 중요한 기능입니다. 그리고 검색되는 검색 바는 계속적으로 진행되고 있습니다. 검색 바는 네이버, 구글 등에서 하고 있는 전체 검색 바의 형태가 있고, 중분류 주제 혹은 소분류 주제를 찾는 검색 바의 형태가 있습니다. 아래와 같은 검색바 형태가 있습니다. 오늘은 아래와 같은 최신 트렌드 검색 바 형태를 만들어보는 시간을 가져보겠습니다. 이제 피그마를 켜주세요! 피그마로 최신 트렌드 검색 바(Search bar) 만드는 방법 1. 돋보기 만들기 1) 단축기 'O' 원 사용 : 18X18 크기, Fill 제거, stroke 2 2) 단축기 'P' 펜툴 사용(두 번째 그림 참고) : 4x4 크기, center, 양 끝 round 변경 3) 단축기 'ctrl+g' 그룹화 :.. 더보기 이전 1 다음
