OS와 플랫폼에 따라 UI에 차이점 찾아보기

❓ OS란?

-컴퓨터 시스템에서 하드웨어와 응용프로그램에 상호작용 관리하고 제어하는 소프트웨어이다.

쉽게 말하면 IOS와ANDROID로 나눠진다.

 

1) 네비게이션

• IOS
• 항상 왼쪽 상단에 뒤로 가기 버튼을 배치함
• 중앙에 현재 페이지 위치를 표시
• 오른쪽에는 편집, 완료 등 제어 옵션 버튼이 배치함

• 안드로이드
• 주요 기능이 인터페이스 전체에 분포되어 노출
• 왼쪽 상단 햄버거 메뉴 버튼, 검색 바, 중앙 탭, 오른쪽 하단 플로팅 메뉴

2) 타이포그래피

• IOS
• 기본 시스템 폰트는 San Francisco와 산돌 고딕 네오1을 사용
• 17pt 크기
• 주로 볼드체를 사용하며 텍스트 계층 구조가 있음

• 안드로이드
• 기본 시스템 폰트는 Roboto를 사용
• 16sp 크기
• 삼성 갤럭시 폰은 삼성 고딕, 엘지 폰은 LG 스마트체를 기본 시스템 폰트로 사용,안드로이드는 커스텀 서체를 적용하여 사용할 수 있음
• 텍스트 사이에 충분한 공백이 있음

 

3) 해상도

• IOS

-iOS 아이폰은 종류가 정해져 있기 때문에 해상도가 고정

-375667px를 기준으로 디자인하면 작업하기 수월함

• 안드로이드
• 폰은 제조사별로 디바이스와 스펙이 상이하기 때문에 레이아웃을 고려해서 UI 디자인해야함
• 일반적으로 안드로이드는 360640px를 기준