Abstract을 사용한 Microsoft Outlook 디자인 과정

디자인 팀에서 Abstract으로 파일을 구성하고 공동으로 작업하는 방법

Dong-gri
Dong-gri
Jun 5 · 9 min read
이미지 설명: 디자인 시스템에서 채택한 UI 콤포넌트

프로젝트의 파일 구조 설계

우리 프로젝트는 Android, iOS, Mac, Web 및 Universal App(Windows 10에 탑재된 기본 앱 — Mail, Calendar) 플랫폼으로 나뉩니다. 이 프로젝트 내부에는 파일들을 다양한 섹션으로 나누었습니다. 다음은 파일을 빨리 실행하기 위해 “iOS UI-Kit”, “Mail”및 “Calendar”와 같은 섹션으로 파일을 분리하는 Abstract 내부의 iOS 파일 구조의 예시입니다.

파일의 앞부분
iOS UI-Kit 파일에는 스티커 시트와 UI 컴포넌트 라이브러리가 들어 있습니다.

디자인 프로세스의 단계적 실행

첫 번째 단계는, Master에서 모든 Sketch 파일을 가져와 사본을 만드는 것입니다. 폴더 복제(복&붙)과 같이 생각하세요. branch를 식별하기 위해 레이블 뒤에 적당한 제목을 추가해 작업중인 부분에 간단한 레이블을 지정합니다. 우리는 일반적으로 “Feature”, “Kit”또는 “Exploration”과 같은 레이블을 사용하여 프로젝트를 설명합니다. Outlook에서는 새로운 아이디어를 시도하고 향상시킬 수 있다고 생각된다면 모든 것을 바꿀 것을 권장합니다. 즉 “Exploration”과 같은 태그를 사용하는 것입니다.이 레이블은 다른 팀원에게 상황을 알려주고 우리가 무엇을 발견하고 이해할 수 있도록 도와줍니다. 작업. 분기를 만드는 것은 여러 디자이너가 동일한 파일에서 작업 한 다음 나중에 마스터로 다시 병합할 수 있기 때문에 큰 이점입니다.

Branch에 레이블을 다는 모습
“working” 파일을 만드는 모습
하루에 한번 커밋
이미지 설명 : UI 콤포넌트를 사용하여 Outlook 디자인 하기

유지 관리의 우수 사례

우리팀은 Kit를 유지보수할 책임이 있으며, Sketch 파일을 최적화 된 상태로 유지하고 지속적으로 Kit을 개선하고 업데이트 하는 작업(특히 운영체제 업데이트로 인한 디자인 설계 변화에 대응)을 합니다.


guleum

Dong-gri LAB

Dong-gri

Written by

Dong-gri

making a dent in the universe.

guleum

guleum

Dong-gri LAB