피그마 활용 심화_2

서비스 역으로 설계하기

개념

• 가 디자인하려는 것과 비슷한 서비스를 찾아보는 게 큰 도움이 돼요.
• 이미 잘 만들어져 있는 서비스들을 참고하면, 내가 어떻게 해보면 좋을지 힌트를 찾기 쉬워요.
• 그 과정을 역설계, 역기획이라고 불러요.

고려할 점

1) 디자인 자체보다는 그렇게 한 이유에 대해 생각해 주세요

2) 어떤 것이 유사하고, 어떤 것이 다른지 다각도로 관찰해 주세요

3) 사용자가 해야 하는 가장 중요한 행동을 중심으로 분석해 주세요

 

역설계 과정

1) 도메인 및 레퍼런스로 삼을 서비스 확인하기

2) 역설계로 어떤 걸 확인하고 조사할 지 정하기

3) 조사 대상 화면 준비하기

4) 화면을 비교하며 분석한 내용 정리하기

 

---

클론 디자인과 규칙 찾아내기

클론 디자인의 개념

- Clone(복제하다) + Design : 디자인을 복제한다는 뜻으로, 다른 서비스의 디자인을 따라하면서 규칙과 스타일가이드를 분석하는 훈련

- 역설계와 유사하게, 이미 잘 만들어진 서비스를 놓고 어떻게 만들어졌는지 디자인을 직접 따라해보면서 분석하는 과정

- 클론 디자인은 디자인의 의도나 UX 전략을 찾아내는 것보다는, 어떤 규칙으로 UI가 만들어졌는지 찾아내는 과정

• 폰트의 크기와 행간, 자간 등 폰트 스케일
• 컬러 스케일과 전체적인 색상 사용의 비중
• UI 요소의 크기, 종류, 형태 등