2024-09-03 개인프로젝트 8일차 - HTML, CSS(Figma) / 반응형!

소비자우롱차·2024년 9월 3일

📅 2024-09-03 개인프로젝트 8일차

TODO

  1. Figma
  • 반응형 어떻게 하는지 찾아보기
  • 경기 정보 페이지 디자인
    • 게임센터 페이지(간략하게 보여주는..)
    • 일정·결과 페이지
  • 기록·순위 페이지 디자인 추가
    • 구단 순위 페이지 추가
  • 문의사항 페이지 디자인

1. Figma

  1. 반응형 : 검색해보니까 Constraints(컨스트레인트)를 쓰면 된다고 한다!

🔎 내가 적용한 방법

  • Header 프레임에는 수평방향 Left and right, 수직방향 Top / 각각의 요소들에는 수평방향 Center, 수직방향 Center

  • Footer 프레임에는 수평방향 Left and right, 수직방향 Bottom / 각각의 요소들에는 수평방향 Center, 수직방향 Center

  • Content 요소들에는 수평방향 Center, 수직방향 Top을 줬다.

  • 적용된 동영상
    movie

  1. 경기 정보 페이지 디자인
  • 게임센터 경기 전

  • 게임센터 경기 종료

  • 게임센터 달력 눌렀을 때

  • 일정·결과 페이지

  1. 기록·순위
  • 구단 순위 페이지
  • 구단 순위 페이지(달력 눌렀을 때)
  1. 문의사항
  • 문의사항 페이지 디자인

✔ 게시글 작성, 수정, 상세보기 페이지만 만들면 Figma는 끝날거 같다..
✔ 내일은 ERD랑 기능정의서 해보자!

profile
우당탕탕....

0개의 댓글