[iOS] UI스케치

🎨 느린우체통 UI스케치

• Figma 툴로 작성
• 링크 - https://www.figma.com/file/NhmkJF2ZfFxzMT0fcT7iWr/느린-우체통?node-id=0%3A1

🍎 iOS 앱 스케치 Tip

• Frame을 생성할 때 원하는 기기 사이즈를 Frame으로 생성합니다.
  

• iOS에서 사용하는 UIKit요소등을 미리 정의해 놓은 프로젝트등을 참고해서 복사 붙여넣기로 사용하면 편리하게 구현이 가능합니다.

• 🚨 만약 미리 구현해놓은 프로젝트에서 복사 붙여넣기로 하는 경우 텍스트가 변경이 안된다면 폰트를 변경해서 사용하면 텍스트 변경이 가능합니다.
  

• 참고사이트 목록

  • https://www.figma.com/file/x8rFkJEzePrXUjohv2kmOj/Figma-iOS-UI-Kit-(Free)-(Community)?node-id=635%3A695
  • https://www.figma.com/file/19a0WzKqvZtwVhL9LdyZK7/iOS%2FiPadOS-13-Design-UI-Kit-(Community)?node-id=29%3A2890

💡 UI스케치 Tip

• UI적으로 어떻게 화면에 보여야 좋을지에 대해서도 생각합니다. (사용자의 편리성, 이해가 유용할 지?)

• 직접 스케치 해서 화면간의 관계를 생각해봅니다.

  예시

  • 테이블 뷰에서 셀들을 사이즈가 큰 형식으로 팔로워목록을 나타내면 팔로워수가 많아질 때 알아보기 힘들기 때문에 적당한 크기로 만들어야합니다.
  • 화면들간의 문맥이 연결되어 있는 부분과 연결되어 있지 않는 부분들을 어떻게 분리할지에 대해서 생각해야합니다. (네비게이션 컨트롤러)

• API 응답으로 받은 정보를 바탕으로 화면을 작성합니다.

• Apple Design Resource 링크

• Goodnotes 5와 Sketch는 디자인을 할 때 유용한 툴

  • [Sketch.com](