1차 화면 설계
•
무엇을 누르면 어느창이 나오고 이런 내용을 더 구체화 하여 만들었습니다.
•
모달창을 제외하고 나머지의 윤곽을 만들었습니다.
•
실제로 html 파일을 만든다고 생각하고 레이어 작명을 했습니다.
◦
끝으로 갈수록 집중력이 떨어져서 완벽하게 하지는 못했습니다.
(중간중간 수정하겠습니다)
◦
사용되는 폰트의 경우 파일을 올려두었습니다. local 에 해당 폰트가 있어야 다른 조원들도 피그마에서 볼 수 있을 듯 합니다.
•
만들다보니 이름이 길어지는 부분들이 있어서 CSS 와 html 명명규칙 수정의 필요성을 느꼈습니다. (물론 이도 다시 수정할 예정입니다)
결과물
•
아래 방향으로 기능을, 오른쪽 방향으로 해당 기능의 세부사항(기능)을 넣었습니다.
◦
세부사항(기능) active 한 상태 / 버튼 클릭시 모달창 나옴 . . .
•
Dashboard & login
•
Profile & message/friends
•
Planner
•
Gallery