http://i-ruru.com/265?srchid=BR1http://i-ruru.com/265

body { text-align: center; }

container { text-align: left; margin: 0 auto; }

위의 예제처럼 바디와 가운데 정렬시키고 싶은 div 박스 각각에 위 속성을 넣어준다.

'web' 카테고리의 다른 글

CSS 리스트 가로 표시  (0) 2009/04/19
DIV 가운데 정렬 시키기  (3) 2009/04/05
웹폰트 설치 방법  (0) 2009/04/05
폼/전송버튼 스타일 설정  (1) 2009/04/04
Posted by 웹눈
웹디자인 포토샵 강좌
Web Design Library에서는 매일매일 포토샵 강좌가 업데이트 되고 있습니다. 레이아웃에 관한 강좌도 이곳에 올라오니 블로그 스킨이나 웹사이트 레이아웃을 꾸며보실 분들은 한번 참고해 보세요.
Posted by 웹눈
스크롤을 움직일때마다 스크롤을 따라다니는 메뉴 소스입니다. 사실 따라다닌다기 보다는 고정되어 있다는 표현이 맞는 말입니다. css만으로 구성되어진 소스이며, 기존 자바스크립트로 구성된 소스보다 더 가볍고 리소스를 적게 잡아먹는 장점이 있습니다.

이 소스로 Top 버튼을 구상하면 좋을듯 싶습니다. 나라디자인에 가시면 소스와 예제를 보실수 있습니다.
Posted by 웹눈
Function은 워드프레스용 스킨을 제작하는 블로그입니다. 그외에도 웹디자인에 필요한 각종 정보와 브러쉬, 배경이미지 등의 소스를 제공하고 있습니다.

블로그 스킨 디자인

Function이 제작한 블로그 스킨


위 이미지는 Function 이 제작한 블로그 스킨입니다. 현재 개인 5만원대에서 단체 50만원까지 판매되고 있습니다. 웹표준을 준수하며, 디자인면에서도 뛰어나다고 생각합니다. 이런 배경 디자인을 할수만 있다면 저도 웹표준을 준수하는 스킨을 제작할수 있을거라 생각하지만, 그런 디자인적인 감각이 저에게는 아직 부족한것 같습니다.

언젠가는 저도 이런 스킨을 만들날이 오겠죠?
Posted by 웹눈
웹디자인에 사용할수 있는 배경이미지입니다.

웹디자인 배경이미지 소스

가죽느낌의 배경이미지


웹디자인 배경이미지

콘크리트 느낌의 배경이미지


웹디자인 소스

엠보싱?


웹디자인 배경이미지

금속 제질 느낌의 배경이미지


이 이미지들은 해외사이트에서 무료로 제공한것들 입니다.

'web' 카테고리의 다른 글

무료 폰트 1001가지 제공 사이트  (0) 2008/09/05
웹디자인 배경이미지 소스  (0) 2008/08/31
포토샵 레이어 합치는 방법  (0) 2008/08/27
메인타이틀 꾸미기  (0) 2008/08/26
Posted by 웹눈

메인타이틀 꾸미기

web 2008/08/26 16:21
메인 디자인을 잘하는 기법을 소개한 포스팅이 있어 소개할까 합니다.
타이포의 변화를 통해 어떤 디자인 효과가 나타나는지 자세하게 설명하고 있습니다.

http://monomato.com/70

'web' 카테고리의 다른 글

포토샵 레이어 합치는 방법  (0) 2008/08/27
메인타이틀 꾸미기  (0) 2008/08/26
포토샵 브러쉬 툴 사용방법  (0) 2008/08/26
웹디자인할때 색 선택의 중요성  (7) 2008/08/25
Posted by 웹눈

웹디자인시 고려해야할 색의 조합

웹디자인 룰

웹사이트를 디자인할때 색 조합의 중요성은 종종 무시되어 왔습니다. 하지만 웹사이트의 성공여부는 색의 조합에 크게 의존되어 있다는것을 명심해야 합니다. 각 웹사이트의 특징별로 어떤 색의 조합을 사용하는것이 좋은지 알아보겠습니다.

색이 표현하는 언어

화이트 : 흰색은 웹사이트의 가장좋은 배경색입니다. 흰색은 진실함, 청결, 헌신, 전념등을 보여줍니다. 가장 참신하고 무난한 색입니다.

레드 : 빨간색은 가장 감정적이며 강렬하고 선명한 색입니다. 숨을 가쁘게 만들죠. 빨간색은 에너지, 활동, 자신감, 열정의 상징입니다.

오렌지 : 오렌지색은 사람의 눈에 비치는 가장 따듯한 색입니다. 오렌지색은 따듯함, 환호, 강함, 야망, 꿈을 표현합니다.

블랙 : 블랙은 웹디자이너들이 텍스트 컬러로 가장 선호하는 색입니다. 하지만 배경색으로 사용될때는 아주 나쁜 색입니다.

블루 : 블루는 웹디자이너들이 두번째로 선호하는 색입니다. 블로는 안정성과 깊음, 심오함, 지혜로움, 자신감, 신뢰를 대표합니다.

그린 : 그린은 사람눈에 가장 편안한 색입니다. 훌륭한 치료의 힘을 가지고 있습니다. 성장과 조화 그리고 비옥함을 표현합니다.

옐로우 : 옐로우는 집중력을 높이는 색입니다. 이 색은 지혜와 즐거움, 행복함을 표현합니다.

핑크 : 핑크는 고요한 색입니다. 그리고 친절, 귀여움, 부드러움, 온화함과 결백, 순진함을 표현합니다.

브라운 : 갈색은 예절과 부유함을 표현합니다.

이와같이, 웹사이트를 디자인할때 사이트를 방문하는 대상을 고려한다면 어떤색을 선택해야 하는지 알수 있습니다. 장난감을 판매하는 사이트라면 핑크색이나 블루를 선택하면 구매율을 높일수 있습니다.

명심해야 할것은 단일페이지에서 2~3개이상의 색을 사용하지 마세요. 각각의 페이지마다 같은 배경색을 사용하세요. 매우 밝은색으로 제작하는것은 피하시는게 좋습니다. 이미 로고가 있는 회사의 사이트라면 로고와 어울리는 색을 사용하는것이 중요합니다. 일관성을 유지하세요.

'web' 카테고리의 다른 글

포토샵 레이어 합치는 방법  (0) 2008/08/27
메인타이틀 꾸미기  (0) 2008/08/26
포토샵 브러쉬 툴 사용방법  (0) 2008/08/26
웹디자인할때 색 선택의 중요성  (7) 2008/08/25
Posted by 웹눈