관리 메뉴

JIE0025

[UI설계][Figma] FLAG - UI 개선 본문

기타 학습/기획, UI, UX

[UI설계][Figma] FLAG - UI 개선

Kangjieun11 2022. 12. 4. 03:08
728x90

✅ 피그마 페이지 구조 개선

  • 기존에 한 페이지에 있던 난잡한 구조에서 페이지 분리

Pages

📋 UI- MARKUP

시맨틱 태그별 공통 디자인 추출

  • Body 내용 길어지면 무한스크롤
  • 스크롤 내려갈 경우, 사이드바는 fix 해주기

📋 BOARD - (POST, REPLY)

전체적인 디자인 개선
마구잡이로 있던 내용들 ▶ Section 영역 내부로 들여보냄.
댓글과 답글 디자인

post

  • 게시판을 선택해주세요 옆에 ▽ 이거 있으면 좋겠다
  • 파일 - (사진, 파일) 정도의 추가가 가능하게 할 것임.
  • 파일은 erd에서 link로 연결되어 있다는거 기억하자

boardlist

boardView & reply
  • 하트 누르면 색칠되어야함.
  • 내가 어떤 게시판에서 글쓰기 버튼 눌렀으면
    게시판 자동으로 해당 게시판을 디폴트 값으로 설정되어야함

📋 USER

ERD에 의해 SIGN UP 에 EMAIL 추가 (NOT NULL)
USER PAGE 개선

  • 본인 깃허브, 블로그 링크 주소
    Image, name, information, tag, edit button, my activity
sign in

sign up
user page


> user edit profile page 필요

📋 SEARCH