Skip to content

[fix] iOS 앱 아이콘 로고 크기 축소 및 개발용 DEV 배지 우상단 재배치 (#51) - #52

Merged
hjunieee merged 2 commits into
mainfrom
feat/issue-51-ios-icon-adjustment
Oct 26, 2026
Merged

hjunieee merged 2 commits into
mainfrom
feat/issue-51-ios-icon-adjustment

Conversation

@hjunieee

@hjunieee hjunieee commented Oct 26, 2026 •

Copy link
Copy Markdown
Collaborator

관련 이슈

작업 배경

  • 이전 커밋(\64efe56)에서 iOS 앱 아이콘 로고가 너무 작아 보여 원본(가로 약 81.4%)으로 교체했으나, iOS 홈 화면의 둥근 모서리(Squircle) 마스크 대비 로고가 다소 과도하게 커 보이는 문제가 있었습니다.
  • 개발 변형 빌드(\�ssets/icon-dev.icon)의 DEV 배지가 하단 중앙에 위치하여 캐릭터 및 텍스트 로고와 시각적으로 겹치거나 답답해 보이는 현상이 있어, 우상단(Top-Right)으로 이동 배치를 요청받았습니다.
  • 이후 사용자 피드백을 반영하여 DEV 배지 크기를 1.48배 확대하고 여백을 조정했습니다.

주요 변경 사항

  1. iOS 프로덕션 앱 아이콘 (\�ssets/expo.icon):
    • 1024px 캔버스 내 로고 너비 점유율을 기존 **81.4% (834px)**에서 **약 69.3% (710px, 스케일 0.86)**로 자연스럽게 축소
    • 수평 완전 중앙 정렬 (좌/우 여백 157px 동일)
    • 상단 여백 224px, 하단 여백 262px로 시각적 무게중심 안정화
  2. iOS 개발용 앱 아이콘 (\�ssets/icon-dev.icon):
    • DEV 배지 크기 확대: 기존 241×91px ➔ **357×135px (약 1.48배 확대)**로 모바일 홈 화면 가독성 확보
    • 여백 및 위치 조정: 상단 115px, 우측 105px로 이동하여 구석 쏠림 현상 해소
    • Apple의 연속 곡률 스퀴클(Squircle) 마스크 시뮬레이션 결과 곡선 마스크 최외곽 대비 안전 마진을 충분히 확보(잘림 위험 0%)
    • 배경색 #01499A\와 원본 배지 간 안티앨리어싱 무손실 유지

자가 검증 결과

  • 정적 분석 및 빌드/테스트:
    pm run lint,
    pm run typecheck,
    pm run test\ 통과 (26개 테스트 스위트 / 230개 테스트 100% PASS)
  • 스퀴클 마스크 클리핑 시뮬레이션: Apple Superellipse =4.5$ 기준 배지 및 로고 4개 모퉁이의 클리핑 위험 0% 확인

- 1024px 캔버스 내 로고 너비 점유율을 약 81.4%(834px)에서 약 69.3%(710px)로 소폭 축소
- 수평 완전 중앙 정렬(좌우 여백 157px 동일) 및 시각적 무게중심 정렬(상단 224px, 하단 262px)
- 개발용 앱 아이콘의 DEV 배지를 하단 중앙에서 우상단(상단 80px, 우측 80px)으로 재배치
- Apple 연속 곡률 스퀴클(Squircle) 마스크 내 안전 수용 확인
- DEV 배지 크기를 241x91px에서 357x135px(약 1.48배)로 확대하여 모바일 홈 화면 가독성 대폭 향상
- 상단 여백 115px, 우측 여백 105px로 이동하여 지나친 구석 쏠림 완화
- iOS 연속 곡률 스퀴클 마스크 안전 마진 충분히 확보
@hjunieee
hjunieee merged commit c263005 into main Oct 26, 2026
1 check passed
@hjunieee
hjunieee deleted the feat/issue-51-ios-icon-adjustment branch October 26, 2026 12:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[디자인/iOS] iOS 앱 아이콘 로고 크기 조정 및 개발용 DEV 배지 우상단 재배치

1 participant