첨부파일 https://eond.com/blog/360894

#왜 반응형
이온디 에디션 레이아웃은 구조상 반응형인 웹사이트 레이아웃입니다.
처음 만들 때는 PC버전과 모바일 버전으로 각각 따로 만들어야 겠다고 생각했습니다만
작업하다보니 양쪽 로컬메뉴와 사이드바의 넓이가 각각 250픽셀이라 

#컨텐츠 중심의 레이아웃

#확장성 - 이온디 홈페이지의 '큰 그림'
이온디 에디션 레이아웃은 확장성과 사용성을 염두에 두고 작업합니다.
기본적으로 컨텐츠 중심의 레이아웃이며, 고정폭의 넓이를 가진 레이아웃보다 더 많은 내용을 
메뉴 영역 또는 사이트 메뉴, 컨텐츠 상단과 하단에 위젯 형식으로 제공할 수 있습니다.

#무료 버전과 유료 버전
기본적으로 저작권 표시가 있는 버전으로 무료 버전을 배포할 것입니다.
유료 버전과의 차이점은 저작권 표시 유무입니다.

#참조사이트
사이드바가 있는 반응형 사이트, 네이버 캐스트
http://tvcast.naver.com/
http://entertain.naver.com/tv

카페베네
http://www.caffebene.co.kr/

XE 연구센터 (숭숭군)
http://xecenter.com/xe/?mbs=116937

티스토리 스킨
http://chhwa75.tistory.com/1070

온시맨틱 오리지널 레이아웃 LITE(온시맨틱)
https://www.xpressengine.com/index.php?mid=download&package_id=22753732
http://original.onsemantic.com/example1_drip/593

One Color 레이아웃(XE템플릿)
https://www.xpressengine.com/index.php?mid=download&package_id=22753559

doorweb basic 가변형 레이아웃
https://www.xpressengine.com/index.php?mid=download&package_id=22753538

#반응형을 만들면서 주의해야할 점
사용자들이 익숙하도록 엘리먼트의 위치가 변동되서 혼동되지 않도록 만들기

#일워
내가 만들려는 레이아웃과 가장 비슷한 레이아웃!
https://www.ilwar.com/recent

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 164 articles in 6 / 11 pages
번호 제목 제목 날짜날짜
공지 이온디에서 제작 배포 중인 레이아웃 2013/03/13
89 [XE기타] [XE위젯] 이온디 파일박스 배너위젯 2015/09/09
88 [레이아웃제작기] [이온디 에디션] 모바일에서의 터치슬라이딩 구현하기 파일 [2] 2015/09/01
87 [레이아웃제작기] [이온디 레모나] 참조 사이트 2015/08/29
86 [XE기타] 구매 페이지 템플릿 2015/08/26
85 [XE기타] 만들어볼 스타일의 레이아웃 2015/08/25
84 [레이아웃제작기] [이온디 에디션] 사이드바가 있는 경우 반응형 레이아웃의 컨텐츠 코딩 방법 2015/08/22
83 [레이아웃제작기] [이온디 에디션] 반응형 메뉴의 역할 2015/08/22
현재글 [레이아웃제작기] [이온디 에디션] 참조 반응형 웹사이트 2015/08/21
81 [레이아웃제작기] [이온디 온] 헤더 위젯 파일 2015/08/20
80 [레이아웃제작기] [이온디 에디션] 시안 20150820 파일 2015/08/20
79 [레이아웃제작기] 이온디 온 - 메인 작업 완료 80% 2015/08/18
78 [레이아웃제작기] 이온디 온 - 컨텐츠 위젯 디자인 2015/08/18
77 [레이아웃제작기] 이온디 온 - 컨텐츠 위젯 2015/08/12
76 [레이아웃제작기] 이온디 온 - 통합검색 2015/08/09
75 [레이아웃제작기] 이온디 온 레이아웃 로그인 UI 기획 러프 스케치 파일 2015/07/04

해시태그 디렉터리