새로운 디바이스가 출시되거나 OS가 버전업되면 GUI가 어떻게 바뀌었는지 살펴 보아야 한다. 눈에 보이는 변화 말고도 스크린이펙트에서부터 리스트 높이의 변화 등을 꼼꼼하게 보려고 애쓴다. '나도 한 번 템플릿을 만들어 봐?' 라고 머리 속에서만 열정을 불태울 뿐, 결국 PSD템플릿을 무료로 다운받을 수 있도록 사이트에 올려 놓은 대인배들을 찾게 된다. 매번 필요할 때마다 찾는 수고를 덜고자 윤서현 주임과 함께 템플렛 PSD Freebie들을 모아 보았다. 사용할 때 출처를 밝혀야 하거나, PSD파일에 레이어들이 합쳐져 있을 수도 있으니 참고하길 바란다. 리스트를 지속적으로 추가해가며 업데이트 할 계획이다. :Device iPhone5 Device PSD Format http://www.psdgraphic..

본 내용은 위키피디아의 내용 일부를 토대로 작성되었습니다. 1. 정의 Parallax Scrolling : 모니터상에서 화면이 (상하좌우)스크롤될 때, 배경 이미지들과 오브젝트 이미지들간 시차가 발생하여 스크롤되도록 하는 기법. Parallax : 시차, 관찰 위치에 의한 대상물의 변위 [관련 참고 용어] Belt Scrolling 화면상의 특정 오브젝트를 조작하여 그 오브젝트 움직임의 양과 방향에 따라 화면이 스크롤되도록 하는 기법. 게이머의 컨트롤에 의해 주인공 캐릭터(오브젝트)가 상하좌우 돌아다니면 그 방향의 새로운 배경과 오브젝트들이 스크롤되어 나타나 주어진 임무를 수행하는 아케이드게임에서 많이 사용하는 방식이다. 플래쉬 사이트에서 사용자가 조작하는 마우스 포인터의 움직임에 따라 화면이 스크롤되어..

메타포는 잘 사용하면 사람들이 쉽게 인터페이스를 익힐 수 있지만, 잘못 (혹은 과도하게) 사용하면 사용성도 떨어뜨리면서 학습성마저 해칠 수 있다. (자세한 장단점 비교는 스큐어모피즘 참고) 90년대에는 유명 회사들도 이런 황당 시도를 많이 했는데, 덕분에 많은 UI 디자이너들이 배웠다. 기억나는 3대 황당 메타포 실패 사례 소개. 1. IBM Real Thing Series 1997 1997년부터 1998년까지 IBM에서는 일련의 Real 시리즈를 내놓았는데 Real Phone, Real CD 등이 있었다. Real Phone:http://hallofshame.gp.co.at/phone.htm IBM측의 소개를 보자. welcome to the future; one without distracting w..

스큐어모피즘에 대한 이야기는 이미 pxd블로그(http://story.pxd.co.kr/577)에서 다룬 바 있다. 본 내용은 위키피디아(http://en.wikipedia.org/wiki/Skeuomorph)의 내용을 기반으로 인터넷에 흩어진 기사들을 참고하여 필자의 의견을 덧붙인 글이다. 1. 용어 정의 : Skeuomorphism(스큐어모피즘) 또는 Skeuomorph(스큐어모프) 그리스어로 Skeuos는 Vessel(용기) or Tool(도구), morphe는 Shape(형태)을 의미한다. '어떤 도구의 형태,형식'이라는 뜻으로 '스큐어모피즘'을 의역해 보면 '원래 도구의 형태를 그대로 따라가는 양식' 정도의 풀이가 가능하겠다. 쓰임새 또는 재료에 따라 자연스럽게 발전한 도구의 형태와 요소들이, ..

두번째 날의 강연 내용입니다. (-> 첫번째 날 내용 보기) 1. 박서원 | 빅앤트 인터내셔널 대표. 크리에이티브 디렉터. 홍정욱 | 헤럴드 회장. 올재 이사장. [지혜 나눔] 고전, 그 창의력의 원천 멋진 패션감각이 돋보이셨던 박서원 대표님께서는 그동안 진행하셨던 프로젝트 위주로 설명하며 세션을 진행하셨습니다. 왼쪽에만 문신을 하신 이유, 남다른 집안 배경이 미치는 장단점 등 홍정욱 회장님과 함께 듣는 비하인드 스토리도 재미있었습니다. ＊한국 광고도 글로벌 수준에 올라섰다고 생각한다. 하지만 아직 기존의 관행이 남아있는 것 같다. 티비를 틀면 나오는 대부분의 광고는 스타일에 치중하곤 하는데, 이런 것에 부정적이다. 왜냐하면 스타일에 치중한 광고는 특별히 고민하지 않아도 되어 편하기 때문이다. ＊개인적으..

9월 20~21일 이틀간 김금룡 주임님과 헤럴드 디자인 포럼에 다녀왔습니다. 헤럴드 디자인 포럼은 헤럴드 사에서 주최하여 2011년 시작한 포럼으로, 올해는 코엑스 오디토리오룸에서 두번째 막을 열었습니다. 개회식은 헤럴드사의 홍정욱 회장님과, 문화체육관광부의 최광식 장관님, 박원순 서울 시장님 등 주요 인사분들의 개회사로 시작되었습니다. 박원순 서울 시장님께서는 본인을 '소셜 디자이너'라고 언급하시기도 해 인상적인 개회식을 만들어 주셨습니다. 포럼의 주제는 '디자인이 세상을 바꾼다(Design Changes the World)'로써 초대된 연사분들께서도 디자인의 미래에 대한 다양한 이야기를 준비해주셨습니다. 이번 포럼은 '거장의 상상, 현실이 되다'라는 5번의 강연과 특별 세션으로 구성되었는데요. 개인적..

대부분의 사람들은 애플 대 삼성의 재판에 관심을 주지만, 제가 보기에 더 흥미로운 것은 메타포 대 메트로라고 생각합니다. 다음달(2012년 10월 26일)이면, Windows 8의 정식 버전이 공개됩니다. 이 OS는 지금까지 PC 데스크탑 OS의 디자인 변화 중 두 번째 혁명적인 디자인 변화를 담고 있습니다(이런 일이 마이크로소프트에서 가능하다니, 오래 살고 볼 일이군요!). 첫 번째가 command line에서 GUI (Graphic User Interface) 상의 WIMP (Window, Icon, Menu, and Pointer)로의 변화였다면, 그 정도까지는 절대 아니겠지만, 이번 Windows 8은,하여간 정말 확 바뀌었구나라는 느낌이 나는 변화인 것은 틀림없죠. 물론 말은 많습니다. (참고:..

페이스북, 트위터와 함께 미국의 '3대 SNS'로 꼽히고 있는 핀터레스트(www.pinterest.com)는 아직 국내 대중 매체들이 자주 언급하는 서비스는 아니라, 대중에게 많이 알려져 있지 않다. (전문 매체에서는 이미 상당히 많이 다루고 있다) 체류시간으로 따진다면 SNS중 단연 1위라고 하는데, 실제로 이 곳의 이미지들을 둘러보면서 스크랩(Pin-up)하다보면 시간가는 줄을 모르게 된다. 윈도우 쇼핑을 하는 듯한 시각적 즐거움을 주는 이 서비스의 성향상 여성 사용자의 비율이 높다고 한다. 이미지 기반 마이크로블로그 서비스명(Pin+Interest)에서 연상할 수 있듯, 웹서핑 중 마음에 드는 이미지를 (자신이 만든 테마별 보드폴더에) Pin-up하면 자동 공개된다. 다른 이용자 또는 이용자의 테마..

지금으로부터 약 한달 전, 회사에서 지원해주는 해외교육으로 스위스 바젤에서 열리는 아트 축제를 경험하게 되었다. 올해로 벌써 43회를 맞이 하는 스위스 바젤 아트페어는 세계적인 아트페어 중 하나로 손꼽힌다.(아트 올림픽이라고도 함) 전시 첫날, 전시를 관람하는 4일(6.14~6.17)중 가장 사람이 많았다. 전시를 보러 온건지 사람들을 구경하러 왔는지 구분이 힘들 정도다. 아트페어 특성의 엄숙한 분위기 속에서 종종 들리는 여러나라 언어들이 이 전시의 명성이 얼마나 대단한지를 보여주는 듯 했다. 아트페어에서 볼 수 있는 작품들은 그 수가 어마어마 하다. 총 300개 이상의 갤러리들이 참여하고, 그 작품의 수는 4000점 이상이다. 모든 작품들을 쉬지않고 돌아본다 해도 적어도 이틀은 걸린다. 나는 다행히 4..

지식 경제부의 R&D 전략 기획단은 1년간 우리 나라의 과학기술연구(R&D) 지원이 어떻게 되어야 할지 체계적으로 고민하고 그 결과를 작년(2011년 11월 29일)에 발표했다. 매우 방대한 내용을 담고 있는데 그 중 디자인 분야의 보고서를 "따끈"님이 카페를 통해 "2020년, 디자인 산업의 비전"이라는 제목으로 공개했다. '비전'이라는 제목답게 전체적으로 매우 희망찬 내용이긴 하지만, 계획을 세우기 위해 살펴본 '현황' 부분이 너무 슬프기만 하다. 정부 기관의 보고서이므로 매우 신뢰할만하다는 가정을 갖고 읽어 보면(물론 잘못 파악된 것일 가능성도 있지만, 필자가 그것을 알아낼 위치에 있지는 못하므로 믿는 수 밖에 없다)... 디자이너의 월급이 낮은 이유 보고서에 따르면, 우리나라 디자이너 월급이 낮은..

요즘 타이포그래피 영역에 대한 관심이 높아져 이 분야에 대해 공부하고 블로깅을 해보려고 합니다. 학생 때 타이포그래피 관련 수업을 들었던 적이 있었는데 굉장히 재밌는 분야구나! 라는 생각을 했던 기억이 새록새록 떠오르네요. 어디서부터 시작을 해야 하지? 하며 고민하던 중, 뭐든 책으로 시작을 하는 것이 좋겠다는 생각이 들어서 타이포그래피 관련 책을 하나 구매했습니다. 바로 이 책인데요, 에밀루더의 타이포그래피 교과서랍니다. 타이포그래피의 정석이라고 불리는 기본기를 다져주는 도서 중에 하나예요. 굉장히 유명한 책입니다. 이 책의 저자인 에밀루더는 스위스 그래픽 디자이너이자 교육자였습니다. 새로운 타이포그래피의 기초를 마련한 가장 중요한 타이포그래퍼 중 한 명이라는 말이 있을 정도로 대단한 분이시더라고요, ..

조형의 요소와 원리 intro 조형의 요소와 원리 1 - 조형의 요소란? 조형의 원리란? 조형의 요소와 원리 2 - 조형의 원리와 분류 조형의 요소와 원리 3 - 통일성(Unity) : 게슈탈트 법칙 조형의 요소와 원리 4 - 통일성(Unity) : 근접의 원리 조형의 요소와 원리 5 - 반복 (Repetition) 조형의 요소와 원리 6 - 조화 (Harmony) 조형의 요소와 원리 7 - 리듬 (Rhythm) 조형의 요소와 원리 8 - 점이 (Gradiation) 조형의 요소와 원리 9 - 대칭 (Symmetry) 1 : 균형에 대하여 이번 시간에는 리듬(rhythm)에 대해서 알아보겠습니다. 음악은 규칙적인 진동으로 듣는 이가 발장단이나 춤을 추게 만듭니다. 시에서도 운율이 있는데 발음을 했을 때 ..