주요 콘텐츠로 건너뛰기 이 브라우저는 더 이상 지원되지 않습니다. 최신 기능, 보안 업데이트, 기술 지원을 이용하려면 Microsoft Edge로 업그레이드하세요. 아이콘(디자인 기본 사항)
이 문서의 내용참고 이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션 및 예제는 현재 디자인 지침을 반영하지 않습니다. 아이콘은 개체의 그림 표현이며, 프로그램의 시각적 ID의 일부로 미적 이유뿐만 아니라 사용자가 거의 즉각적으로 인식하는 의미를 전달하기위한 약식으로 실용적인 이유로 중요합니다. Windows Vista는 Windows 더 높은 수준의 세부 사항과 세련미를 제공하는 새로운 도상학 스타일을 소개합니다. 참고:표준 아이콘과 관련된 지침은 별도의 문서에 제공됩니다. 설계 개념Aero는 Windows Vista의 사용자 환경의 이름으로, 미적 디자인에 구현된 값과 UI(사용자 인터페이스) 뒤에 있는 비전을 모두 나타냅니다. 에어로는 정통, 활기찬, 반사 및 개방을 의미합니다. 에어로는 전문적이고 아름다운 디자인을 확립하는 것을 목표로합니다. 에어로 미학은 사용자 생산성을 촉진하고 감정적 인 반응을 유도하는 고품질의 우아한 경험을 만듭니다. Windows Vista 아이콘은 다음과 같은 방식으로 Windows XP 스타일 아이콘과 다릅니다.
잘 디자인된 아이콘:
다음 이미지는 Windows Vista의 에어로 스타일이 Windows XP에서 사용되는 것과 어떻게 다른지 보여 줍니다. Windows Vista 아이콘(왼쪽의 잠금 및 키)은 정통적이고 선명하며 상세합니다. 그리기보다는 렌더링되지만 완전히 사진화되지는 않습니다. Windows Vista 아이콘(왼쪽에 있는 두 아이콘)은 전문적이고 아름답으며, 아이콘 제작 품질을 향상시키는 세부 사항에 주의를 기울입니다. 이러한 Windows Vista 아이콘은 시각 및 세부 정보에서 광학적 균형과 인식된 정확도를 보여줍니다. 이렇게 하면 크거나 작거나, 가까이 있거나, 멀리서 볼 수 있습니다. 또한 이 도상학 스타일은 고해상도 화면에서도 작동합니다. 이러한 예제에서는 큐브 뷰의 3차원 개체, 전면(평면) 아이콘 및 도구 모음 아이콘을 포함하여 다양한 유형의 아이콘을 보여 줍니다. 지침관점
광원
그림자일반
플랫 아이콘
레이어 스타일 대화 상자의 그림자 옵션과 플랫 아이콘에 대한 일반적인 그림자입니다. 기본 평면 아이콘 그림자 범위
3차원 아이콘
이러한 예제는 개체 자체의 모양과 위치를 기반으로 만든 변형을 보여 줍니다. 아이콘 상자 크기로 잘리지 않도록 그림자를 페더화하거나 줄여야 하는 경우도 있습니다. 색 및 채도
크기 요구 사항일반
높은 dpi의 경우
다음 표에서는 두 가지 일반적인 아이콘 크기에 적용되는 배율의 예를 보여 줍니다. 이러한 크기 중 일부가 .ico 파일에 포함되어야 하는 것은 아닙니다. 코드는 더 큰 코드를 축소합니다.
.ico 파일 크기(표준) .ico 파일 크기(특수한 경우) 주석 및 오버레이
세부 수준
아이콘 개발아이콘 디자인 및 생성
개념 스케치에서 최종 제품까지
Tools
프로덕션 팁 다음 단계에 따라 여러 이미지 크기와 색 깊이를 포함하는 단일 .ico 파일을 만듭니다. 1단계: 개념화
2단계: 설명
3단계: 24비트 이미지 만들기
4단계: 8비트 및 4비트 이미지 만들기
5단계: .ico 파일 만들기
6단계: 평가
목록 보기, 도구 모음 및 트리 뷰 컨텍스트의 아이콘목록 보기
참고: 시각적으로 고유한 콘텐츠가 없는 파일의 경우 썸네일을 사용하지 마세요. 대신 개체 표현 및 연결된 애플리케이션 또는 형식을 보여 주는 기존 기호 파일 아이콘을 사용합니다. 도구 모음
위의 예에서 광학 균형은 아직 달성되지 않았습니다. 컨텍스트에서 반복을 시도합니다. 트리 보기
|