디자인 시스템은 앱의 전체적인 디자인, 레이아웃, 색깔 등을 일관되게 유지하기 위해 사용되는 중요한 도구입니다. Swift Presentr는 iOS 앱에서 모달 형식의 화면 전환을 쉽게 구현할 수 있는 라이브러리입니다. 이번 글에서는 Swift Presentr와 함께 사용하는 디자인 시스템을 구축하는 방법을 알아보겠습니다.

1. 스타일 가이드 작성

디자인 시스템을 구축하기 위해서는 먼저 스타일 가이드를 작성해야 합니다. 스타일 가이드는 앱에서 사용되는 텍스트 스타일, 버튼 스타일, 색상, 아이콘 등을 정의하는 문서입니다. 이를 통해 일관된 디자인을 적용할 수 있습니다.

예를 들어, 텍스트 스타일 가이드를 작성할 때는 다음과 같은 사항을 고려해야 합니다.

• 폰트 크기
• 폰트 스타일 (일반, 굵게, 기울임 등)
• 텍스트 색상

2. 커스텀 프리젠터 생성

Swift Presentr를 사용하여 모달 화면 전환을 구현할 때, 커스텀 프리젠터를 생성하여 디자인 시스템을 적용할 수 있습니다. 커스텀 프리젠터를 작성할 때는 다음과 같은 사항을 고려해야 합니다.

• 모달 프레젠트할 화면의 레이아웃
• 배경색
• 드롭 섀도우 또는 테두리 스타일
• 애니메이션 효과

3. 커스텀 프리젠터 적용

커스텀 프리젠터를 작성한 후, Swift Presentr를 사용하여 모달 화면 전환을 구현할 때 해당 커스텀 프리젠터를 적용할 수 있습니다. 이를 통해 앱 전체에서 일관된 디자인을 유지할 수 있습니다.

예를 들어, 버튼을 누를 때 모달 화면이 나타나도록 구현할 때, 다음과 같은 코드를 사용할 수 있습니다.

let customPresenter = CustomModalPresenter()

let viewControllerToPresent = CustomModalViewController()

customPresenter.present(viewControllerToPresent: viewControllerToPresent, animated: true, completion: nil)

4. 유지보수와 확장

디자인 시스템을 구축한 후, 앱의 디자인을 변경하거나 확장해야 할 때 유용하게 사용할 수 있습니다. 스타일 가이드를 수정하거나, 커스텀 프리젠터를 확장하여 새로운 디자인 요소를 추가하는 등의 작업을 수행할 수 있습니다.

마무리

Swift Presentr와 함께 사용하는 디자인 시스템 구축 방법을 알아보았습니다. 디자인 시스템을 구축하면 앱의 디자인을 일관되게 유지하고 유지보수 및 확장성을 개선할 수 있습니다. 디자인 시스템을 구축하면 앱 개발 시간을 단축할 수 있습니다.