체크/라디오박스 등 라벨이 2줄이상 적용될 때는 어떻게 해야하나요?
보통 체크박스와 라벨의 오토레이아웃을 Align Left로 설정하게 되는데,
2줄 이상의 텍스트가 필요할때는 어떻게 제작하시나요?
디자인시스템에 1줄일 경우, 2줄이상일 경우를 따로 등록하시는지,
아니면 다른방법을 쓰시는지 궁금합니다.
추가 질문)
저는 간간히 2줄 이상일 경우에는 컴포넌트 전체의 오토레이아웃을 Align top left를 한다음,
체크박스에 한번 더 오토레이아웃을 설정하고 위아래에 (텍스트 박스와의 시각보정을 고려한) 여백을 설정해서
하나의 컴포넌트로 1줄(=1line,solo...),2줄이상(=2line,multi...)의 경우를 하나로 관리할 때도 있는데요.
이 방식으로 개발자에게 전달을 해본적이 없어서, 전달과정에서 문제가 없는지도 궁금합니다!
답변 1
0
강의에서는 다루지는 않았는데, 보통은 체크박스 보다는 라벨 위 아래에 간격을 주는 편입니다.(기본 라벨 폰트 크기에 따라서 설정해주시면 됩니다.)
(강의에서는 체크박스, 라벨 오토레이아웃만 하고 지나갔습니다.)
그리고 저의 경우는 1, 2 줄일 때 따로 만들지는 않고 하나로 통일하고 오토레이아웃을 Align Top Left로 두는 편입니다.
언급한 부분에 데해서 더 자세하게 보고 싶으시면 마이크로소프트 Fluent UI 키트에 checkbox 페이지를 참조해보시면 됩니다.
https://www.figma.com/community/file/836828295772957889/microsoft-fluent-2-web
감사합니다.
배리어블 Value에 관해 질문있습니다.
0
35
0
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
39
1
Navigation Mobile 토글 베리어블이 안됩니당
1
34
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
32
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
45
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
54
2
next step?
1
71
1
16강 Print Variables 출력 질문
0
82
2
open in Figma 누르고 ui kit 다운?받았을 때
0
66
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
93
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
115
2
이미지 캐러셀 영상
0
66
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
100
3
완강/리뷰 이벤트 후 강의자료
0
61
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
55
1
컴포넌트별 베리어블 구축
0
78
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
38
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
52
2
UI Kit에서 배리어블 등록 안되는 문제
0
60
2
교육용 피그마 계정 문의
0
62
2
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
0
86
3
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??
0
51
2
섹션 6 / 29.Button 강의 질문
0
64
2
67강, 70강, 75강 자료 다운로드
0
52
1