구름만드는공장

각 맞추기의 정석, 다음. (daum.net) // 다음 레이아웃을 살펴보자. 본문

창고

각 맞추기의 정석, 다음. (daum.net) // 다음 레이아웃을 살펴보자.

Paulsvee 2010. 4. 8. 21:22
반응형
가로 그리드

먼저 가로 라인을 살펴 보도록 하자. 선 하나하나가 딱딱 맞아 떨어진다.
첫 시작은 로고와 검색, 그리고 오른쪽 끝 이미지, 이 3요소가 정확히 한 라인에 있다. 안정감과 깔끔함을 준다.
두 번째, 눈에 띄는 부분은 좌측 박스 광고와 메인 뉴스 영역의 썸네일이 정확히 맞아 떨어지도록 구성 되어 있는 점.
세 번째, 하단 좌측, 중앙, 우측에 위치한 썸네일, 각각 2개, 3개, 1개의 맛깔스러운 구성으로 이 역시 정확히 맞아 떨어진다.


세로 그리드
세로 그리드 역시 깔끔하게 각을 맞추고 있다.


전체 그리드 한 눈에 보기
가장 눈에 띄는 부분은 역시 썸네일의 각맞추기, 가로와 세로가 정확히 맞아 떨어진다는 점.
또한, 썸네일 뿐만 아니라 텍스트와 썸네일, 그리고 텍스트와 텍스트의
각도 정확히 맞추는 세심함이 돋보이는 다음의 레이아웃이다.


p.s
솔직히 나의 경우는 다음보다 네이버를 더 좋아하긴 하지만...
다음의 이런 깔끔한 배열은 내가 몹시나, 매우, 아주 많이~ 좋아하는 정갈함을 느끼기에 충분하다.





네이버 다음 싸이월드 블로그 트위터 싸이월드 다음 뷰 한RSS
반응형
Comments