DAYOUNG

레이아웃 레이아웃이란 전체적인 디자인 콘셉트와 계획에 따라 서체와 이미지 등 각각의 시각적 요 소들을 한정된 공간 안에 적절하게 배치하는 것을 의미하는 것으로, 인터페이스 디자인에 서 레이아웃이란 화면의 전체적인 구도를 파악하고 심미적 요소들을 화면에 배치하는 것 을 의미한다 시각적 인터페이스의 레이아웃을 결정하는데 있어서의 핵심은 정보의 분류와 위계, 체계 등의 정보 설계, 즉 콘텐츠 구조이다. 레이아웃을 구성할 때에는 그리드가 명확해야 하며, 페이지 간의 일관성이 뛰어나 사용자 가 어떤 페이지에 머물든지 간에 원하는 정보를 빠르게 찾을 수 있어야 한다. 그러나 모 든 페이지가 일관적이기만 하면 페이지의 인상이 지루해질 수 있기 때문에 일관성을 유지 하면서도 약간의 변화와 다양성을 줄 수 있어야 한다...

영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 배너 영역 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른예매 @charset "utf-8"; /* 레이아웃 */ #mNav {display: none; position: absolute; top: 10px; right: 14px;} #header {width: 100%; border-bottom: 1px solid #c6c6c6;} #banner {position: relative;} /* 가운데 영역 */ .container {position: relative; width: 1280px; margin: 0 auto; background: rgba(0,0,0,0); } /* 로우 영역 */ .row {padding: 0..

@charset "utf-8"; /* 레이아웃 */ #header {width: 100%; height: 63px; border-bottom: 1px solid #c6c6c6;} #banner {position: relative;} /* 가운데 영역 */ .container {position: relative; width: 1280px; margin: 0 auto; background: rgba(0,0,0,0); } /* 로우 영역 */ .row {padding: 0 24px;} /* 헤더 영역 */ .header h1 {float: left;} .header h1 em {padding: 15px 8px 5px 0; display: inline-block;} .header h1 em img {width:..

메가 박스 사이트 만들기(2)-헤더 영역

메가박스 코딩 기본셋팅