도서출판 인사이트

이 세상의 모든 형체(Shape)는 점, 선, 면으로 이뤄져있다는 건 익히 아시는 내용일 겁니다.
점과 점 사이를 이으면 선이 되고, 선의 시작과 끝이 맞붙으면 면이 되는 원리인거죠.
뭐… 개인적으로는 선이고 면이고 다 필요 없고, 세상은 그냥 ‘점’으로만 되어 있는 것 같습니다. ^^ (점이 모이면 선이 되고, 면이 되니까요.)

모니터 화면에서는 이런 ‘점’을 픽셀(Pixel)이라고 부르죠.
꼭 그래픽 디자인의 영역이 아니라고 해도, 일반분들도 ‘픽셀’의 개념을 많이 아시게 된 것은 이미 오래된 일입니다.
모니터 부터 LCD TV, 휴대용 기기의 액정에 이르기까지 이미 우리는 어쩌면 ‘점’ 보다도 ‘픽셀’과 더 가까이 살고 있는지도 모르겠네요.

하
지만 이런 픽셀 단위의 작업물은 ‘옛날’ 방식으로만 활용되는 것은 아닙니다. 최근에 나오는 게임들도 이런 픽셀 단위의 그래픽
작업물을 기반으로 만들고는 합니다. 캐릭터 뿐만이 아니라, 인터페이스, 배경 등 많은 부분 또는 전체가 픽셀 아트를 기반으로
만들어지고 있죠.
반대로 모바일 기기와 같은 환경에서는 기기의 성능이 발전함에 따라 초소형 기기에서 3D와 같은 기술적 응용을 펼치고는 합니다.

픽셀 아트를 이용한 최근 게임(던전앤파이터)

픽셀 아트를 이용한 웹서비스(싸이월드)

저도 학창 시설(이미 오래전이군요;;; )에 게임 제작 모임에 참여했을 때, 흔히 말하는 이 ‘도트 노가다’를 했던 기억이 새록새록 납니다. ^^ 그 당시에는 이 도트 노가다를 ‘너무’ 좋아해서 몇몇 작업물들도 만들곤 했었죠.

동아리 홈피 대문용 작업물

밑의 싸이월드 주소는 잊어주세요;;

하도 좋아해서 도트 찍는 법에 대한 강좌도 올리곤 했었죠. -_-;;
(오랫동안 묻혀있던 글들이 살아났군요. ^^;; 각 강좌명을 클릭하면 내용을 보실 수 있습니다.)

하지만 이 정도는 ‘애들 장난’ 수준이죠.
이
세상의 어떤 분야에나 괴물 or 외계인은 항상 존재하는 법이거든요. 사실 픽셀 아트는 요령과 스킬도 필요하지만 엄청난 감각과
노력, 그리고 끈기를 요구하는 작업입니다. 매우 작은 공간에 한정된 자원(점의 수, 색깔 수)으로 보여주고자 하는 바를 모두
표현해야 하기 때문이죠.

(이런 분들은 ‘픽셀 아티스트’라고도 하고 국내에서는 ‘도트 디자이너(Dot
Designer)’라고 주로 부르고 있습니다. 전 개인적으로 픽셀 아티스트가 더 좋더군요. 도트 디자이너란 용어가 너무
노가다성만 강조한 경향이 되어 버려서요…;;; 그냥 개인적인 취향입니다. ^^)

꼭 구경해 보세요!!!

웹 디자인을 하면서도 이런 픽셀의 중요성은 더 할나위 없습니다.

제
한된 화면 해상도에 디자이너가(또는 클라이언트가) 원하는 모든 것을 표현하기 위해서는 ‘점’하나도 허투루게 쓸 쑤 없기
때문이죠. 또한 아이콘이나 버튼과 같이 작게 표현되는 개체는 이런 픽셀 단위의 작업 & 마무리가 매우 중요하게 됩니다.
꼭 사이트 전체를 픽셀 아트로 작업할 필요는 없지만 깔끔한 레이아웃의 마무리나 배경 패턴의 적용 등과 같은 부분은 반드시 픽셀
단위의 마무리 작업이 필요하기 때문입니다.

깔끔함의 끝은 결국 픽셀입니다.

픽셀 소스를 공유하는 사이트

폰
트 사용에서도 마찬가지지요. 상대적으로 작게 쓰이는 글자의 경우에는 안티 앨리어싱(Anti-Aliasing)을 비활성화해서
픽셀을 드러내는 것이 오히려 더 가독성이 높아기지 때문에, 타이포그래피를 하면서 작은 글자의 경우에는 픽셀 단위로 다듬어 주는
작업이 필요합니다.

어느게 더 좋나요?

이렇듯 디지털 아트(웹 디자인 포함)의 세계에서 픽셀(점)은 아직도 큰 의미를 가지고 있는 것이죠. ‘님이라는 글자에~♪ 점 하나를 찍으면~’ (남이 되죠. 후후) 이 노래 가사처럼 분명 ‘점’에는 커다란 힘이 있습니다.

각설하고…

사실 상업 미술은 순수 미술에 비해 매우 마케팅적 요소가 강하게 묻어납니다.
아니, 강하게가 아니라 마케팅을 고려하지 않은 상업 미술은 의미가 없다고 해도 과언이 아니겠죠. 특히 색의 선택은 매우 개인적이고 감각적인 영역이면서, 그렇기 때문에 더 계획적이고 의도적인 영역이기도 합니다.

우선 다음 색들을 한 번 보실까요??

네~~ 이 시점에서 저는 ‘건담‘이라는 대답이 듣고 싶었습니다~ = ㅂ=

뭐. 건담이 만화, 로보트, 장난감… 이라는 이유로 전혀 관심이 없으신 분들을 제외하고, 일본 애니 좀 좋아하시거나, 메카닉류를 좀 좋아하시거나 하면 건담을 떠올리시는 분이 많으셨을 겁니다.

출처:달롱넷(dalong.net)

대략적으로 시리즈가 변해도 색의 사용이 비슷비슷한 걸 알 수 있습니다.
물론 같은 파란색이라도 각 시리즈마다 그 농도나 채도가 다르고, 심지어 어떤 시리즈에서는 파란색은 아예 없고, 곤색으로 대처를 해버리기도 합니다.

하지만, 일단 기본적인 색상의 사용 컨셉은 동일하죠.

색상심리학에서 봤을 때 건담을 구성하는 색들은 ‘일반적으로’ 다음과 같은 의미를 가집니다.

물론 가장 처음 건담이라는 애니메이션 시리즈가 시작되었을 때, 메카닉 디자이너가 저런 색의 의미를 고려하고 디자인을 했을까는 (현재로선) 알 수 없습니다.

하지만, 각 색의 의미를 가만히 곱씹어보면 아주 전형적인 ‘주인공 기체’의 색 조합이라고 생각할 수 있습니다.

착 한편이니깐 ‘흰색’을 기본 베이스로, ‘파랑(또는 곤색)’을 통해 안정적이고 현명함의 느낌을, ‘빨강’과 ‘노랑’으로 포인트를 줌으로써 단조로울 수 있는 색 조합에 흥미를 더해주고, 더불어 활동적이고 역동적인 느낌을, 마지막으로 ‘검정색’을 통해 기계적인 느낌을 포함하면서 동시에 힘이라는 키워드를 실어주고 있습니다.

그리고 가만히보면 흰색과 검정색(무채색)을 제외한 나머지 색상들은 공교롭게도[!!] 보색 설계(위치 상으로는 분할 보색 또는 3색 설계)를 이루고 있습니다.

건담에 사용된 색상 설계

보색 설계란 색상환의 서로 반대편에 있는 색들로 전체적인 배색을 구성하는 것을 말합니다.
사실 색에 대한 감각과 현재 만들고 있는 것에 대한 정확한 의미 규정이 없으면 다소 적용하기 힘든 배색 구조이긴 합니다. 촌스러워 보이기 십상이거든요…

아 주 오래 전 건담이라는 애니메이션 시리즈가 시작되면서 분명 이런 부분들을 고려하여 메카닉을 디자인 했을 겁니다. 그리고 그것이 자연스럽게(또는 의도적으로) 브랜딩화 되면서 건담이라는 애니메이션의 ‘주인공 기체’는 자연스럽게 위에서 말한 기본 컬러들과 색상 설계를 활용하고 있는 것이지요.

물론 현재에는 주인공’급’ 기체라고 해서 반드시 이 색상 설계를 따르는 것은 아니지만, 그래도 이런 색상을 ‘과감하게’ 벗어난 디자인의 건담이 등장하면 건담팬들은 살짝 ‘당황’하기도 하는 이유가 바로 여기에 있을 겁니다. ^^

최근작 ‘건담 더블오’에 등장한 기체들

참고로 위의 사진은 건담 시리즈의 최근작인 ‘건담 더블오’에 등장한 주인공급 기체들이죠.
모두 건담입니다만… 건담의 전형적인 색상설계를 따르고 있지는 않습니다. ^^
그래도 가장 왼쪽의 주인공X2급 기체는 역시나 건담의 기본 색상 설계를 따르고 있습니다.

웹사이트 디자인에서도 이 이론은 변하지 않고 적용될 겁니다.
말씀드린 것 처럼 ‘보색’이라는 것이 해당 사이트의 성격을 정확하게 파악한 후, 색상 설계를 구성해야만 ‘매우 촌스러우면서도 멋드러지게 어울리는’ 것이 가능합니다. 그러다보니 ‘가급적 쓰지말라‘고 하는 이야기도 자주 나오게 되죠.;;;

하지만 중요한 것은 디자인을 함에 있어서 ‘정답’은 없다는 겁니다.
어쩔 때는 과감한 보색 설계의 적용이 뜻하지 않은 좋은 효과를 가져올 수 도 있겠죠. ^^
하지만 그런 ‘대박’을 꿈꾸기 보다는 조금씩 색의 의미와 색상 설계의 원리를 익혀서, 철저한 계획하에 적용되는 것이 무엇보다 필요할 겁니다.
분명 보색 설계라는 것은 무미건조한 모니터 앞에 앉은 사용자들에게 조금이라도 흥미로움을 전달해 줄수 있는 강력한 무기 중의 하나이기 때문입니다.