[하단 네비게이션]
badge의 Type을 number나 letter로 만들면 위의 그림처럼 됩니다.
dot형태와 동일하게 오른쪽 위에 나타나게 하려면 어떻게 해야할까요?
Câu trả lời 2
1
보준님, 질문 주셔서 정말 감사드리고 강의 파일을 공유해주셔서 감사합니다.
저도 한번 파일에 들어가서 만져보면서 방법을 찾아볼 수 있었습니다.
본 강의에서는 모바일 네비게이션 하단의 경우 dot 부분만 보여주다 보니 보준님의 케이스는 다루지 못했습니다. 만약에 모바일에서 dot와 숫자가 자유롭게 움직이고 둘다 비슷하고 싶다고 하신다면 아래와 같이 하시는 것을 추천드립니다.
dot, 숫자, letter모두 동일한 크기로 변경한다.
현재 dot는 4px로 둘러싸져 있는데, 이것을 16px 프레임 안에 있는 4px 원형 도형으로 만듭니다.
숫자는 레터 일의 자리나 십의 자리로 제한하고 높이가 16px이기에 너비의 값을 최소값으로 16으로 정해서 짜그러진 원형이 안되도록 합니다.
그리고 인스턴스를 배치해서 위치를 정해 봅니다.
공유해주신 파일에 예시를 만들어 놓았습니다.
(확인되면 공유를 보기로 바꾸셔도 됩니다. 다른 사람이 들어와서 망칠 수도 있으니깐요.)
저도 고민해보면서 함께 배웠습니다. 나중에 강의 업데이트 할 때 참고하도록 하겠습니다. 좋은 질문 주셔서 감사합니다.
볼드 드림.
0
친절한 안내 감사합니다.
혹시 기존의 dot을 프레임에 넣어 수정하는 방법도 있을까요? 아래와 같이 이미 만들어져 있는 것에 프레임을 넣었는데 원하는 대로 수정이 잘 안되더라구요.
https://www.figma.com/file/7hdCq1HOI1cUc5LCxvHlSm/%5B%EA%B1%B4%EB%84%88%EA%B1%B4%EB%84%88%5D-%EC%9E%85%EB%A0%A5-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8?type=design&node-id=57%3A592&mode=design&t=nwKLZBgA0CHOk4rh-1
배리어블 Value에 관해 질문있습니다.
0
35
0
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
41
1
Navigation Mobile 토글 베리어블이 안됩니당
1
35
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
33
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
46
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
56
2
next step?
1
74
1
16강 Print Variables 출력 질문
0
84
2
open in Figma 누르고 ui kit 다운?받았을 때
0
69
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
97
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
117
2
이미지 캐러셀 영상
0
68
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
103
3
완강/리뷰 이벤트 후 강의자료
0
64
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
57
1
컴포넌트별 베리어블 구축
0
80
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
40
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
54
2
UI Kit에서 배리어블 등록 안되는 문제
0
62
2
교육용 피그마 계정 문의
0
64
2
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
0
88
3
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??
0
53
2
섹션 6 / 29.Button 강의 질문
0
67
2
67강, 70강, 75강 자료 다운로드
0
55
1