본문 바로가기

디자인 Tip

드로잉기법을 활용한 웹 페이지 디자인

반응형
드로잉기법을 활용한 웹 페이지 디자인

다양한 형태의 표현 기법들을 통한 웹사이트들이 제작되어왔고 트랜드로 형성되어 변화해 왔다.
화려한 플래시를 이용한 동적인 웹사이트, 그리고 3D 표현을 이용한 공간감 있는 웹사이트 영상을 접목시킨 웹사이트
등 예전 오프라인에서만 주로 표현 해왔던 기법들이 최근 웹을 통해 Interactive 하게 표현되고 있다.



이번 기사에서는 최근 트랜드 속에서 드로잉기법을 활용한 웹 페이지들을 중심적으로 소개하고 분석 하고자 한다.

기존의 드로잉 기법은 웹사이트 제작 초기단계의 컨셉 스케치나, 전체 그림의 뼈대 역할 정도로만 인식되어왔다.
하지만 최근 드로잉기법을 이용한 많은 웹 페이지들이 등장하고 있으며 하나의 트랜드로 정착 되었다. 이러한 이유는
아날로그적인 냄새에 대한 많은 사람들의 향수가 아닐까 한다.
다양한 디지털 형태의 디자인 속에서 느낄 수 없었던 감성을 아날로그 요소와 디지털 요소의 적절한 조합으로 인해 보
다 효과적으로 표현된다..







위 산타페 웹디자인을 보면 전체적으로 스케치를 이용하였고 차량이미지는 실사를 이용하여 제품을 더욱 강조 하면서
전체적인 분위기를 부드럽게 표현하고 있다. 스케치를 이용하여 영상화 표현도 복잡하거나 화려하게 표현 하기보단 마
치 그림을 그리는듯한 기분으로 표현한것이 미술시간에 나만의 그림을 그리는 기분을 느낄 수가 있다.
스케치 기법외에 캘리그라피 기법은 예전부터 딱딱한 글씨체 보다 자연스러운 글씨체를 원하는 대중들에게 큰 호응을
얻었다. 이런 기법들을 이용하여 스토리적인 부분과 기획적인 부분을 감히 한다면 보다 훌륭한 웹디자인이 탄생 되지
않을까?

디지털화 되는 디자인 표현 기법

최근 온라인 게임에서도 다양한 기법을 보여 주고있다.
마치 회화적인 느낌이 Pixel로 만들어진 일러스트보단 더욱 부드럽게 표현 할수 있다 란걸 보여 준계기가 되어보인다.

포토샵이나, 페인터등의 디자인툴 프로그램등을 이용하여 게임속에 캐릭터나 주변 배경이미지들을 그려 실제 사진이
아닌 일러스트 적이면서 회화적인 느낌으로 구동을 하는경우가 많아 지는 추세 이다.



스케치 기법으로 다양해진 멀티미디어 기법들

스케치는 썸넬 작업이나 러프스케치에서의 전체적인 기획단계 표현에서 좀더 나아가, 본작업에서도 대중들에게 어필
할 수 있는 하나의 기법으로 표현이 가능하게 되었다. 웹디자인만이 아닌 영상에서도 마찬가지이다.

3D 렌더링으로 마치 실제 처럼 만들어 비쥬얼적으로 표현하는 영상들 속에서 스케치와 일러스트를 믹싱하여. 마치 살
아 움직이는 듯하면서 다이나믹한 표현을 가상 이미지 보다 도 훨씬 나은 영상도 제작되고있다.



스케치 기법의 미래

보다 효과적인 방법을 찾아 내긴 쉬운일은 아니다.
스케치 기법은 하나의 디자인 요소이기에 이런 방법으로 전부 디자인을 한다기 보단 여러기법과 함께 사용하여 보다
자연스러운 결과물을 제시 할 수 있을 것이라 생각된다.

 

작성자 : 이해강 (youmaelee@iwebdy.net)

출처 : http://www.iwebdy.net


반응형