[TODOLIST] FIGMA

https://www.figma.com/file/yDqYTQgw0UaIyLrFQmtohK/todolist?node-id=0%3A1 

Figma

옛날 신문 느낌을 주는 todo 입니다.

 

✨HEAD

• TODOLIST (logo)
  • 누르면 현재날짜의 페이지로 로드됩니다.
• 시계
  • 현재시간을 알려줍니다
• 날짜 변경
  • 중앙에는 오느 날짜가 보입니다.
  • 좌측 화살표를 누르면 하루 전날, 우측화살표를 누르면 다음날 페이지를 로드합니다

 

✨Side

• What should I do todqy?
  • 호버로 색상이 변경 됩니다. 누르게 되면 작은 창으로 글을 작성할 수 있습니다. 
• todolist
  
  • list item
    
    1. 클릭시 생상이 어두워지고, 체크가 됩니다
    2. main파트의 퍼센트에 영향을 줍니다.
• edit 버튼
  • list item을 수정합니다. (날짜, 할 일, 상세 내용)
• del버튼
  • list item을 삭제합니다. 삭제를 하는지 한번더 물어보는 창이 뜨고 ok를 누르면 삭제됩니다.

 

✨Main

• 퍼센트
  • 작성된 todolist의 진생상황을 퍼센트로 보여줍니다.
• imgArea (option)
  • 마우스를 올려 반짝이는 아이콘을 누르면 사진을 추가할수 있습니다
  • 사진은 1600ms마다 슬라이드로 변경 됩니다.
• textArea
  • 텍스트를 넣을수 있습니다
  • 간단한 일기를 쓸수 있습니다.

 

✨Create/Edit Todolist (작은 창) 

• 날짜
  • 중앙에는 오느 날짜가 보입니다.
  • 좌측 화살표를 누르면 하루 전날, 우측화살표를 누르면 다음날 페이지를 로드합니다
• TextArea
  • Title
    1. todolist에 보이는 title입니다.
  • Detail Text
    1. 상세 내용을 작성합니다.
• Button
  • Create/Edit
    1. 내용을 생성하거나 수정합니다
  • Cancel
    
    1. 작성을 취소 합니다