시각적 개체
참고
이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션 및 예제에는 현재 디자인 지침이 반영되지 않습니다.
시각적 개체에는 컨트롤 이외의 시각적 요소가 포함됩니다. 이러한 지침은 앱에서 레이아웃, 글꼴, 색, 아이콘 등에 대한 결정을 내리는 데 도움이 됩니다.
항목 | 설명 |
---|---|
레이아웃: |
레이아웃은 창 또는 페이지 내 콘텐츠의 크기 조정, 간격 및 배치입니다. 효과적인 레이아웃은 사용자가 원하는 항목을 빠르게 찾을 수 있도록 도와주고 시각적으로 매력적인 모양을 만드는 데 매우 중요합니다. 효과적인 레이아웃은 사용자가 즉시 이해하는 디자인과 사용자가 당황하고 압도감을 느끼게 하는 디자인 간의 차이를 만들 수 있습니다. |
글꼴 |
사용자는 Microsoft Windows의 다른 요소보다 텍스트와 상호 작용합니다. Segoe UI("SEE-go"로 발음)는 Windows 시스템 글꼴입니다. 표준 글꼴 크기가 9포인트로 증가했습니다. |
색상 |
Color는 대부분의 사용자 인터페이스에서 중요한 시각적 요소입니다. 순수한 미학을 넘어, 색상은 의미를 연결하고 감정적 인 반응을 유도한다. 의미에 혼동을 방지하려면 색을 일관되게 사용해야 합니다. 원하는 감정 응답을 얻으려면 색을 적절하게 사용해야 합니다. |
아이콘 |
아이콘은 프로그램의 시각적 ID의 일부로 미적 이유뿐만 아니라 사용자가 거의 즉각적으로 인식하는 의미를 전달하기위한 약식으로 실용적인 이유로 중요한 개체의 그림 표현입니다. Windows Vista는 Windows에 더 높은 수준의 세부 사항과 세련미를 제공하는 새로운 스타일의 아이콘을 도입했습니다. |
표준 아이콘 |
표준 아이콘은 Windows의 일부인 오류, 경고, 정보 및 물음표 아이콘입니다. |
애니메이션 및 전환 |
애니메이션 및 전환을 전략적으로 사용하면 프로그램을 더 쉽게 이해하고, 더 원활하고, 자연스럽고, 더 높은 품질을 느끼고, 더 매력적으로 만들 수 있습니다. 그러나 애니메이션과 전환의 무상 사용은 프로그램을 산만하게하고 심지어 성가신 만들 수 있습니다. |
그래픽 요소 |
그래픽 요소는 관계, 계층 구조 및 강조를 시각적으로 표시합니다. 배경, 배너, 유리, 집계, 구분 기호, 그림자 및 핸들이 포함됩니다. |
소리 |
소리 는 사용자 환경의 오디오 요소입니다. 적절하게 사용하는 경우 소리는 사용자와 비언어적이고 감정적인 관계를 설정하는 효과적인 형태의 통신이 될 수 있습니다. 소리는 시각적 UI에 대한 보완으로 단독으로 또는 사용할 수 있습니다. 예를 들어 알림에 소리 효과를 추가하면 특히 이벤트가 발생할 때 사용자가 화면을 보지 않는 경우 알림이 발견될 가능성이 높아집니다. |