Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
sunJ0120 opened this issue Apr 28, 2024 · 1 comment
Open
Assignees
Labels
Notice notice label

Comments

@sunJ0120
Copy link

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

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

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

@sunJ0120 sunJ0120 added the Notice notice label label Apr 28, 2024
@sunJ0120 sunJ0120 self-assigned this Apr 28, 2024
@Heo-jieun
Copy link

Heo-jieun commented Apr 30, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Notice notice label
Projects
None yet
Development

No branches or pull requests

2 participants