[웹디자인] 그리드 시스템 & 추천 사이트

모든 웹 사이트들은 위그림의 회색박스로 표시해 놓은 것처럼 잘짜여진 그리드 시스템 안에 안정적으로 컨텐츠를 배치합니다. 저 그리드 시스템이 깨지는 순간 부자연스러워 진다거나 시각적으로 거슬리는 구조가 되기도 합니다. 물론 지극히 개인적이라거나 작품으로 활용되는 웹사이트들은 그런 거슬림을 개인의 의도에 따라 일부러 이용하기도 하지만 많은 사용자가 드나드는 포털 사이트나 쇼핑몰, 금융권, 관공서 사이트들은 시각적으로 안정된 화면을 보여주는 것이 사이트의 목적에 가장 잘 부합되는 편입니다.   사이트의 일반적인 기본요소는 로고, 메인메뉴, 퀵메뉴, 전체메뉴, 사이드메뉴 메인컨텐츠, 공지, 배너광고영역, 로그인/아웃, 하단의 기타메뉴 및 회사정보, 검색바 정도가 있고요 최근엔 거의 필수적으로 들어가는 요소입니다.   메뉴의 종류가 많아진것은 사용자의 편의성을 배려하다보니 사용자의 여러거자 성향을 충족시키려는 작업자의 노력으로 인함입니다.           이렇게 안정적인 그리드 시스템의 규칙에 맞게 각 요소를 맞춰 놓으면 사이트의 시각적인 균형을 유지할 수 있는 동시에 안정적이고 편안한 사용자 경험을 제공할 수 있습니다. ^^   사이트 캡쳐하셔서 기존사이트들의 그리드를 분석하시다보면 뭔가 띵하는게 있으실겁니다. 그리드가 파격적으로 틀린 사이트가 별로 없거든요.   그 감만 잡으신다면 더 수월하게 하실 수 있지 싶습니다.   아래는 그때 말씀드렸던 유용한 사이트 입니다요.   http://www.dbcut.com/bbs/index.php   http://www.5day.co.kr/main.php   http://www.iwebdy.net/   http://www.strangefruits.nl/   오다가다 자주 보시면 감각적으로 도움이 많이 되는 사이트들입니다.        위그림은 그리드 디자인에 관한 추천서적이에요. 근처 도서관에서 주욱 읽어 보시면 쉽게 읽히기도 하고 또 재미있습니다.   그럼 즐거운 열공되세요 ^^