숭실대학교 중앙도서관
모바일 시안 4차수정
- 2가지 형태의 검색창 시안을 준비하였습니다.
모바일 시안 3차수정
- 4가지 형태의 로고타입으로 시안을 준비하였습니다.
- 4가지 형태의 검색창 시안을 준비하였습니다.
- 2가지 색상의 아이콘 시안을 준비하였습니다.

- 모바일기기와 운영체제에서 지원하는 폰트가 적용됩니다.
모바일 시안 2차수정
- 첫화면 상단 로고와 아이콘이 변경되었습니다.
- 흰바탕+영문로고로 구성된 로딩화면을 추가하였습니다.

- 모바일기기와 운영체제에서 지원하는 폰트가 적용됩니다.
모바일 시안 1차수정
- 첫화면 상단높이를 확장하고 로고를 변경하였습니다.
- 로딩화면에 숭실대학교 중앙도서관으로 로고변경하였습니다.
- 로그인화면 시안추가하였습니다.

- 모바일기기와 운영체제에서 지원하는 폰트가 적용됩니다.
모바일 시안
- 첫화면 상단오른쪽 아이콘은 외부연결(도서관PC버전)아이콘입니다.
- 외부연결아이콘으로 의미전달이 어려울 듯하여 사이트맵시안을 추가하였습니다.
- 첫화면 검색입력창은 입력되지않고 클릭시 검색화면(자동완성, 최근검색어 사용때문)으로 이동합니다.
시안 B 수정3차
- 커튼형 팝업 색상 변경하였습니다.
- 로그인/로그아웃 한글표기로 통일시켰습니다.
- 전체메뉴 아이콘의 가로폭을 5px 확장시켰습니다.
- 바로가기 메뉴 수정되었습니다.

- 타블렛 시안에서 첫화면 컨텐츠사이 간격을 조정하였습니다.
시안 B 수정2차
- 커튼형 팝업 추가되었습니다.
- 로고, 로그인/로그아웃 한글표기, 더보기 위치 수정되었습니다.
- 상세검색 글씨는 좀 더 짙은 색으로 변경, 위치 조정되었습니다.
- 서비스 바로가기 내용 수정되었습니다.
- 외부배너 2개 추가되었습니다.
- 상단메뉴 2Depth 아이콘 삭제되었습니다.
- 검색결과화면 페이지제목부분 수정되었습니다.

- 타블렛 시안에 수정사항 반영되었습니다.
- 모바일 시안에 수정사항 반영되었습니다.
시안 B 수정
- 최대 가로 1680px에 제한된 레이아웃입니다.
- 상단 영역 높이 축소, 로고변경, 로그인시 아이콘표시 적용하였습니다.
- 검색부분의 디자인 수정, 다국어와 상세검색이 추가되었습니다.
- 공지사항과 이용시간 위치교체, 외부배너를 하단으로 위치이동하였습니다.
- 서비스 바로가기 타이틀 수정 및 내용 추가되었습니다.
- 배너 이미지 높이 축소 및 최대 3건까지 보이도록 수정하였습니다.
- 수정된 사이트 맵 적용하였습니다.

- 타블렛 기기와 모바일기기에서 반응형 시안 추가하였습니다.
- 모바일 브라우저에서 URL을 입력하여 접속한 화면시안이며, 이는 설치형 모바일앱이 아닙니다.
시안 A+B
- 시안 B의 레이아웃과 시안 A-1의 컨텐츠부분을 합친 시안입니다.
시안 A-1
- 시안 A에서 숭실밝은블루로 메인색상을 변경하여 더 밝고 화사하게 수정되었습니다.
- 아이콘 부분을 밝은 색상으로 변경하면서 아이콘도 함께 변경되었습니다.
- 로그인 여부를 좀 더 명확하게 표현하였습니다.
- 배너 이미지의 높이를 축소하였습니다.
- 첫화면과 달리 서브화면에서 상단은 좀 더 컴펙트하게 고정형으로 디자인하였습니다.
시안 B
- 화면을 100% 사용하는 개방형 레이아웃입니다. 시안은 24" 1920*1680 해상도에 맞춰 제작되었습니다.
- 컨텐츠 영역은 최대 1200px이며, 그 이하에서 반응형으로 동작하게 됩니다.
- 상단 디자인이 비대칭형으로 디자인되어, 첫화면 컨텐츠 영역을 균등분배하여 안정감을 높였습니다.
- 외부배너는 더보기 형태로 디자인되었습니다.
- 일반 컨텐츠페이지와 검색페이지는 내용영역의 크기를 달리할 수 있어, 시안을 추가하였습니다.

- 시안 B를 개방형이 아닌 시안 A와 동일 해상도 레이아웃 시안을 추가하였습니다.
시안 A
- 컨텐츠 영역을 1280*720 해상도에 최적화한 레이아웃입니다.
- 가로 최대크기는 1200px이며, 그 이하에서 반응형으로 동작하게 됩니다.
- 검색을 상단 중앙에 배치하여 강조하였습니다.
- 화려한 일러스트나 이미지 사용을 최대한 배제하고 심플하게 디자인하였습니다.
- 외부배너는 slide 형태로 디자인하였습니다.
- 모든 페이지에서 동일한 상단을 사용하되 스크롤에 맞춰 상단이 고정되는 형태입니다.
* 시안을 보실수 있는 링크가 걸려있습니다.