kookmin-sw / capstone-2024-45

시간은행 v2
https://kookmin-sw.github.io/capstone-2024-45/
1 stars 1 forks source link

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

Open sunJ0120 opened 6 months ago

sunJ0120 commented 6 months ago

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

📌자신이 맡아서 진행한 화면 폰트, 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 commented 6 months ago

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