서비스 기획, 디자인에 있어 반드시 고려해야 하는 요소들이 있는데요. 그 중 플랫폼의 OS에 따른 가이드라인을 준수하는 것은 우선순위가 상당히 높다고 할 수 있습니다. AOS,iOS 따른 가이드가 큰 범위내에서 존재하지만, 최근 업데이트된 iOS12와 같이 OS 업데이트에 따라 가이드가 추가되거나 변경될 수 있기 때문이죠. 그래서 오늘은 iOS용 서비스를 기획, 디자인 하는 분들을 위한 몇 가지 리소스를 오랜만에 큐레이션, 정리해보려고 합니다. 

 

 

1.Apple Design Resources for iOS 12

 

 

가장 먼저 살펴봐야 할 내용은 플랫폼 제공사 또는 개발사에서 제공해주는 가이드라인! 애플 역시 스케치, 키노트, 포토샵, XD 등에 따른 디자인 리소스와 가이드를 제공해주고 있습니다. iOS12 업데이트에 맞춰 가이드 역시 보완이 되었으며, 모바일용 OS는 물론 맥, TV, Watch 등 디바이스에 따른 가이드를 한 눈에 살펴볼 수 있어 저 역시 OS 업데이트가 진행될때마다 찾는 곳입니다. 

 

iOS 12 및 iOS 디자인 가이드 자세히 보기 

 

 

2.iPhone XR Mockup

 

 

애플에서는 OS 업데이트와 함께 또 하나의 대형 이벤트가 얼마 전 진행되었는데요. 새로운 세대의 아이폰 발표가 바로 그 주인공! X를 잇는 모델뿐만 아니라 그 외 보급형 모델들도 함께 공개되었습니다. 한 가지 종류가 아닌, 여러 종류의 디바이스가 새롭게 공개, 출시 되었기에 그에 따른 대응 역시 필요하겠죠? 아이폰 XR의 목업들이 빠르게 등장했고, 오늘은 스케치 파일로 다운로드 받을 수 있는 목업을 소개합니다. 최근에 받아본 XR 목업 중 가장 깔끔하고 사용성이 좋았습니다.

 

 

 

다섯가지 컬러 그대로 사용 가능하다는 것도 매력적!

 

아이폰 XR 목업 (스케치용) 다운로드 받기

 

 

3.iOS 12 App Icon Template

 

 

세 번쨰로 소개드릴 내용 역시 스케치용에서 바로 사용이 가능한데요! 앱스토어용 앱아이콘을 쉽게 확인해볼 수 있도록 구성되어 있습니다. 아이폰, 아이폰X, 아이패드, 애플워치, 아이메시지용 앱이 포함되어 있으며, 앱스토어에 등록될 앱 아이콘을 미리 확인하거나, 제작하는데 많은 도움을 받을 수 있습니다.

 

iOS 앱 아이콘 목업 다운로드 받기

 

 

4.Screens and components of iOS 11 for iPhone X and iPhone 8

 

 

이제 이전 버전이 되긴 했지만, 기획과 디자인에 있어서는 여전히 유효한 iOS11! Sketch와 Figma 두 가지 버전으로 다운로드 가능한 내용에는 60개 이상의 주요 화면들과 화면을 구성하는 리소스들이 포함되어 있습니다. 아이폰X와 아이폰8까지 대응이 가능하죠. 무료로 다운로드가 가능합니다.

 

iOS 11 버전 주요 UI Kit 다운로드 받기

 

 

5.iOS 11 UI kit for Adobe XD

 

 

스케치도 좋지만, 제 주변에서는 어도비와의 호환성을 고려해 XD를 쓰는 분들도 많은데요! iOS11 버전을 위한 주요 화면을 XD에서 확인할 수 있는 내용도 별도로 존재합니다. 앱스토어 등 애플 가이드라인을 잘 준수하고 있는 화면들을 바로 활용할 수 있도록 구성되어 있네요.

 

XD용 iOS11 주요 화면 다운로드 받기

 

 

지금까지는 iOS 최신, 이전 버전에 따른 가이드와 그에 해당하는 화면들을 바로 확인할 수 있는 목업과 리소스들을 정리했는데요. 그 외, 프로토타입용으로 제작된 주요 UI킷을 몇 가지 골라 함께 소개드리겠습니다.

 

1.Momento Free Sketch UI Kit

 

 

소셜 미디어 앱의 성격을 띄고 있는 ‘Momenet’ UI Kit입니다. 스케치용으로 다운로드 받아 확인 또는 사용하실 수 있어요. (다운로드 링크)

 

 

2.Moon Heart – Free UI kit for Adobe XD

 

 

이번에는 XD용 UI Kit으로 소셜 이미지 공유 서비스 ‘Moon Heart’의 23개 주요 화면들을 살펴볼 수 있습니다. (다운로드 링크)

 

 

3.Navigo UI Kit

 

 

아이폰X와 XD에 최적화된 이번 UI Kit은 여행용 서비스 NAVIGO입니다. (다운로드 링크)

 

 

4.FLAVR iOS app concept

 

 

개인 프로젝트용으로도 사용할 수 있는 ‘Flavr’은 스케치에 최적화 되어 있으며, 레시피 공유 앱 컨셉으로 제작 되었습니다. (다운로드 링크)