비주얼스튜디오를 한동안 사용하지 않았습니다만, 최근에 Windows Phone 7 SDK를 설치하면서 보니 로고 디자인이 바뀌었군요. 개인적으로 비주얼스튜디오97(5.0)부터 뫼비우스의 띠 형태의 로고 디자인을 좋아했습니다. 여러 모듈로 이루어진 입체 블럭들이 조화롭게 맞추어져 완성된 조형물을 이루어 낸다는 형상이 프로그래밍이라는 과정과 유사한데, 동시에 무한대를 나타내는 형상이기도 해서 창조적인 무한한 가능성이라는 의미로도 볼 수 있을 것 같습니다.

Old logo from 1997, typeface based on Franklin Gothic. I love the color combination of the logo and its dimensional feeling. Some of the VS series logo showed three dimensional view.
1997년도부터의 로고. 프랭클린고딕을 기반으로한 서체를 사용중인데, 저는 로고의 컬러조합과 입체적인 느낌을 아주 좋아했습니다. 몇몇 비주얼스튜디오 시리즈의 제품군에는 3차원적으로 그려진 로고들도 있었지요.

From VS2005, with new Microsoft’s corporate branding identity typeface ‘Segoe’ which gives feeling of milder, lighter and faster then previous typeface. Segoe also feels like ‘Myriad’ which is branding typeface of Apple. (Segoe is actually Frutiger forgery)
비주얼스튜디오 2005부터 마이크로소프트의 새로운 브랜딩 서체인 Segoe라는 서체를 사용하였는데, 전반적으로 기존 서체의 무거움을 덜어내고 부드럽고 날렵한 느낌을 줍니다. 애플사의 브랜딩 서체인 미리어드(Myriad)와도 유사하다고 느꼈는데, 역시나 찾아보니 Frutiger의 변형 서체라고 합니다. (Frutiger와 Myriad는 아주 유사하죠)

New logo in 2010 – Curved dimensional shape with blue-violet color combination – the colors about reliability/technology/creativity.
2010년판의 새로운 로고 – 곡선형 스타일과 청색/보라색의 조화로 바뀌었습니다. 신뢰성/기술/창조와 밀접한 컬러지요.

Tried with ITC Franklin Gothic. As you can see, Segoe is similar to the combination of Frutiger and Myriad. You can also see the transition from heavy and strong Franklin Gothic to medium.
ITC Franklin Gothic으로 셋팅해보았습니다. Frutiger와 Myriad로 만들어보니 역시 Segoe와 많이 닮았습니다. 초기의 Heavy한 Franklin Gothic에서 Medium으로의 변화도 알 수 있습니다.

The logo design for Visual C++ 6.0 (1998) – it looks still awesome.
With strong Franklin Gothic. (When you look at the terminal of ’s’ and ‘C’, it’s not Helvetica)
지금봐도 여전히 포스가 느껴지는 98년도의 Visual C++ 로고 디자인.
’s’와 ‘C’의 터미널이 수평이 아님을 관찰해보면 Helvetica가 아닌 Franklin Gothic임을 알 수 있습니다.

Enterprise Edition has more mystic color combinations.
엔터프라이즈 에디션의 로고는 형태는 같지만 컬러조합이 더 신비로운. 더 무게와 깊이감이 있습니다.

Logo design of Visual Basic. Exactly reveals the concept of modular drag&drop based GUI construction.
비주얼베이직의 로고디자인. GUI 모듈들을 드래그앤 드롭방식으로 구현하는 컨셉을 잘 나타내고 있습니다.

위 패키지에서는 Visual Studio 로고의 입체적인 버전을 볼 수 있습니다. 레고와 같은 모듈/블럭 개념을 더 잘 보여주는..
패키지를 보니 옛날에 Visual J++ 하고 Visual InterDev 도 사용했던 새록새록 기억이 떠오르는군요^^
Visual InterDev로 MS SQL Server의 데이터베이스 테이블 조작작업을 했던 기억이 납니다.

Which one do you like better : ) ?
어떤 디자인이 맘에드시는지요 : ) ?

]]> http://www.cre8ive.kr/blog/2011/07/08/logo-design-of-visual-studio/feed/ 0 http://www.cre8ive.kr/blog/2011/07/08/playing-with-windows-phone-sdk-7-1/ http://www.cre8ive.kr/blog/2011/07/08/playing-with-windows-phone-sdk-7-1/#comments Fri, 08 Jul 2011 09:05:38 +0000 admin http://www.cre8ive.kr/blog/?p=3347
Playing with Windows Phone SDK 7.1 is provided with Visual Studio 2010 Express IDE.
윈도우폰 SDK는 비주얼스튜디오 익스프레스 2010 IDE와 함께 제공됩니다.

New Project Template – It provides Visual Basic and Visual C# templates.
새 프로젝트 화면 – 비주얼베이직과 비주얼 C# 두 언어로 개발 가능한 템플릿을 제공하네요.

Some screen shots of dev environments.
몇몇 개발환경 스크린샷 입니다.

It also provides ‘Panorama App’ template which is important navigation type in WP7 Apps.
WP7의 중요한, 특징적인 네비게이션 형태의 하나인 ‘파노라마 앱’의 템플릿도 제공합니다.

The emulator provides GPS location and Accelerometer data injection. This is also possible in Android SDK but the interface is more intuitive in WP7 SDK.
에뮬레이터에서 GPS정보와 가속도센서 데이터를 입력하여 시뮬레이션 할 수 있습니다. 이건 안드로이드 SDK에서도 가능한데, WP7 SDK의 인터페이스가 더 직관적입니다.

Following images are screen shots from the emulator. (Click to see the original large size)
에뮬레이터에서의 몇몇 사진들 입니다. (클릭하시면 원본 큰 사이즈로 보실 수 있습니다)

Search UI – Panorama type apps shows hints for panning by showing small graphical part of the next page. In iOS, they use ‘Page Control’ UI which shows small dots on the bottom of the screen that indicates current position and total number of pages. Actually, this ‘Page Control’ UI with dots has been already used in old feature phones by Samsung.

검색화면 – 파노라마타입의 앱에서는 다음(옆)화면의 그래픽 요소를 살짝 보여줌으로써, 패닝할 수 있다는 힌트를 줍니다. iOS에서는 Page Control이라는 UI를 통해 화면 하단에 점들을 이용해서 전체 페이지수와 현재 위치를 표시하죠. 이 페이지 컨트롤 UI는 사실 옛날 피쳐폰 시절에도 이미 삼성폰 등에서 활용되던 GUI요소 이기도 합니다.

Search UI flow – Bing is integrated very well. Just like web and other version, look&feel keeps the consistency. Various search options by camera input, voice input, music …

에뮬레이터에서 실행 가능한 서치 UI부분들 입니다. Bing이 서치엔진으로 잘 통합되어있습니다. 웹이나 다른 버전과 같이 룩&필의 일관성을 잘 유지하고 있습니다. 사용자음성, 사진, 음악 등 다양한 입력으로 서치가 가능합니다.

With swiping gesture, you can see the search results categorized in web, images and local(phone). I think this is more practical and convenient then scrolling the huge list of results of various category. It feels like traditional tab GUI element has been evolved with swiping gesture. May be this Panorama type navigation can be applied to native Bing App for iPhone.

좌우로 스와이핑 제스처를 통해서 웹/이미지/기기내부라는 카테고리별 검색 결과물을 볼 수 있는데 길게 늘어져 나오는 리스트를 스크롤해서 보는 것 보다 더 실용적이고 편리한 것 같습니다. 마치 기존의 탭 GUI요소가 스와이핑으로 구성된 것과 같은데, 이런 파노라마 타입 내비게이션이 아이폰용 Bing앱에도 적용되면 어떨까하는 생각을 해봅니다.

Bing for iPhone – List style search result. May be based on UITableView.
아이폰용 Bing – 일반 웹 검색결과 처럼 리스트방식으로 카테고리별 결과를 보여줍니다. UITableView를 이용한듯합니다.

Contact, Pictures and Messaging UI.

Even though the system is not that bad (Core2Quad 2.4 Overclocked to 3.0GHz), the performance of emulator is not that good.
(Even though this is way faster then Android 3.0 HoneyComb emulator)
I hope I can get a Windows Phone soon and make something fun : )

오버클럭된 코어2쿼드 3.0GHz의 시스템으로 그리 부족한 사양은 아니지만 에뮬레이터의 성능이 그리 부드럽지는 않습니다.
(물론 안드로이드 3.0 허니콤 에뮬레이터에 비하면 빠른편이지만, iOS 에뮬레이터와 같은 부드러움을 기대하긴 어렵네요)
곧 윈도우폰 기반으로 뭔가 재밌는 것들을 만들어볼 수 있기를 기대해 봅니다 : )

Typography Insight listed No.2 in the Top Paid Apps (Education)

Homepage:
http://www.typeinsight.org

App Store Link:
http://itunes.apple.com/us/app/typography-insight/id432722506?mt=8

Interview with The Atlantic Magazine:
http://www.theatlantic.com/life/archive/2011/06/typography-insight-ipad-app-teaches-fonts-like-never-before/239984/

Introduction on Gizmodo:
http://gizmodo.com/5804778/typography-insight-makes-learning-fonts-gorgeous-and-easy

Presented at AIGA/NY FRESH BLOOD 2:
http://cre8ive.kr/thesis/newspress/#aiga

One of the most exciting place for the graphic designers with the archieves that will blow your mind.

시각디자이너들이라면 정신이 혼미해질 정도의 멋진 자료들이 가득한 곳. – 쿠퍼유니온의 허브루발린 센터
사진이 많으니 로딩 시간을 이해해 주시기 바랍니다. (80장)

Curator Alexander Tochilovsky – Herb Lubalin Study Center of Design&Typography
한시간 넘게 쉬지 않고 자료들을 설명해주는 열정에 감동하고, 그의 방대한 타이포그래피 역사 지식에 또한번 감동.
Thesis 프로젝트에 관해서도 좋은 이야기를 나눔.

책에서만 보던 멋진 작업들의 실물

헬베티카의 원형인 Die Neue Haas Grotesk의 견본을 설명하고 있는 Alex

허브루발린의 드로잉들

타이포그래피와 디자인에 큰 영향을 남긴, Avant Garde 타입의 근본이된 루발린의 작업들.

제대로 다 보려면 한달은 걸릴듯한 방대한 자료들

희귀본인 Die Neue Haas Grotesk의 견본집. Helvetica film에서나 보던것을 실물로 보게되다니…

견본 페이지의 상단에 pica 유닛의 자가 그려져 있어 종이의 폭에 따른 글을 대략 가늠해 볼 수 있다.
견본 텍스트가 뜯어낼 수 있도록 되어있다.

역사적인 디자이너들의 작업들

마시모비넬리의 뉴욕 지하철 MTA Subway 사인 시스템 자료
Helvetica 이전의 Standard Medium(Akzidenz Grotesk의 영국/미국 이름)가 사용된 것을 볼 수 있다.
Helvetica와의 가장 확연한 차이는 역시 S에서 드러난다.

Lubalin Archieve는 일반인에게 공개되어 있습니다. (방문시 사전 예약 필요)

Modeled/Rendered/Lighted in Maya
Click images to view in 1920×1080 HD

]]> http://www.cre8ive.kr/blog/2010/12/15/lonely-city/feed/ 1 http://www.cre8ive.kr/blog/2010/12/11/type-clock-type-clock-hd/ http://www.cre8ive.kr/blog/2010/12/11/type-clock-type-clock-hd/#comments Sat, 11 Dec 2010 09:22:43 +0000 admin http://www.cre8ive.kr/blog/?p=3209 http://cre8ive.kr/TypeClock

Lecture:Developing Type for Screen-based Media at Cooper Union by Roger Black

Cooper Union의 Typeface Design 교육 프로그램인 Type@Cooper (http://coopertype.org/)에서 진행한 올해의 마지막 Lecture. tdc 멤버 할인으로 $16에 참가. 인쇄매체에서 스크린매체로 넘어오면서 타이포그래피가 직면한 문제들과 발전해온 상황들에 대한 재미있는 이야기들. 주된 이야기는 Netscape와 IE에서 시작한 90년대 초반의 웹 환경의 anti-aliasing되지 않았던 저해상도의 텍스트들 부터 최근의 Firefox 나 OS차원에서의 다양한 font-hinting 기술에 대한 내용들이었음. 하지만 내심 기대했던 모바일 미디어들에 대한 이야기는 별로 없었다. 단지, Roger Black이 갤럭시탭을 얼마전에 구입했고 7인치 폼팩터에 대해 아주 만족스러워 한다는… (하지만 안드로이드 플랫폼의 폰트 Core set인 Droid-Sans/Droid-Serif로 뉴욕타임즈를 읽는건 최악의 경험이라고…) 이런 문제에 대해선 몇몇 청중 (여기서 청중은 대부분 타이포그래피나 그래픽디자인과 관련있는 사람들) 이 어떻게 대처해야 하는가 질문을 하긴 했지만, 명확한 답은 없었다.

역시 디자인과 타이포그래피의 중요성을 Manufacturer들이 인식하고 타이포그래피 전문가와 Foundry의 조언을 구해야 할 듯. 이런면에선 애플이 가장 잘 하고 있는 듯 하다. 물론, Steve Jobs 자신이 타이포그래피의 중요성을 워낙 잘 인식을 하고 있기에 가능한 일이지만, iOS에 기본적으로 내장된 서체들을 살펴보면 역사적으로 중요하면서도 다양한 디자인 상황에 꼭 필요한 타입들이 포함되어 있다. iBooks의 폰트메뉴를 봐도 얼마나 iOS가 서체 선택에 신경을 쓰고 있는가 알 수 있다. (물론 iBooks에서 유일한 Sans-Serif 서체인 Verdana가의 본문용 서체로 포함된것에 대해 이해하기 어렵다는 분도 있지만 : ))

개인적으로 가장 궁금한 것은 과연 아이폰4의 Retina Display처럼 다른 기기들에서도 앞으로 ppi(Pixel Per Inch=DPI)를 고밀도로 늘려갈 것인가 하는 점이다.  아이폰4의 Retina Display가 가지는 362 dpi 스크린은 말그대로 사람의 눈으로 개별 픽셀을 구별하기 어렵게 만드는데, 이는 텍스트의 표현에 이상적인 환경을 제공하고 있다. 아이폰4을 보다가 기존의 아이폰3나 아이패드 등을 쳐다보면 눈이 이상해지고 화면이 뭔가 뿌옇거나 빠진 느낌이 드는 경험을 할 수 있다. 이런 고밀도 디스플레이가 앞으로 다른 기기에도 확산된다면, typeface 디자인에 있어서 hinting과 같은 기술들의 도움이 필요가 없어지지 않을까. 아뭏든 새로운 모바일 / 태블릿 기기들의 등장은 분명 우리 디자이너들에게는 흥분되는 캔버스의 진화라고 할 수 있다.

이야기 중간에 언급한 스크린 매체에 있어서의 타입 디자인 법칙. 소위 Verdana Principle. 즉, Microsoft Windows환경을 위해 Matthew Carter에 의해 디자인된 Verdana와 Gerogia가 가지는 특성들을 이야기하는 것인데, 넓은 글자폭, 높은 x-height, 크게 열린 aperture등을 언급하고 있다.