Info B조 타겟별 레이아웃
- PC, 모바일 2가지 유형으로 UI/레이아웃 구성
- PC 화면 기본적용 타겟: 최대 해상도 1024 x 768 이상일 경우 적용(데스크탑/노트북/아이패드/노트/탭)
- 모바일 화면 기본적용 타겟: 최대 해상도 320 x 240 이상일 경우 (아이폰패드/갤럭시)
- 모바일|PC 화면전환 기능 제공
- 컨텐츠영역 가변 사이즈(브라우져 리사이징 반영)
- 모바일 화면에서 PC화면 사용자를 고려한 버튼형 UI고려
- 2번과 함께 공간의 효율적 사용을 위한 배치 필요
- 모바일 디바이스 지원 가능 컨텐츠 처리방안 고려
- 관련글/이전,다음글 링크 버튼 터치 인터페이스 고려
- 덧글이 많을 경우 처리방안 고려(페이지 방식)
- 모바일 버젼의 에디팅 환경 고려
- "취소" 버튼?
- 글쓰기 참고
- No exist!
- 화면 사이즈별 기본 레이아웃 지정(Default)
- Header 영역:로고(홈링크)/기본 탭(최신글/공지/뉴스)/로그인-아웃/설정(탭설정,자동로그인)
- Status 영역:메뉴(게시판)/현재 위치(링크포함)/검색/새글쓰기
- Contents 영역
- Banner 영역: 컨텐츠 화면 하단에 위치하고 높이는 가급적 작게(아래로 슬라이딩시 일정 시간 경과 후 나타남)
- Navigation 영역: 시스템 브라우저 기본 영역
- Header 영역:로고(홈링크)/기본 탭(최신글/공지/뉴스)/로그인-아웃/설정(탭설정,자동로그인)
- Status 영역:메뉴(게시판)/현재 위치(링크포함)/검색/새글쓰기
- Contents 영역
- 제목영역: 제목/회원정보/작성일,시각/조회수/덧글
- 본문영역
- 버튼영역: 글관리/답글
- 덧글 목록
- 덧글 쓰기
- 글 네비게이션 버튼: 이전/목록/다음
- UI 전환 링크
- Navigation 영역: 시스템 브라우저 기본 영역
- Header 영역:취소/저장/타이틀
- Contents 영역
