10. Android와 iOS 화면이 다르게 나와요.

Android와 iOS는 서로 다른 운영체제를 가지고 있어요.

따라서, '100% 동일한 스타일을 만들겠다'라기보단 '90% 정도 비슷하게 하겠다'가 좋아요.

다음 가이드라인을 따르면 비슷한 UI를 구성할 수 있어요!

  1. 스타일 설정은 상위 블록에서 하위 블록 순서로 적용한다.

    1. 상위 블록 스타일로 해결되는 경우가 많아요.

  2. 먼저 '정렬, 가득 차게, 비율'을 활용하고 구체적인 숫자 값(너비, 높이, 여백)은 가장 마지막에 준다.

  3. 비율을 활용할 때는 너비를 기준으로 둔다.

    1. 너비 값만 입력, 높이 X

  4. 여백은 가장 상위 블록에만 적용한다.

    1. 예시) 그리드 블록을 사용했다면 그리드 하위(내부) 블록의 여백을 모두 없애고 그리드 블록에만 여백을 준다.

    2. 그래도 안되는 부분만 하위 블록에 여백을 준다.

  5. '딱 맞게'보다 가득 차게, 숫자 값을 선호한다.

    1. '딱 맞게'는 작은 단위의 블록(텍스트, 버튼)에 활용해요.

  6. 높이 '가득 차게'는 지양한다.

그래도 잘 안되는 부분은 커뮤니티로 문의해 주세요 :)

24.07.08 Jihwan

Last updated