클라우딩 어플리케이션 엔지니어링 TIL(6주차-3)

프로토타입 실습

사전 준비

• 폰트 : font installer를 통해 데스크톱 브라우저에서 사용하거나 figma 앱 다운받기
  https://www.figma.com/downloads/
  

• 디자인 가이드라인 : IOS, Android 각각의 운영 체제는 제조사에서 제공하는 디자인 가이드라인이 있으므로 앱을 디자인할 시 읽어보는 것이 좋다(양이 방대하므로 필요시 인터넷의 요약본 읽기)
  IOS : Human Interface Guideline
  Android : Material Design 3
  
  

• 디자인 리소스 : 피그마 커뮤니티에서 IOS와 Android에 어울리는 디자인 리소스를 구해 쉽게 화면을 구성할 수 있다.
  IOS
  Andorid
  
  
  IOS 컴포넌트 예시
  

• 레퍼런스 참고
  핀터레스트
  
  WWIT
  

• 개별 리소스 다운로드
  언스플래시 (사진) (피그마에서 플러그인으로 사용 가능)
  
  Mycolor 색깔
  
  눈누 (폰트)
  
  피그마 마테리얼 아이콘 디자인
  

실습

• 프레임 및 탑바 세팅
  
• 바텀 바 세팅
  
• 비쥬얼 영역 세팅
  
• 숏컷, 메뉴 영역 세팅
  
• 추천 영역 세팅