250224 월 TIL

디자인카타

https://velog.io/@mooni_1210/posts

UI 디자인의 모든것

[레이아웃과 그리드]

• 해상도 : 화면의 정밀도를 나타내는 지표 / 스크린의 가로 픽셀 수 x 세로 픽셀 수

• StatCounter 참고

• 안드로이드 : 360 * 800
• IOS : 375 * 812

고정과 가변 영역

• 고정 Fix : 해상도가 커지거나 작아져도 정의한 수치값이 일정하게 유지되는 것
  좌우 마진은 모든 페이지에 일관되게 적용되어야하기 때문에 고정으로 설정하는 편
• 가변 Flexible : 디바이스 사이즈에 맞춰 변동되는 부분 / 버튼, 배너와 같은 이미지 가변으로 설정하는 편

그리드

• 컨테이너 Container : 콘텐츠를 감싸고 있는 너비
• 컬럼 Column : 단의 넓이 / 콘텐츠를 정렬하고 배치하는 역할

  • 모바일 :2-6 (4컬럼)
    • 타블렛 : 6-12 (6-8 컬럼)
    • 데스크탑 : 12-16 (12컬럼)

---

오늘 손목이 너무 아파서 주사맞고 왔다....ㅠㅜㅠ 원래 작업하려했는데 그냥 강의 복습으로 다시 듣고....ㅠㅜㅠㅜ 건강 관리 잘하자 ㅠㅜㅠ