영어로 읽기

다음을 통해 공유


시각적 개체

참고

이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션 및 예제에는 현재 디자인 지침이 반영되지 않습니다.

시각적 개체에는 컨트롤 이외의 시각적 요소가 포함됩니다. 이러한 지침은 앱에서 레이아웃, 글꼴, 색, 아이콘 등에 대한 결정을 내리는 데 도움이 됩니다.

섹션 내용

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