inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

디자인 시스템 만들 때 os별로 다르게 만들어야할까요?

1206

정다님

작성한 질문수 1

0

안녕하세요,

디자인 시스템을 만들려고 하다보니까 궁금한 게 있어서 질문 하려고 합니다!

디자인 시스템을 만들 때 os 별로 다르게 만들어야 할까요? (ios 하나 android 하나 이런 식으로요...)

아니면 os 별로 따로 만드는게 효율적인지 하나만 만들어서 최대한 같이 쓰는게 효율적인지도 궁금합니다.

스케치로 구축했을 때는 ios, android 따로 만들었는데 이건 팀의 차이인가요?

답변 부탁드립니다. 감사합니다!

웹 디자인 figma 모바일-디자인

답변 3

2

에릭

위에서 말씀드린 안드로이드와 iOS에서 다른 탭 형태에 대해 참고차 이미지 첨부합니다.

왼쪽은 iOS, 우측은 안드로이드입니다.

출처: maxsnitser.com

0

정다님

우와 친절한 설명 감사합니다! 단비같은 도움이에요 ㅜㅜ

2

에릭

네 그런경우 별도로 디자인하면 더 좋을 수 있어요.

그리고 네이티브로 갈때 디자이너로서 신경써야 될 부분 중 하나는 일관성인 것 같아요. 예를 들어 안드로이드는 탭바를 상단에 두는 방식이 기본이고 ios는 하단에 둡니다. 그래서 안드로이드 앱은 안드로이드 방식과 일관되게 하고, iOS앱 디자인 할때는 iOS 방식과 일관되게 하여 각각의 OS에 맞추는 것이 좋을 수 있습니다. 예를 들어 iOS 사용자들은 하단 탭에 익숙한 편이기 때문에 탭을 상단에 두는 것은 사용자가 불편함을 느낄 수 있습니다. 참고차 말씀드려요~

2

에릭

안녕하세요. 좋은 질문 감사합니다.

이 부분은 팀의 차이가 맞는 것 같아요.

팀에 따라 안드로이드와 iOS을 별도로 개발하는 경우도 있고 하나로 개발하는 경우도 있기 때문에 어떻게 개발할 것인지에 따라 결정해야 하는 부분이 있어요. 예를 들어 리액트 네이티브라는 기술로는 iOS와 안드로이드를 한방에 만들 수 있다고 들었습니다. 이 경우 디자인 시스템을 공유할 수 있을 것 같습니다.

감사합니다.

0

정다님

아하 그렇다면 ios, android 따로 개발하는 네이티브 개발방식이라면 디자인시스템을 따로 만드는게 아무래도 더 좋겠네요?? 확인 감사합니다~!

프레임 조정 관련

0

76

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

80

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

116

0

하단바 고정

0

443

2

도형 오토레이아웃 설정

0

153

2

단락별 행간 조절

0

101

2

수강기한 연장 관련 질문드립니다.

0

91

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

173

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

391

3

Auto Layout 적용이 되지 않습니다

0

411

2

SF Symbols 윈도우

0

377

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

147

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

166

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

332

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

147

2

Style 저장하는데 Variable?

0

389

1

Text 박스 조정하는 법

0

1088

2

확장성

0

120

2

하단바 설정하는 방법

0

301

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

626

4

하단바 고정시

0

948

3

섹션 12 예제 파일이 안보입니다!

0

181

2

제플린 핸드오프에 관련 질문입니다.

0

148

2

오토레이아웃

0

147

2