Apple Human Interface Guidelines

OS X용의 소프트웨어가 큰 회사가 만든 것 뿐만 아니라 작은 회사, 개인이 만든 소프트웨어도 어쩌면 그렇게 깔끔하게 멋지게 디자인을 했나 했더니 Apple에서 이렇게 꼼꼼한 가이드라인을 제공하고 있었다.

OS뿐만 아니라 사이트에도 이러한 가이드라인이 꼭 필요한 것 같다. 규모가 작고 혼자서 모든 걸 처리하는 사이트라면야 별 문제가 될게 없겠지만 규모가 크고 작업하는 사람이 많을 경우 일관된 룩앤필을 위해서도 말이다.

얼마전 모 포탈사이트의 작업을 하였는데 발주서와 함께 가장 먼저 도착한게 바로 스타일 가이드 북이었다. 두께도 두께였지만 그안에 작고 세세한 부분까지 규정해논걸 보고 깜짝 놀란적이 있었다. 스타일 가이드가 그렇게까지 꼼꼼하게 되어 있는 건 처음 보았지만 대규모 사이트를 일관되게 운영하기 위해서 그 정도는 필요할 것 같다는 생각이 들었다. 폰트, 칼라, 색상, 링크, 사이즈 등등 거의 모든 것이 그안에 기재되어 있어서 작업하기에는 조금 갑갑함을 느꼈지만 작업물이 완성된 다음에 보니 전혀 새로운 컨텐츠임에도 불구하고 역시 동일한 사이트의 컨텐츠라는 걸 바로 느낄 수 있었다.

그 사이트의 경우 디자인에 대해서만 엄격한 스타일 가이드를 제시하고 있었지만 XHTML+CSS로 사이트를 제작하고 마크업과 CSS를 모듈화 시켜 스타일 가이드와 적절히 조합한다면 효율이 극대화 되리라고 생각한다.

Intelligent Design - Wired

MIT 미디어랩의 존 마에다 교수가 주장하는 “The Laws of Simplicity”를 적용한 소니의 디지털 캠코더 DCR-SR100.

우연히 발견한 GUIdebook: Graphical User Interface gallery이라는 사이트. toastytech.com도 유명하지만 GUIdebook은 보다 상세하고 폭 넓게 GUI에 대한 정보를 제공하고 있다. OS뿐만 아니라 어플리케이션, 아이콘, 광고, 관련 서적 등등 다양한 정보를 제공하고 있으니 관심있으신 분은 꼭 들려보시길 바란다.

GUIdebook에서 Components에 관련된 아이콘 페이지를 보다가 한가지 재밌는 점을 발견했다.

거의 대부분의 OS가 액세시빌리티(Accessibility)에 관련된 항목에 휠체어를 사용하고 있지만 Mac의 OS X만 레오나르도 다빈치의 인체비례와 비슷한 형태의 아이콘을 사용하고 있다. 역시 휠체어 아이콘이 알기쉽고 직관적임에도 불구하고 왜 저런 형태의 아이콘을 사용한걸까?(Mac도 OS 9에서는 휠체어 모양의 아이콘을 사용했었다)

장애자라고 하면 휠체어라는 이분법은 장애자가 아닌 일반인들의 인식이 아닐까? 정말 저 Accessibility항목을 사용하는 사람은 눈이 불편한 사람, 손이 불편한 사람, 지체 부자유자등이 있겠지만 휠체어를 이용하고 있는 사람만이 이용하는 항목은 아니라는 이야기. 휠체어를 이용한다고 해도 Accessibility항목의 도움없이 컴퓨터를 사용 할 수 있는 사람이 더 많을 수도 있다(자세한 건 조사를 해보지 않아서 잘 모르겠지만..). 그런 사람들이 휠체어 아이콘을 보면 어떤 기분이 들까?

사용하는 사람의 기분까지 배려하는 디자인의 비밀을 옅본 것 같다. 애플, 디자이너로서 본 받을 점이 정말 많은 회사이다.

비쥬얼 아티스트의 사이트 未来派図画工作.

OS X용의 멋진 스크린세이버를 제공하고 있다. Mac사용자가 아니더라도 퀵타임과 플래시, 이미지파일등으로 제공되는 작품을 감상할 수 있다.

이 사이트를 보고 있으면 공각기동대가 떠오르는 건 왜일까?

copyright©DAJ

어제 오늘 디자인 시안을 작성할 일이 있어서 더미로 집어넣을 적당한 이미지를 찾다가 DAJ에서 “若者(젊은이)”라는 키워드로 발견한 이미지.

오랫만에 웃으면서 작업했다:-)