픽셀 디자인 - 63빌딩

디자인 2009.08.10 14:55
사용자 삽입 이미지
최근의 관심사_픽셀 디자인!

하나 하나 만들어서

도시를 건설해봐야지!

신고

강자이너 개인 포트폴리오 블로그 오픈했습니다_

블로그 2009.05.01 18:19
사용자 삽입 이미지
http://portfolio.kangsign.com

그동안 해왔던 작업물들을 정리한 포트폴리오 블로그를 오픈했습니다. 사실, 개설한지는 꽤 되었는데 방치해뒀었거든요;; 이제 졸업도 얼마 남지 않았으니 막바지 포트폴리오 열심히 정비해서 '필요한' 사람이 되도록 노력하겠습니다.

* Tistory Studio (White) - 이 스킨이 익스플로러 9에서 컨텐츠 영역 상단히 밀리는데 해결방법 아시는분?

신고

푹신푹신한 감성적인 터치스크린 - 임프레스(Impress)

디자인/인터렉티브 2009.04.02 15:56

impress - flexible display from Sillenet on Vimeo.

만지면 반응하는 감성적인 세상이지만 사용되는 디스플레이들의 촉감은 여전히 딱딱하고 비감성적인 것들 뿐입니다. 오늘 소개하는 임프레스는 딱딱한 터치스크린이 아닌 푹신푹신한 소재의 플렉시블 디스플레이로 단순한 촉감 그 이상의 경험을 제공하고 있습니다. 푹신한 소재 덕분에 화면에 왜곡이 생기게 되는데 그 왜곡또한 화면에 영향을 미쳐서 '압력'에 의한 변화를 보여주네요!
 
신고

강자이너의 졸업 전시회 풍경~

디자인 2008.12.05 10:45
전시회를 시작한지 벌써 4일이나 지났네요. 많은 분들이 왔다 가셨고 제 작품이 나름대로 좋은 반응을 얻고 있어서 만든 사람으로써 무척 뿌듯합니다+_+



웹 버젼(http://www.mondriantree.com)에서는 그냥 마우스로 그릴 수 밖에 없었지만 전시장에서는 위 동영상에서 보시는 것처럼 펜앤터치사에서 개발한 DUO펜을 사용하여 LCD 모니터에 직접 그리는 방식을 채택했답니다. 터치 한번으로 그려지는 제 작품과 잘 맞아떨어졌다고 생각이 되네요^^

사용자 삽입 이미지

모니터에 그림을 그리기 위해서는 일단 모니터를 눕히는게 관건이더군요. 받침대를 핑크폼으로 만들고 목공소에 가서 내부를 가릴 수 있는 MDF 목판을 만들었답니다.

사용자 삽입 이미지

토스트기같이 생긴 이 조그만 기기는 HP에서 나온 포토프린터에요. 단순히 그리는 것으로 끝나는 것이 아니라 자신이 그린 그림을 직접 출력해서 가져갈 수 있도록 구성해봤어요. 여자분들에게 인기가 많았습니다^^;;(출력물 우측 상단에는 각각 serial number를 부여했답니다. 100번째 출력물 가지고 계신분은 연락주세요! 선물이라도?ㅎㅎ)

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지

전시를 보고 난 뒤 웹버젼으로 자연스럽게 연계시키기 위해 현재 체험단을 통해 제공받은 X-NOTE MINI로 웹버젼을 같이 작동시켜 봤습니다.

사용자 삽입 이미지
사용자 삽입 이미지

본래의 목적과는 다르게 작품의 내용보다는 작고 이쁜 넷북 자체에 사람들이 더 관심을 가지는 바람에 아쉽게도 전시에서는 철거하고 버그 수정용 노트북으로 용도를 변경했습니다;;

사용자 삽입 이미지

미니의 작은 화면에 본격적인 스크립트 작업을 하는건 무리겠지만 간단한 버그 수정용으로는 그만이더군요-_-b 완벽하다고 생각했지만 여러 사용자들이 다녀갈수록 발견되는 버그들을 보면서 사전 테스팅의 중요성을 온몸으로 깨달았습니다.

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지

전시는 이번주 토요일 9시까지 열릴 예정이오니 아직 못보신 분들은 오셔서 즐겨주셨으면 좋겠어요^^

  * 이 포스트는 blogkorea [블코채널 : 미니노트북 XNOTE MINI 활용기] 에 링크 되어있습니다.   

신고

강자이너의 졸업작품 <<몬드리안트리>> 사이트 오픈!

디자인 2008.12.01 09:21
사용자 삽입 이미지

http://www.mondriantree.com
<전체화면에 최적화되었습니다, F11>

지난번 포스팅에서 예고했듯이 오늘부터 건국대학교 커뮤니케이션 디자인학과의 졸업 전시회가 시작됩니다. 이번에 제가 출품하는 작품은 플래시를 이용한 미디어 인터렉션 영상으로 사용자가 직접 추상적인 나무를 그려볼 수 있도록 구성해보았습니다.

사용자 삽입 이미지

자연 그대로의 모습에서부터 모든 형체가 분해된 8번째까지 단계가 나눠져있습니다. 사용자는 임의대로 마우스를 드래그 하는 행위를 통해 나무의 크기와 각도를 제어할 수 있습니다.그려진 나무는 GET IMAGE 버튼을 이용해서 직접 출력해볼 수 있도록 했습니다.

사용자 삽입 이미지

웹버젼에서는 마우스를 이용할 수 밖에 없지만 실제 전시장에서는 도아님께서 소개해주신 초음파 터치펜을 이용해서 터치 스크린 형식으로 직접 펜으로 그려볼 수 있도록 설치해뒀답니다. 그리고 출력은 포토프린터를 이용해서 작은 엽서크기로 뽑아보실 수 있어요!!

http://www.mondriantree.com
<전체화면에 최적화되었습니다, F11>

전시는 12월 1일을 시작으로 아침 10시부터 저녁 9시까지 오픈하구요, 끝나는 날은 금주 토요일입니다. (오늘은 6시에 오프닝이 있어요!) 시간이 나시는 분들은 오셔서 저랑 수다좀 떨어주시고 바쁘신 분들은 웹버젼을 통해서라도 관람해주셨으면 좋겠습니다^^

사용자 삽입 이미지
http://kucd.net/graduate/2008/
신고

건국대학교 커뮤니케이션디자인 졸업전시회에 여러분을 초대합니다!

디자인 2008.11.27 09:20
사용자 삽입 이미지
http://kucd.net/graduate/2008/

뭐 한게있다고 강자이너도 드디어 졸업을 하네요. 부모님 얼굴봐서 빨리빨리 졸업하는게 효도하는거지만 2002년도부터 징하게도 버티고 있네요;; (사실, 한학기가 더 남아있답니다. 죄송합니다 부모님..ㅠ_ㅠ)

건국대학교에는 예술문화대학이라는 큰 타이틀 아래 이래저래 학과들이 나눠져있는데 저는 그중에서 커뮤니케이션 디자인(원래는 시각 디자인이었는데 군대갔다 오고나니 이름이 바꼈네요;)과를 전공중입니다.

커뮤니케이션 디자인이라는 건 일방적인 전달 형식의 틀을 벗어나 상호 작용이 이뤄지는 디자인을 해보자는 취지로 만들어진 듯 보입니다. (군대 있을때 바뀐거라 저는 잘 몰라효;;)

이번 전시에서는 크게 에디토리얼 디자인, 미디어 디자인, 모션 그래픽스 디자인, 인포메이션 디자인 파트로 나눠져있구요, 저는 그 중에서 미디어 디자인 파트에서 작업을 진행하고 있습니다.

사용자 삽입 이미지
MONDRIAN TREE (강자이너)

나무가 추상화 되어가는 단계를 사용자가 직접 그려볼 수 있도록 구현한 작업물이에요. 전시회가 이제 4일밖에 안남았는데 아직 100퍼센트 완성은 못했답니다ㅠ_ㅠ (웹버젼도 같이 작업하고 있으니 조만간 공개하도록 할께요)

일정이 평일로 잡힌 대신에 무려 오후 9시까지 전시를 한다고 하니 근처에 볼일이 있으시거나 볼일이 없으시거나 여유가 되신다면 한번 들러주세요^^

사용자 삽입 이미지


신고

포토샵으로 터치웹폰을 그려봅시다!

IT 리뷰/오즈 2008.05.15 09:14
사용자 삽입 이미지

이번에는 포토샵을 이용해서 아르고폰 "LH2300"을 모델링 해보았습니다.

역시나 이유는 없죠;;

사용자 삽입 이미지
사용자 삽입 이미지

굳이 이런 작업을 하는 이유라면 위에 보는것처럼 제품의 색상을 바꾸거나 래핑하기가 용이하기 때문이랄까요;;

요즘에는 3D 프로그램이 워낙 대중화되서 그다지 메리트는 없습니다만 웹에 이용하는 이런 간단한 제품의 사진을 작업하는데는 포토샵이 더 효율적이지 않나 생각이 듭니다.

신고

세계 최고의 제품디자인 어워드에서 당당히 수상한 친구의 작품~

디자인 2008.04.24 09:20
강자이너 주변에는 무시무시한 친구들이 많습니다. 얼마전에 영상공모전을 휩쓴 친구들소개를 했었는데 이번에는 제품 디자인을 하는 친구들을 소개할께요~

사용자 삽입 이미지

Vibering Sensor

현재 블로고스피어에서 6fingers알도리라는 닉네임으로 활동하고 있는 친구들인데 이번에 멋진 컨셉제품을 출품해서 세계 3대 어워드중의 하나인 iF에서 당당히 수상했습니다.

vibering _ 청각장애인을 위한 소리감지기
vibering은 청각 장애인들이 뒤에서 나는 소리를 감지할 수 있게 해주는 청각 보조 시스템이다. 청각장애인들은 청각을 쓰지 못하는 대신 다른 감각기관들이 더 발달되어 있다. 눈으로 사람 입모양을 보고 말을 알아듣거나, 주변상황을 더 빨리 감각적으로 인지한다. 하지만 시야에서 벗어난 상황의 소리를 감지하는 것은 상당히 어려운 일이다. 예를 들어 뒤에서 차가 경적을 울리거나 친구나 직업동료들이 급히 부를 때 그들은 알아차릴 수가 없고 뒤에서 발생할 수 있는 위험이나 상황을 인지하기 어렵기 때문에 뜻하지 않은 사고의 위험이 있다. 따라서 vibering은 그러한 상황의 어려움을 해소하기 위해 고안되었다. vibering은 두 개의 반지와 하나의 시계로 구성되어 있으며 반지에는 소리에 반응하는 센서와 진동 장치가 포함되어 있어서 뒤에서 특정한 소리가 들려오면 반지가 그 소리를 인식하여 진동을 일으키게 된다. 이렇게 반지로 받아들인 소리의 신호는 시계를 통하여 정확한 정보를 알 수 있도록 디자인 되었다. 또한 시계에는 구조버튼이 있어서 청각장애인들이 위급한 상황에 놓여있을 때 구조버튼을 몇 초 동안 누르면 그들의 보호자에게 구조신호가 보내진다. 이 vibering은 반지와 시계의 형태를 가지고 있기 때문에, 휴대하기 쉽고, 착용 시 거부감이 없어 청각장애인에게 패션 요소와 기능 요소를 동시에 만족시켜 줄 수 있는 유용한 장애 보조 시스템이다.

사용자 삽입 이미지
iF concept award 2008 바로가기

단순히 멋있고 기능이 많이달린 제품을 구상하는 것이 아니라 누군가에게는 꼭 필요한, 진정한 디자인적인 가치가 있는  디자인을 하는 친구들이 자랑스럽습니다.

덧,,
광석아, 현중아! 수상 축하하고 이사 도와준거 고맙다~ 술이나 먹자..ㅋㅋ

신고

[디자인] 포토샵으로 사진을 그린다?

디자인/잡다한것 2008.03.02 09:20
사용자 삽입 이미지

렌드로버 일러스트화 (레이어 355개)


최근에 포토샵 스킬을 좀 올려볼까 해서 연습하고 있는 자동차 일러스트입니다. 포토샵으로 사진하고 똑같은 이미지를 그려내는 것이 목표인데 그러려면 빛을 잘 파악하고 엄청 센스있는 면분할이 필요하더군요;;

지금은 별로 쓰이지 않는 방법이지만 여전히 잡지나 카달로그에 사진을 대체해서 사용된다고 하니 익혀두면 유용할 듯 합니다.
신고