W20901

	여러분 안녕하세요 ? 지난주에는 컴퓨터 바이러스 소동이 있었습니다. 여러분들의 컴퓨터는 무사한지 모르겠습니다. 우리학교에서는 네트웍에 연결되어 있는 컴퓨터의 약 30% 가량이 하드디스크를 아예 인식하지 못할 정도로 철저하게 파괴되어 여러 가지로 바빠졌습니다. 여러분들의 과제물은 안전합니다만 저의 노트북도 언제 말썽을 피울지 모르니 미리미리 백업을 받아 놓아야 겠지요.. 이번 주는 디자인 스타일에 관하여 알아볼까 합니다. 영어에서 "스타일이 있다" 라고 하는 말은 무척 좋은 뜻입니다. 그것은 개성을 뜻하기도 하고 세련됨을 나타내는 것이기도 해서 사람에게는 그 사람을 칭찬하는 말이 됩니다. 우리사회는 개성에 대해 관대하지 않은 편이지요. 저도 양복을 주로 입다가 면바지에 폴로 셔츠정도의 변화를 주는 정도로 옷을 입습니다만 항상 우리가 저마다의 스타일을 표현할 수 있다면 얼마나 재미있을까 생각해 봅니다. 가끔 젊은이들이 모이는 거리에서 볼 수 있는 다양한 스타일들은 보는 즐거움을 줍니다. 몸에 잘 맞는 단정한 정장, 울긋불긋한 펑크스타일, 민족적 특징을 살린 개량한복, 블루진에 가죽 자켓을 걸친 미국적 스타일에 이르기 까지 스타일에는 나름데로의 기능이 있고 사상이 있고 민족성, 지역성 등을 대표하며 이에 따른 동질성을 공유하기 위한 표현방법이기도 합니다. 스타일의 연출을 위해서 동질성은 역시 중요한 요소입니다. 저는 우리나라의 L백화점을 볼 때마다 어떻게 그토록 다양한 스타일을 한 공간 안에 연출해 놓았는가에 대해 생각해 봅니다. 바닥과 벽은 이태리 대리석과 스테인레스 몰딩, 라스베가스식의 네온싸인과 입구의 봉황 조각상을 보면서 일률적인지 않는 스타일의 남용에 대한 제고를 해보게 됩니다. 인터넷 사용이 보편화된 현대사회의 문화적 경향은 웹페이지의 시각적 스타일과 무관하지 않으며 개성 있고 기능적인 디자인 스타일로 표현된 웹페이지는 보는 즐거움과 신뢰감을 줍니다. 이번 주에는 스타일의 종류와 웹 디자인에서의 적용법에 대해서 알아보겠습니다. 같은 메시지를 다양한 스타일로 표현한 예 스타일의 종류 일반적으로 스타일은 시대와 지역에 따라 유행하는 특정한 양식을 말합니다. 그러나 웹 디자인에서는 그 내용에 맞는 표현상의 스타일 또한 빼놓을 수 없으며 이는 보통 시각디자인에서 볼 수 있는 스타일의 연출법과 같습니다. 본 절에서는 스타일을 시대 양식적인 것과 표현적 것으로 구분하고 각각의 대표적인 스타일을 몇 가지씩 소개하고자 합니다. 1) 시대 양식으로의 스타일 디자인 스타일의 역사는 크게 기능적인 것을 중시했는가 혹은 장식적인 것을 중요시 했는가 하는 커다란 두 개의 축을 가지고 있습니다. 영국 산업혁명 이후 물건의 대량생산체계로 이어지면서 나타난 모더니즘 운동은 극도로 기능적인 디자인 스타일을 만들었으며 독일 바우하우스의 디자인 교육혁명은 전후 서구 유럽과 미국의 디자인 스타일에 큰 영향을 미쳤습니다. 또한 50년대 이후 국가간의 교류가 활발해 지고 제품생산의 기술력이 좋아지면서 속도감을 나타내는 유선형적인 디자인이나 민족적 경향을 보이는 스타일이 생겨나는 등 새로운 장식적 스타일들이 나타나게 되었습니다. 우리나라의 서울이란 도시 속에서는 모더니즘 이전의 장식주의 스타일을 볼 수 있는 건물은 많지 않습니다. 명동성당이나 서울역, 덕수궁 등이 있겠으나 시기적으로는 서구의 모더니즘 경향이 풍미한 다음으로서 특정한 의미를 부여하기 위한 방편으로 이전의 스타일을 적용한 경우라고 봐야 할 것입니다. 전쟁후의 미국에서 들어온 모더니즘 양식은 철제 프레임과 유리로 둘러싸인 상자 같은 건물들로 서울을 메우기 시작했습니다. 세종로의 코리아나호텔 빌딩이나 3.1 빌딩과 같이 아무런 표정이 없는 듯한 단순한 형태를 이상적인 스타일로 간주하던 시기의 모양들로서 아직도 대부분의 빌딩 건축에 흔히 적용되는 경우입니다. 70년대 이후의 외국과의 교류가 활발해 지고 경제적인 여유가 생기면서 다시 세종문화회관이나 불란서 문화원과 같은 민족적인 스타일이나 건물구조에 변형이나 화려한 색상을 가하는 장식적 건물들이 다시 생기고 있으며 현재에는 모더니즘시대의 절제하는 스타일과 소비자의 취향만을 고려한 예식장의 중세성과 같은 키취적 스타일에 이르기까지 다양한 스타일이 공존하고 있으며 이는 건물의 사용목적과 대중의 취향에 따라 적용되고 있습니다. 다음은 역사적 스타일의 몇 가지 예입니다. - 아르누보 스타일 (1890~1900) 1890년경부터 20세기 초에 걸쳐 일어난 양식으로 전통적인 양식에 기계주의 시대의 새로운 미를 창조해 보려는 범 유럽적인 운동이었습니다. 아르누보의 시각적 특성은 식물에서 볼 수 있는 유기적인 형태들을 인쇄의 특성과 프레임의 틀에 맞추어 디자인한 것으로서 일부는 일본 판화의 영향을 받은 것이었습니다. 이전시대의 장식보다 더 우아한 느낌과 힘의 배분이 정확하고 유기적인 느낌을 주는 아름다운 양식이며 여성적이고 고급스러운 분위기를 연출합니다. 좌측: 그래스고우 학파의 포스터 1895 우측 상단: 아르누보 스타일의 가구 우측 하단: 아르누보 스타일의 파리 지하철역 입구 1900 - 모더니즘 스타일 (1900~1940) 기능성을 중시하고 장식을 최대한 배제하는 디자인으로 시각요소의 크기나 색상이나 위치 등을 목적과 용도에 준하여 수학적으로 정확하게 정의하는 방법으로 우리가 본 강의에서 다루었던 게슈탈트 심리학이나 시선의 동선에 따른 레이아웃 등이 이에 해당하는 디자인 방법이라고 볼 수 있습니다. 모더니즘 양식은 제작 공정상의 합리성을 함께 고려하므로 간혹 대량생산품의 무미건조한 느낌을 줄 수 도 있습니다만 디자인에 있어서 합리성과 기능성을 중시해야 한다는 기본틀을 확고히 한 양식으로 현대에는 어떠한 스타일이라도 모더니즘 디자인의 영향을 받고 있습니다. 좌측: 몬드리안의 모더니즘 회화 중간: 모더니즘 스타일의 인테리어 우측: 테오 반 되스부르크의 서체 (1919) - 포스트 모더니즘 스타일 (1940~1980) 모더니즘 디자인은 그 사상과 취지는 좋았지만 획일적이고 인간의 본능적인 아름다움에 대해 충족시켜주지 못하는 부분이 많았으므로 기능적이고 생산성을 염두에 두면서도 의도적인 장식적 요소를 가미하기 시작하게 되었고 지구촌 모든 국가에 대한 관심도가 높아지면서 스페인풍이니 일본풍이니 하는 등의 지리적 민족적 양식도 현대 디자인의 스타일로 과감히 들어오기 시작하는 등 후기 산업사회에서 전반적으로 나타나는 디자인 스타일을 말합니다. 포스트 모던 스타일에는 북유럽의 이지적이고 화사한 색풍을 보여주는 맴피스 스타일이나 속도감을 대단한 가치로 생각하던 시기에 이를 스타일로서 보여주려 했던 미국의 유기적 형태, 현란한 색상의 조합과 만화적 양식을 과감히 차용하기 시작한 사이키델릭과 팝 양식, 정통성이란 찾아보기 힘든 사용자 위주의 키취에 이르기까지 현대사회는 다양한 양식을 공유하고 있으며 하나의 스타일이 풍미하는 대상영역은 작아지고 그 주기는 짧아지는 경향을 보이고 있습니다. 디자인사에 기록되었던 다양한 양식들은 복고주의라는 형태로 다시금 차용되기 시작하면서 우리는 이를 이해하고 이를 디자인작업에 능동적으로 연출하여 디자인스타일 자체에 대한 일반적 이해의 장을 넓힐 수 있게 됩니다. 좌측: 앤디 와홀의 팝 아트 중간: 유희성을 도입한 포스트 모던 디자인 우측: 민족적 경향을 보이는 현대 포스터 2) 표현 기법상의 양식 스타일이라는 것은 시대적으로 풍미했던 경향이라고 하지만 현대의 웹페이지와 같은 커뮤니케이션 스크린을 디자인하는 데에 있어서는 그 제작 주기가 짧으면서 메시지 수용자 취향에 부합되어야 하므로 다양한 표현 양식 자체가 그래픽 스타일로서 중요하게 고려되어야 합니다. 미디어 회사에 다니면서 아동들을 위한 미술교육용 CD-ROM 타이틀을 개발한 적이 있습니다. 그때 가장 힘들었던 것은 아이들의 눈 높이가 되어야 한다는 것이었으며 사장님께서도 디자인 실 자체를 유치원처럼 풍선과 장난감으로 꾸미고 아동과 같은 마음으로 아이들이 되어서 작업을 하라고 하셨던 기억이 납니다. 표현을 위한 스타일이란 디자인 하고자 하는 대상의 뚜렷한 목적을 바르게 이해할 때 비로소 정해질 수 있는 것이며 스크린들간의 동질성을 구축하는데도 큰 역할을 하게 됩니다. 다음은 몇 가지 표현적 스타일의 예입니다. - 일러스트레이션 스타일 일러스트레이션이 어원은 '조명 illumination', '밝게하다 to make light'의 뜻을 가지고 있습니다. 즉 어떤 대상에 빛을 비춤으로써 더욱 분명해 진다는 뜻을 가지는 것으로 어떤 내용의 구체적인 이해를 돕기 위해 시각적 효과로 표현하는 그림을 말합니다. 그러므로 일러스트레이션으로 표현된 이미지는 다양한 의미를 하나의 이미지에 내포할 수 있으며 표현양식에 따라 사용자에게 친근감과 호감을 줄 수 있도록 하는 전문 분야입니다. 일러스트레이션 기법에는 회화의 기법인 수채화나 유화, 디즈니 캐릭터와 같은 만화적 기법에서 컴퓨터를 이용한 테크니컬 일러스트에 이르기까지 그 표현양식은 무척 다양하며 좋은 일러스트레이션은 웹페이지의 질을 높일 수 있게 하여주는 첫 번째 방법이 됩니다. 좌측 : 일러스트레이터 Joe Ciardiello의 홈페이지 (www.zaks.com/illustrators/ciardiello) 우측 : (www.tidycat.com) - 타이포그라픽 스타일 스타일에 따라서 문자를 다루는 법도 바뀌게 됩니다. 문자의 형태에서부터 크기, 배열에 이르기까지 문자만으로 보여줄 수 있는 스타일도 무척 다양하게 나타나며 특히 웹과 같이 하나의 페이지에 많은 문자들을 보여주어야 하는 경우에 타이포그라피적 완성도는 페이지 전체의 질을 좌우하는 중요한 요소가 됩니다. 좌측 : 영국의 타입페이스 연구단체 FUSE의 세미나 홍보용 페이지 우측 : 해체적인 타이포그라피 양식이 사용된 예 - 디지털 스타일 웹이나 CD-ROM 과 같이 컴퓨터 모니터를 사용하는 스크린 매체는 그 자체의 속성에서 오는 시각적 특성을 표현양식으로서 살려내는 방법을 보여주기도 합니다. 의도적으로 픽셀화 시킨 이미지나 3차원 와이어프래임 (CAD 와 같은 3차원 설계 프로그램에서 볼 수 있는 선적 구조체 이미지)등 컴퓨터적 표현특성을 하나의 스타일로 부각시키는 예는 많이 있으며 과학기술에 관련된 내용이나 컴퓨터 세대들에게 어필하도록 하는 데에 응용될 수 있는 양식이기도 합니다. www.turux.org 스타일의 결정과 동질성 스타일이 좋다 나쁘다라고 하는 표현보다는 스타일이 내용에 잘 맞는다 아니다라는 표현이 맞을 것입니다. 즉 스타일이란 그 내용적 특성에 잘 맞아야 하며 그러기 위해서는 내용의 명확한 분석과 정의가 선행되어야 합니다. 사용자들은 웹 페이지의 글보다도 이미지의 내용보다도 그 표현된 스타일을 먼저 인지합니다. 그러므로 혹 잘못 적용된 스타일은 원활한 커뮤니케이션을 방해할 수 도 있으므로 신중하게 고려되어야 할 것입니다. 스타일이란 우선적으로는 문자와 이미지에 적용되지만 궁극적으로는 멀티미디어 요소 전반에 모두 적용되어질 것이며 인터렉션을 위한 소리나 화면전환 효과에도 같은 성격의 스타일이 유지되어야 할 것입니다. 예를 들어서 화면상의 스타일은 첨단 우주적이면서 배경음악으로는 민속음악이 나온다거나 아이들을 위한 장난기 어린 스타일을 보여주면서 아나운서와 같이 점잖은 성우의 나래이션이 나온다면 뭔가 어울리지 않는 느낌을 받게 될 것입니다. 스타일의 목적은 균일성에 보다는 일관성에 있습니다. 문자는 문자끼리, 아이콘은 아이콘끼리, 일러스트는 일러스트끼리의 동질성이 필요할 것이며 이들이 함께 어우러져 있는 페이지는 또한 전체적으로 조화로운 스타일을 유지해야 할 것입니다. 그리고 더 나아가서 이러한 페이지들의 모임인 사이트 전체는 또한 저만의 스타일로서 사용자들에게 일관성 있게 메시지를 전달할 것입니다. 이미지 자료를 구하다 보면 다양한 스타일로 모아지는 경우가 있습니다. 이러한 경우는 적어도 색상이나 이미지를 잘라내는 등의 통일감을 주어 스타일의 성격을 맞추어 주어야 합니다. 사이트의 모든 페이지들은 스타일의 특성을 가지고 있어야 하며 페이지간의 관계설정을 위하여 레이아웃상의 변화를 시도할 수 있다. 디자인에 있어서 스타일은 요리에 있어서 향과 같습니다. 같은 영양에 비슷한 맛이라 하더라도 우리는 좋은 음식재료에 잘 어울리는 양념과 독특한 향으로 요리를 완성하고 그것은 요리의 수준을 결정하는 요소가 됩니다. 웹 디자인에 있어서도 스타일의 수준에 따라 전체적인 디자인 수준의 차이가 느껴지는 것은 당연합니다. 여러분들의 웹사이트에서도 디자인의 향기가 느껴지게 되기를 기대합니다. 다음주에는 웹 프로그래밍에 대하여 알아보도록 하겠습니다. 3차 과제는 5월 3일 중으로 공지사항을 통해서 공고하겠습니다. 감사합니다. 끝

여러분 안녕하세요 ?

지난주에는 컴퓨터 바이러스 소동이 있었습니다. 여러분들의 컴퓨터는 무사한지 모르겠습니다. 우리학교에서는 네트웍에 연결되어 있는 컴퓨터의 약 30% 가량이 하드디스크를 아예 인식하지 못할 정도로 철저하게 파괴되어 여러 가지로 바빠졌습니다. 여러분들의 과제물은 안전합니다만 저의 노트북도 언제 말썽을 피울지 모르니 미리미리 백업을 받아 놓아야 겠지요..
이번 주는 디자인 스타일에 관하여 알아볼까 합니다. 영어에서 "스타일이 있다" 라고 하는 말은 무척 좋은 뜻입니다. 그것은 개성을 뜻하기도 하고 세련됨을 나타내는 것이기도 해서 사람에게는 그 사람을 칭찬하는 말이 됩니다. 우리사회는 개성에 대해 관대하지 않은 편이지요. 저도 양복을 주로 입다가 면바지에 폴로 셔츠정도의 변화를 주는 정도로 옷을 입습니다만 항상 우리가 저마다의 스타일을 표현할 수 있다면 얼마나 재미있을까 생각해 봅니다. 가끔 젊은이들이 모이는 거리에서 볼 수 있는 다양한 스타일들은 보는 즐거움을 줍니다. 몸에 잘 맞는 단정한 정장, 울긋불긋한 펑크스타일, 민족적 특징을 살린 개량한복, 블루진에 가죽 자켓을 걸친 미국적 스타일에 이르기 까지 스타일에는 나름데로의 기능이 있고 사상이 있고 민족성, 지역성 등을 대표하며 이에 따른 동질성을 공유하기 위한 표현방법이기도 합니다.
스타일의 연출을 위해서 동질성은 역시 중요한 요소입니다. 저는 우리나라의 L백화점을 볼 때마다 어떻게 그토록 다양한 스타일을 한 공간 안에 연출해 놓았는가에 대해 생각해 봅니다. 바닥과 벽은 이태리 대리석과 스테인레스 몰딩, 라스베가스식의 네온싸인과 입구의 봉황 조각상을 보면서 일률적인지 않는 스타일의 남용에 대한 제고를 해보게 됩니다.
인터넷 사용이 보편화된 현대사회의 문화적 경향은 웹페이지의 시각적 스타일과 무관하지 않으며 개성 있고 기능적인 디자인 스타일로 표현된 웹페이지는 보는 즐거움과 신뢰감을 줍니다. 이번 주에는 스타일의 종류와 웹 디자인에서의 적용법에 대해서 알아보겠습니다.

같은 메시지를 다양한 스타일로 표현한 예

스타일의 종류

일반적으로 스타일은 시대와 지역에 따라 유행하는 특정한 양식을 말합니다. 그러나 웹 디자인에서는 그 내용에 맞는 표현상의 스타일 또한 빼놓을 수 없으며 이는 보통 시각디자인에서 볼 수 있는 스타일의 연출법과 같습니다. 본 절에서는 스타일을 시대 양식적인 것과 표현적 것으로 구분하고 각각의 대표적인 스타일을 몇 가지씩 소개하고자 합니다.

1) 시대 양식으로의 스타일
디자인 스타일의 역사는 크게 기능적인 것을 중시했는가 혹은 장식적인 것을 중요시 했는가 하는 커다란 두 개의 축을 가지고 있습니다. 영국 산업혁명 이후 물건의 대량생산체계로 이어지면서 나타난 모더니즘 운동은 극도로 기능적인 디자인 스타일을 만들었으며 독일 바우하우스의 디자인 교육혁명은 전후 서구 유럽과 미국의 디자인 스타일에 큰 영향을 미쳤습니다. 또한 50년대 이후 국가간의 교류가 활발해 지고 제품생산의 기술력이 좋아지면서 속도감을 나타내는 유선형적인 디자인이나 민족적 경향을 보이는 스타일이 생겨나는 등 새로운 장식적 스타일들이 나타나게 되었습니다. 우리나라의 서울이란 도시 속에서는 모더니즘 이전의 장식주의 스타일을 볼 수 있는 건물은 많지 않습니다. 명동성당이나 서울역, 덕수궁 등이 있겠으나 시기적으로는 서구의 모더니즘 경향이 풍미한 다음으로서 특정한 의미를 부여하기 위한 방편으로 이전의 스타일을 적용한 경우라고 봐야 할 것입니다. 전쟁후의 미국에서 들어온 모더니즘 양식은 철제 프레임과 유리로 둘러싸인 상자 같은 건물들로 서울을 메우기 시작했습니다. 세종로의 코리아나호텔 빌딩이나 3.1 빌딩과 같이 아무런 표정이 없는 듯한 단순한 형태를 이상적인 스타일로 간주하던 시기의 모양들로서 아직도 대부분의 빌딩 건축에 흔히 적용되는 경우입니다. 70년대 이후의 외국과의 교류가 활발해 지고 경제적인 여유가 생기면서 다시 세종문화회관이나 불란서 문화원과 같은 민족적인 스타일이나 건물구조에 변형이나 화려한 색상을 가하는 장식적 건물들이 다시 생기고 있으며 현재에는 모더니즘시대의 절제하는 스타일과 소비자의 취향만을 고려한 예식장의 중세성과 같은 키취적 스타일에 이르기까지 다양한 스타일이 공존하고 있으며 이는 건물의 사용목적과 대중의 취향에 따라 적용되고 있습니다. 다음은 역사적 스타일의 몇 가지 예입니다.

- 아르누보 스타일 (1890~1900)
1890년경부터 20세기 초에 걸쳐 일어난 양식으로 전통적인 양식에 기계주의 시대의 새로운 미를 창조해 보려는 범 유럽적인 운동이었습니다. 아르누보의 시각적 특성은 식물에서 볼 수 있는 유기적인 형태들을 인쇄의 특성과 프레임의 틀에 맞추어 디자인한 것으로서 일부는 일본 판화의 영향을 받은 것이었습니다. 이전시대의 장식보다 더 우아한 느낌과 힘의 배분이 정확하고 유기적인 느낌을 주는 아름다운 양식이며 여성적이고 고급스러운 분위기를 연출합니다.

좌측: 그래스고우 학파의 포스터 1895
우측 상단: 아르누보 스타일의 가구
우측 하단: 아르누보 스타일의 파리 지하철역 입구 1900

- 모더니즘 스타일 (1900~1940)
기능성을 중시하고 장식을 최대한 배제하는 디자인으로 시각요소의 크기나 색상이나 위치 등을 목적과 용도에 준하여 수학적으로 정확하게 정의하는 방법으로 우리가 본 강의에서 다루었던 게슈탈트 심리학이나 시선의 동선에 따른 레이아웃 등이 이에 해당하는 디자인 방법이라고 볼 수 있습니다. 모더니즘 양식은 제작 공정상의 합리성을 함께 고려하므로 간혹 대량생산품의 무미건조한 느낌을 줄 수 도 있습니다만 디자인에 있어서 합리성과 기능성을 중시해야 한다는 기본틀을 확고히 한 양식으로 현대에는 어떠한 스타일이라도 모더니즘 디자인의 영향을 받고 있습니다.

좌측: 몬드리안의 모더니즘 회화
중간: 모더니즘 스타일의 인테리어
우측: 테오 반 되스부르크의 서체 (1919)

- 포스트 모더니즘 스타일 (1940~1980)
모더니즘 디자인은 그 사상과 취지는 좋았지만 획일적이고 인간의 본능적인 아름다움에 대해 충족시켜주지 못하는 부분이 많았으므로 기능적이고 생산성을 염두에 두면서도 의도적인 장식적 요소를 가미하기 시작하게 되었고 지구촌 모든 국가에 대한 관심도가 높아지면서 스페인풍이니 일본풍이니 하는 등의 지리적 민족적 양식도 현대 디자인의 스타일로 과감히 들어오기 시작하는 등 후기 산업사회에서 전반적으로 나타나는 디자인 스타일을 말합니다. 포스트 모던 스타일에는 북유럽의 이지적이고 화사한 색풍을 보여주는 맴피스 스타일이나 속도감을 대단한 가치로 생각하던 시기에 이를 스타일로서 보여주려 했던 미국의 유기적 형태, 현란한 색상의 조합과 만화적 양식을 과감히 차용하기 시작한 사이키델릭과 팝 양식, 정통성이란 찾아보기 힘든 사용자 위주의 키취에 이르기까지 현대사회는 다양한 양식을 공유하고 있으며 하나의 스타일이 풍미하는 대상영역은 작아지고 그 주기는 짧아지는 경향을 보이고 있습니다. 디자인사에 기록되었던 다양한 양식들은 복고주의라는 형태로 다시금 차용되기 시작하면서 우리는 이를 이해하고 이를 디자인작업에 능동적으로 연출하여 디자인스타일 자체에 대한 일반적 이해의 장을 넓힐 수 있게 됩니다.

좌측: 앤디 와홀의 팝 아트
중간: 유희성을 도입한 포스트 모던 디자인
우측: 민족적 경향을 보이는 현대 포스터

2) 표현 기법상의 양식 스타일이라는 것은 시대적으로 풍미했던 경향이라고 하지만 현대의 웹페이지와 같은 커뮤니케이션 스크린을 디자인하는 데에 있어서는 그 제작 주기가 짧으면서 메시지 수용자 취향에 부합되어야 하므로 다양한 표현 양식 자체가 그래픽 스타일로서 중요하게 고려되어야 합니다. 미디어 회사에 다니면서 아동들을 위한 미술교육용 CD-ROM 타이틀을 개발한 적이 있습니다. 그때 가장 힘들었던 것은 아이들의 눈 높이가 되어야 한다는 것이었으며 사장님께서도 디자인 실 자체를 유치원처럼 풍선과 장난감으로 꾸미고 아동과 같은 마음으로 아이들이 되어서 작업을 하라고 하셨던 기억이 납니다. 표현을 위한 스타일이란 디자인 하고자 하는 대상의 뚜렷한 목적을 바르게 이해할 때 비로소 정해질 수 있는 것이며 스크린들간의 동질성을 구축하는데도 큰 역할을 하게 됩니다. 다음은 몇 가지 표현적 스타일의 예입니다.

- 일러스트레이션 스타일
일러스트레이션이 어원은 '조명 illumination', '밝게하다 to make light'의 뜻을 가지고 있습니다. 즉 어떤 대상에 빛을 비춤으로써 더욱 분명해 진다는 뜻을 가지는 것으로 어떤 내용의 구체적인 이해를 돕기 위해 시각적 효과로 표현하는 그림을 말합니다. 그러므로 일러스트레이션으로 표현된 이미지는 다양한 의미를 하나의 이미지에 내포할 수 있으며 표현양식에 따라 사용자에게 친근감과 호감을 줄 수 있도록 하는 전문 분야입니다. 일러스트레이션 기법에는 회화의 기법인 수채화나 유화, 디즈니 캐릭터와 같은 만화적 기법에서 컴퓨터를 이용한 테크니컬 일러스트에 이르기까지 그 표현양식은 무척 다양하며 좋은 일러스트레이션은 웹페이지의 질을 높일 수 있게 하여주는 첫 번째 방법이 됩니다.

좌측 : 일러스트레이터 Joe Ciardiello의 홈페이지 (www.zaks.com/illustrators/ciardiello)
우측 : (www.tidycat.com)

- 타이포그라픽 스타일
스타일에 따라서 문자를 다루는 법도 바뀌게 됩니다. 문자의 형태에서부터 크기, 배열에 이르기까지 문자만으로 보여줄 수 있는 스타일도 무척 다양하게 나타나며 특히 웹과 같이 하나의 페이지에 많은 문자들을 보여주어야 하는 경우에 타이포그라피적 완성도는 페이지 전체의 질을 좌우하는 중요한 요소가 됩니다.

좌측 : 영국의 타입페이스 연구단체 FUSE의 세미나 홍보용 페이지
우측 : 해체적인 타이포그라피 양식이 사용된 예

- 디지털 스타일
웹이나 CD-ROM 과 같이 컴퓨터 모니터를 사용하는 스크린 매체는 그 자체의 속성에서 오는 시각적 특성을 표현양식으로서 살려내는 방법을 보여주기도 합니다. 의도적으로 픽셀화 시킨 이미지나 3차원 와이어프래임 (CAD 와 같은 3차원 설계 프로그램에서 볼 수 있는 선적 구조체 이미지)등 컴퓨터적 표현특성을 하나의 스타일로 부각시키는 예는 많이 있으며 과학기술에 관련된 내용이나 컴퓨터 세대들에게 어필하도록 하는 데에 응용될 수 있는 양식이기도 합니다.

www.turux.org

스타일의 결정과 동질성

스타일이 좋다 나쁘다라고 하는 표현보다는 스타일이 내용에 잘 맞는다 아니다라는 표현이 맞을 것입니다. 즉 스타일이란 그 내용적 특성에 잘 맞아야 하며 그러기 위해서는 내용의 명확한 분석과 정의가 선행되어야 합니다. 사용자들은 웹 페이지의 글보다도 이미지의 내용보다도 그 표현된 스타일을 먼저 인지합니다. 그러므로 혹 잘못 적용된 스타일은 원활한 커뮤니케이션을 방해할 수 도 있으므로 신중하게 고려되어야 할 것입니다. 스타일이란 우선적으로는 문자와 이미지에 적용되지만 궁극적으로는 멀티미디어 요소 전반에 모두 적용되어질 것이며 인터렉션을 위한 소리나 화면전환 효과에도 같은 성격의 스타일이 유지되어야 할 것입니다. 예를 들어서 화면상의 스타일은 첨단 우주적이면서 배경음악으로는 민속음악이 나온다거나 아이들을 위한 장난기 어린 스타일을 보여주면서 아나운서와 같이 점잖은 성우의 나래이션이 나온다면 뭔가 어울리지 않는 느낌을 받게 될 것입니다. 스타일의 목적은 균일성에 보다는 일관성에 있습니다. 문자는 문자끼리, 아이콘은 아이콘끼리, 일러스트는 일러스트끼리의 동질성이 필요할 것이며 이들이 함께 어우러져 있는 페이지는 또한 전체적으로 조화로운 스타일을 유지해야 할 것입니다. 그리고 더 나아가서 이러한 페이지들의 모임인 사이트 전체는 또한 저만의 스타일로서 사용자들에게 일관성 있게 메시지를 전달할 것입니다.

이미지 자료를 구하다 보면 다양한 스타일로 모아지는 경우가 있습니다.
이러한 경우는 적어도 색상이나 이미지를 잘라내는 등의 통일감을 주어 스타일의 성격을
맞추어 주어야 합니다.

사이트의 모든 페이지들은 스타일의 특성을 가지고 있어야 하며
페이지간의 관계설정을 위하여 레이아웃상의 변화를 시도할 수 있다.

디자인에 있어서 스타일은 요리에 있어서 향과 같습니다. 같은 영양에 비슷한 맛이라 하더라도 우리는 좋은 음식재료에 잘 어울리는 양념과 독특한 향으로 요리를 완성하고 그것은 요리의 수준을 결정하는 요소가 됩니다. 웹 디자인에 있어서도 스타일의 수준에 따라 전체적인 디자인 수준의 차이가 느껴지는 것은 당연합니다. 여러분들의 웹사이트에서도 디자인의 향기가 느껴지게 되기를 기대합니다.
다음주에는 웹 프로그래밍에 대하여 알아보도록 하겠습니다.
3차 과제는 5월 3일 중으로 공지사항을 통해서 공고하겠습니다.

감사합니다.

끝