웹디자인(Web Design) 강좌 - 홈페이지 제작 가이드 홈짱닷컴

포토샵
	포토샵 강좌
	무료폰트
	포토샵 브러쉬
	포토샵 단축키
	파일 형식
웹폰트
일러스트레이터
	일러스트 이미지
웹디자인 소스
웹디자인 기능사
플래시
	플래시 비디오 파일
	액션스크립트(Action Script)
나모 웹에디터
드림위버
	File 메뉴
	Edit 메뉴
	View 메뉴
	Insert 메뉴
	Modify 메뉴
	Text 메뉴
	Commands 메뉴
	Site 메뉴
	Window 메뉴
	Help 메뉴
홈페이지 메뉴

네이버 북마크

다음 즐겨찾기

마가린

웹디자인(Web Design) 강좌

잘 차려놓은 밥상이 먹기에도 좋다는 말이 있듯이 홈페이지 역시 시각적으로 배치를 잘해야 보다 효과적으로 정보를 전달 할 수 있습니다.

홈페이지에서 전달하고자 하는 정보를 가장 효과적으로 전달할 수 있는 시각적인 요소를 구성하는 것을 웹디자인이라고 합니다.

웹디자인은 2가지 관점에서 볼 수 있습니다.

하나는 위에서 언급한 시각적인 요소의 배치입니다. 홈페이지의 전체적인 레이아웃을 구성하고 색감을 결정하고 배너나 로고 이미지를 제작하는 등의 작업을 말할 수 있습니다.

이를 위해서 웹디자이너들은 포토샵(Photoshop), 일러스트레이터(Illustrator)와 같은 그래픽 툴을 이용하여 사이트의 시각적인 요소를 제작합니다.

두번째는 기술적인 관점에서 볼 수 있습니다.

시각적인 요소를 HTML과 CSS 등을 이용하여 완성된 웹페이지를 만들어냅니다.

특히 최근에는 CSS의 중요성이 강조되고 웹표준 또한 요구됩니다. 심지어 웹2.0 스타일의 홈페이지에서는 많은수의 HTML 요소들이 자바스크립트와 연결되어서 사용되고 있습니다.

그러므로 전통적인 웹디자인 영역이 포토샵과 일러스트레이터를 잘 다루고, 드림위버와 HTML 등을 이용해서 기본적인 페이지를 만들어내는 작업이었다면 이제는 그 영역이 보다 확장되어 웹표준에 부합되는 HTML과 CSS를 사용하여 홈페이지를 디자인하고 경우에 따라서는 자바스크립트까지 컨트롤 하는 경우도 있습니다.

그리고 웹디자인을 할때 언제나 염두에 두어야 할 부분은 잘 차려놓은 밥상이 먹기에도 좋지만 밥상을 구성하고 있는 내용물 자체가 좋아야 합니다. 웹디자인은 이들을 돋보이게 할 수 있는 조연의 역할에 머물어야 한다는 말입니다. 성공하는 웹사이트중에서 화려한 웹디자인을 가지고 있는 경우는 거의 없습니다.

웹디자이너가 주로 다루는 툴(Tool)

비트맵 방식의 그래픽 툴인 포토샵(Photoshop)과 페인트 샵 프로(Panitshop pro)
벡터방식의 그래픽 툴인 일러스트레이터(Illustrator)와 코렐드로우(Coreldraw)
3D Max와 같은 3D 툴
Dreamweaver, 나모 웹에디터, Frontpage 등과 같은 편집기
플래시(Flash)

위와 같은 툴을 모두 다루는 것은 아니고 이중 몇몇 툴만을 전문적으로 다루게 됩니다. 예를 들어 플래시(Flash)를 전문적으로 다루는 웹디자이너로 나갈 수도 있구요...

그리고 툴은 말그대로 도구일 뿐이고 웹디자인을 한다는 것은 툴을 다룬다는 것과는 많은 차이가 있습니다.