Github, 새로운 Google Analytics 등과 같은 회색 (검은 색) 아이콘을 사용하기 시작한 웹 애플리케이션이 매우 많습니다. Firefox 4, Chrome과 같은 애플리케이션도 , IE9, iTunes, Mac OS는 다채로운 아이콘을 떨어 뜨 렸습니다.
다채로운 아이콘에서 회색조 / 흑백 아이콘으로 이동 한 이유는 무엇입니까?
예 :
- Google 웹 로그 분석 설정 아이콘
- Github (오른쪽 상단의 아이콘 버튼 참조)
- iTunes 10 에서 단색 아이콘으로 전환
업데이트 : Apple은 직사각형 스타일 도구 모음 컨트롤을위한 아이콘 디자인 에서 Aqua에 처음 도입 한 것 같습니다.
사각형 스타일 도구 모음 컨트롤에서보기 좋은 아이콘은 내부 세부 사항이 아닌 윤곽선과 윤곽선을 통해 의미를 전달하는 간소화 된 검은 색 이미지입니다. 아이콘이 직사각형 스타일의 도구 모음 컨트롤에있는 기존 Mac OS X 이미지의 모양을 반영해야하므로 시스템에서 제공하는 템플릿 이미지를 지침으로 사용하십시오. 직사각형 스타일의 툴바 컨트롤에 대한 아이콘을 디자인 할 때 다음 사항에 유의하세요.
- 윤곽선을 선명하고 명확하게 만드세요
- 직선적 인 원근법 사용
- 전체 검정색과 몇 가지 회색 음영을 사용하여 차원을 제안
- 앤티 앨리어싱 사용
- 이미지가 컨트롤의 시각적 중앙에 있는지 확인합니다 (시각적으로 centered는 수학적으로 중앙에있는 것과 같지 않을 수 있습니다.)
일반 크기의 직사각형 스타일 툴바 컨트롤의 아이콘은 19 x 19 픽셀을 넘지 않아야합니다.
댓글
- 말하고있는 내용의 이미지를 제공 할 수 있습니까? 방금 Google Analytics를 살펴 봤는데 ' 당신이 말하는 것과 같은 내용이 보이지 않습니다.
- 죄송합니다. 두 개의 링크로 게시물을 업데이트했습니다! 다음은 몇 가지 더 있습니다 .Firefox 4 mozilla.com/en-US/firefox/features Chrome (back / forward / home / favorites 참조) google.com/chrome Itunes apple.com/itunes/what-is/player.html
- 좋은 질문이며 업데이트 해 주셔서 감사합니다. +1 및 다른 +1을 잘라내어 새 답변에 붙여 넣습니다. 🙂
답변
나는 이러한 경향이 콘텐츠와 표현의 분리라는 아이디어와 결합되었다고 생각합니다. 아이콘은 크롬 / UI의 일부이며 콘텐츠 자체와 경쟁하지 않기 위해 너무 눈에 띄어서는 안됩니다.
또 다른 이유는 요소가있을 때 관심을 끌기 쉽기 때문일 수 있습니다. 화려한 아이콘이있는 하나만 있고 나머지는 모두 회색조입니다. 예를 들어 녹색 로그인 자물쇠 아이콘과 회색조 메뉴 아이콘이 결합되어 있습니다. 다채로운 요소 그룹에서 무언가를 튀어 나오게하려면 필요한만큼 기술과 시간이 훨씬 더 걸립니다. (더 이상 사용자의 관심을 끄는 데 주된 역할을하지 않는) 색상 이상의 것을 생각하세요.
댓글
- 정확히 제가 무엇을 말할 예정이었습니다. Google 크롬은 방해가되지 않도록 설계된 완벽한 예입니다. 상단 바, 버튼, 아이콘은 모두 단색이며 멋지게 압축되어 있습니다. 따라서 Chrome UI는 '보고자하는 웹 페이지에서 너무 많은 관심을 끌지 않습니다. ' 그리고 저는 ' Microsoft가 IE9와 비슷한 철학을 가지고 있다는 사실을 발견했습니다.
- 나를 화나게하는 부분 (Microsoft '의 최근 발표 blogs.msdn.com/b/visualstudio/archive/2012/02/23/ … ) 이는 특정 유형의 사용자 인터페이스, 특히 인터페이스 전체에 100 개의 버튼, 트리보기 및 패널이없는 ' 사용자 인터페이스에서만 작동한다는 것입니다. UI 디자이너는 이것이 멋진 유행이 아닌 매우 구체적인 디자인 은유라는 것을 언제 깨닫기 시작할까요? 컬러 아이콘은 표시 할 아이콘이 많을 때 작동합니다.
답변
- 좋아 보입니다. , 레이아웃에 관계없이 레이아웃이 변경 되어도 그대로 유지할 수 있습니다.
- 다른 소스의 아이콘을 결합 할 수 있습니다 (명사 프로젝트, 기호 글꼴, iPhone과 같은 플랫폼에서 사용되는 기존 아이콘 등). , 대부분 비슷해 보이기 때문입니다.
- 직접하기 쉽습니다.
개인적으로는 일반적으로 나쁜 경향이라고 생각합니다. 우리의 뇌는 색을주의 깊게 처리합니다 (의식적으로보기 전에). 우리는 “색상 아이콘 목록에서 빨간색 아이콘 찾기”와 같은 작업을 정말 잘합니다. “검은 아이콘 목록에서 작은 트럭처럼 보이는 아이콘 찾기”와 같은 작업은 잘하지 않습니다. 모든 아이콘을 같은 색상으로 만들면 제품 사용이 더 어려워집니다.
물론 예외도 있습니다.