모바일 화면 기초 UI 셋팅 - Android
1. 커뮤니티 리소스 - Android & iOS Keyboard UI kit
2. Detach instance
- 내 작업에 가져오면 묶여있을 거임
Detach instance로 리소스의 인스턴스를 끊어준다.
3. Fixed로 Browse Bar 고정
- 상단에 고정하기 위해 Fixed 적용
CSS에서
position: fixed;같은 느낌..!
4. Keyboard 1~3 똑같이 적용
- 리소스에서 키보드도 불러와서 위 내용과 똑같이 적용
리소스 활용을 습관화 하자! ⭐⭐⭐
모바일 화면 기초 UI 셋팅 - iOS
iPhone 13 mini
1. line
- 밑 라인은 항상 고정되어 있으니 Fixed 적용
2. 키보드
Detach instance적용- Fixed 적용
키보드가 바닥에 고정된 상태로 뒤쪽 컨텐츠들이 움직일 수 있음
PC화면 기초 UI 셋팅 - PC WEB
Desktop - MacBook Air 1280
macOS Browser UI Kit
Chrome
Detach instance적용- Fixed 적용
Safari
Detach instance적용- Fixed 적용
- Layout grid - Columns
1280 기준 16개의 세로선이 좋다고 함 !.
#피그마 #figma #피그마사용법 #디자인 #UX #UI #메타코드M #메타코드 #그래픽 #정보공유 #디자인추천 #취업준비 #취준생 #오토레이아웃 #프로토타입 #프레임 #메타코드M #메타코드 #피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠
