1990년대 UI 디자인, 지금과 무엇이 다를까?

1990년대~2003년까지의 전통적인 UI 그래픽 디자인을 분석하여, 버튼, 테두리 스타일, 아이콘, 마우스 포인터 등을 상세히 설명함

VGA 팔레트(VGA Palette)를 활용한 16색 아이콘, 32x32 픽셀 크기의 커서 등 당시 주요 디자인 요소(Key Design Elements)를 제시함

유연한 UI 그래픽 시스템 개발을 위한 조언과 함께, 다양한 디스플레이 모드와 픽셀 밀도에 따른 이미지 스케일링 방법론을 소개함

소프트웨어 고고학(Software Archeology)에 대한 커뮤니티의 높은 관심과 함께, 시각적 예시 부재에 대한 아쉬움이 제기됨

전통적인 UI 그래픽의 특징

본문은 1990년대~2003년 사이의 UI 그래픽 디자인을 분석하며, 버튼(Button) 및 테두리 스타일(Border Style), 아이콘, 마우스 커서 등 세부 요소들을 다룬다. 특히, 당시 사용되었던 VGA 팔레트(VGA Palette) 기반의 16색상, 32x32 픽셀 크기의 커서 등 구체적인 디자인 가이드라인을 제시한다. 또한, 다양한 디스플레이 모드와 픽셀 밀도에 따른 이미지 스케일링 기법을 설명하며, 유연한 UI 그래픽 시스템 개발을 위한 조언을 제공한다.

버튼 및 테두리 스타일 분석

게시물은 전통적인 버튼 스타일을 모노크롬(Monochrome), 엠보싱(Embossed), 사용 불가(Unavailable) 등 세 가지 유형으로 분류하고, 각 스타일의 특징을 상세히 설명한다. 특히, 윈도우 95(Windows 95)에서 사용된 버튼 스타일을 예시로 들어, 혼합된 모양(Mixed Appearance), 옵션 세트 스타일(Option-set Style) 등 다양한 버튼 디자인 기법을 소개한다. 또한, 버튼의 3차원 효과를 위한 광원 설정(Light Source)에 대한 설명도 덧붙인다.

아이콘 및 커서 디자인 가이드

본문은 아이콘과 커서 디자인에 대한 가이드라인을 제시하며, 다양한 크기(16x16, 24x24, 32x32 등)와 색상(2, 16, 256색)의 아이콘을 제작하는 방법을 설명한다. 특히, 16색 아이콘의 경우 VGA 팔레트(VGA Palette)를 활용하는 것이 일반적이었다고 언급한다. 또한, 커서 디자인의 경우, 32x32 픽셀 크기를 기본으로 하며, 흑백(Black and White) 또는 VGA 팔레트 기반의 색상을 사용하는 것이 일반적이었다고 설명한다.

유연한 UI 그래픽 시스템 설계

저자는 유연한 UI 그래픽 시스템 설계를 위해, 벡터 그래픽(Vector Graphics) 기반의 아이콘 및 커서 디자인을 권장한다. 또한, 시스템 색상(System Colors)을 활용하여, 사용자가 정의할 수 있는 색상 값을 적용하고, 다양한 크기와 색상 변화를 지원하는 시스템을 구축할 것을 제안한다. 특히, 픽셀 밀도에 따라 적절한 버전을 선택하거나, 자동 축소(Shrinking) 기능을 활용하여, 다양한 환경에 대응할 수 있도록 설계해야 한다고 강조한다.