[클라우딩 어플리케이션 엔지니어링 TIL] - 6주차 피그마3

피그마 프로토타입 실습

디자인 가이드라인

IOS, Android 각각의 운영 체제는 제조사에서 제공하는 디자인 가이드라인이 있으므로 앱을 디자인할 시 읽어보는 것이 좋음. 양이 많으므로 필요시 요약본 읽기
애플의 Human Interface Guidelines

Google Material Design 3

 

디자인 리소스

피그마 커뮤니티에서 IOS와 Android에 어울리는 디자인 리소스를 구해 쉽게 화면을 구성할 수 있다.
IOS 17 디자인 리소스

Material 3 디자인 리소스

 

 

언스플래시: 고화질 이미지 무료 제공 피그마에서 플러그인으로도 사용 가능

 

로컬 폰트: 브라우저에서 피그마를 사용하는 경우 아래 링크에서 font installer를 통해 다운받아야만 컴퓨터에 저장된 로컬 폰트를 사용 가능
https://www.figma.com/downloads/

 

눈누: 상업적 이용 가능한 무료 폰트

컬러 제너레이터
https://mycolor.space/

추천 아이콘

https://www.figma.com/community/file/878585965681562011/material-design-icons?searchSessionId=ls116f0z-1d86v02jy2w

디자인을 참고할 레퍼런스

pinterest

WWIT

 

실습

IPhone 13 & 14: 390×844 

• Main
  • status bar 
  • visual
  • shortcut

• menu

• recommend
• bottom bar