[Front][Notice] font, SizedBox 패딩 상대 크기 지정 관련

[sunJ0120]

글씨 역시 상대크기로 바꿔야, 작은 폰에서도 픽셀이 넘치지 않고 사용이 가능합니다. 제가 애뮬레이터를 통해 몇 번 실험해서 도출한 결과이나, 정확하지 않을 수 있으니 프론트 팀원 분들은 꼭 적용 하면서 원하는 느낌의 크기가 나오는지 확인해주시고, 다양한 크기의 애뮬레이터에서 실험 해주세요.

📌자신이 맡아서 진행한 화면 폰트, sizedBox 패딩 고정값 말고 상댓값으로 변경 바랍니다.

1. font 55 -> screenWidth * 0.15
2. font 25 -> screenWidth * 0.06
3. font 30 -> screenWidth * 0.075
4. font 17 -> screenWidth * 0.037
5. font 20 -> screenWidth * 0.045
6. font 40 -> screenWidth * 0.1
7. font 23 -> screenWidth * 0.055 (모든 긴 버튼 폰트 크기는 이걸로 통일)

SizdBox padding

1. 30패딩 : screenHeight * 0.04
2. 20패딩 : screenHeight * 0.025
3. 10패딩 : screenHeight * 0.012

적용 실험 결과, 숫자를 이렇게 설정하면 더 알맞다 싶은 결과물이 있으면 적용 사진과 함께 여기 이슈 댓글로 달아주세요.

[Heo-jieun]

SizeBox 높이

1. 20 : screenHeight * 0.024
2. 25 : screenHeight * 0.03
3. 50 : screenHeight * 0.06
4. 75 : screenHeight * 0.09

SizeBox 넓이

1. 343 : screenWidth * 0.85