XE 공식 자료실

Version History :

v1.1 (2015/02/06)
add feature : 게시판 목록 고정 기능 (기본 설정은 '고정안함' : 호환성을 고려)
add : ASXE_FLAT 게시판 스킨과 동시 사용 시 select 박스 border 컬러 연동

v1.0 (2015/01/31)
최초 배포 버젼

_

테스트용 페이지 : http://tordm.net/xe/

XE Basic 템플릿을 기반으로 한 레이아웃입니다.
ASXE_FLAT 게시판 스킨과 같이 사용할 경우 Scape 모드(목록 가로보기, 본문 너비 조절)를 사용할 수 있으며, 링크 메뉴들의 컬러가 연동됩니다.

1. 눈이 편안한 화면 설계

일반적인 사이트들은 텍스트가 밀집된 컨텐츠 및 리스트 영역의 여백을 좁게 써서 화면이 답답하게 느껴집니다. 그래서 여백을 넓게 주어 시각적인 편안함 및, 필요한 정보에 대한 집중도 상승을 의도하였습니다. 그리고 PC의 평균적인 화면 DPI가 높아짐에 따라, 전체적으로 폰트의 크기를 키워서 가독성을 높였습니다. 비주얼 스타일 면에서는 특히 게시판 게시물 본문은 잘 디자인된 종이 문서와 같이 보일 수 있도록 제작하였습니다.

* 게시물 본문 및 코멘트의 폰트와 글자 크기는 에디터 모듈의 설정을 변경해야 합니다.

2. Scape 모드

- 모두 자동 설정 시, 창 가로크기 1920/1600/1024/800에 맞추어 자동으로 레이아웃 변경
- ASXE_FLAT 레이아웃과 게시판 스킨 동시 사용 시에만 지원

PC의 화면이 와이드가 대세가 됨에 따라, 가로 방향의 화면 경제성을 최대한 살리기 위해 게시판 목록 가록 보기 - Scape 모드를 지원합니다. 일반적인 커뮤니티 사이트들은 자유게시판과 같이 짧은 글 위주의 게시판들이 많은데, 이 Scape 모드에서는 특히 그러한 짧은 글들을 빠르게 열람할 수 있게 해 줍니다. Scape 모드가 익숙하지 않은 사용자들을 위해, 게시판 목록을 게시물 하단에 표시하도록 하는 옵션도 선택할 수 있도록 하였습니다.

 *Scape 모드와 무관하게 레이아웃과 게시판 스킨은 각각 독립적으로도 정상 적동하도록 설계되었습니다.

*이 자료는 XE 공모전 2014 출품작입니다