3 개의 버튼에 대한 색상 조합
답변:
이동 버튼을해야 더 큰 모든의 가장 높은 대비가 그것을 기본 하나이기 때문에.
지우기 그것 때문에 버튼은 괜찮 보조 작업 하고 중립적이어야한다 .
나를 위해 스위치 버튼의 크기와 대비 가 너무 많습니다 . 원산지-목적지 드롭 다운 사이에 배치하면 "그 자체로"더 의미가 있습니다.
나를 위해 훨씬 더 깨끗 하고이 특정 목적을 위해 더 나은 유용성을 제공 하는 두 가지 유사한 솔루션 이 있습니다 (개인적 으로 첫 번째를 선택합니다 ).
참고로 : Font-Awesom e 아이콘을 사용 했는데 첫 번째 이미지의 아이콘은 (버전에 따라) 아이콘 교환 / fa- 교환 이며 화살표는 icon -left- 왼쪽 / 오른쪽 및 fa- 화살표-왼쪽 / 권리
편집- 혼란을 제거하십시오 ( DA01의 의견에 따라 ) :
는 IF 클리어 버튼 (에 /에서) 만 두 필드를 지 웁니다 어쨌든에 있기 때문에 필요하지 않는 것 사용자가 각 드롭 다운을 클릭하고 선택을해야합니다 그리고 당신은 지우기 버튼을 추가 할 경우이 변경되지 않습니다 .
이 경우 제거하는 것이 좋습니다. 따라서 더 깔끔한 인터페이스를 제공하고 사용자가 가치를 추가하지 않는 작업을 수행하지 못하게합니다 (또한 실수로 선택한 것을 제거합니다).
한 가지 해결책은 우선 순위별로 단추를 시각적으로 분리하는 것입니다.
일반적으로 기본 버튼, 보조 버튼 및 때로는 3 차 버튼 및 / 또는 비선호 작업 버튼이 있습니다.
기본 및 보조의 경우 일반적으로 두 가지 수준의 대비로 선호하는 브랜딩 색상 (순전히 주관적)을 제안합니다. 기본에 대한 고 대비, 보조에 대한 대비가 약간 적습니다.
제 3의 버튼 나는 보통 피하기 위해 링크와 같은 완전히 다른 시각으로 가려고합니다.
따라서 귀하의 예를 들어 컨텍스트를 내가 할 수있는 내기로 해석하면 다음과 같이 제안합니다.
이것은 정말 빠른 예일 뿐이며 대비가 접근성 지침을 충족하고 비활성화되지 않은 것으로 보이지 않는지 (내가 약간 조정해야하므로 조정해야 함) 확인해야하지만 희망이 있습니다.
업데이트 : 방금 이것을 게시 할 때 이것이 새 게시물을 만들 때 StackExchange가 사용하는 패턴이라는 것을 알았습니다. SAVE 버튼은 기본이며 CANCEL은 3 차이며 버튼이 아닌 링크로 표시됩니다.
고 대비 (예 : 흑백) 색상이 항상 최상이며, 이로 인해 주황색 옵션이 제거됩니다. 그런 다음 믹스에 약간의 마케팅을 추가하면 버튼, 응용 프로그램 측면에서 나머지 페이지에 사용되는 색 구성표는 무엇입니까? 그러나 내가 선택해야한다면 : Go : green; 스위치 ... : 마린 블루; 클리어 : 흑백. 명심하십시오 색깔은 또한 선호와 관련이 있습니다.
(주제 외 : 두 필드 사이에 아이콘 레이블이 지정된 버튼으로 전환하기 위해 긴 레이블을 제거 할 수 있음)
강조를 표시하기 위해 비슷한 색조의 대비를 변경 한다고 말하고 싶습니다 . 왜? ( 12 명 중 1 명은 색맹이며, 200 명 중 1 명은 색맹입니다.
또한 이동 버튼을 더 어둡게 만들기 위해 시스템을 통과하는 경로로 사용자 를 안내 하고 싶습니다 . 그들은 모든 버튼을 스캔하여 처리하거나 더 어두운 색 또는 더 큰 크기와 같은 것을 사용하여 처음에 보이는 방식 또는 가장 일반적인 80 %의 선택을 끌어 들일 수 있습니다. 그렇습니다. 그래서 시간을 절약 할 수 있습니다.
이 기사는 가장 중요한 버튼을 그처럼 보이게 만들어야한다고 말합니다.
아래의 예를 참조하십시오
아래 이미지만큼 좋아 보이지 않습니다 (제 생각에는)
이 기사는 또한 합리적인 순서로 버튼을 넣는 방법에 대해 언급 하고 있습니다. 제 생각에는 영어를 사용하는 사용자가 왼쪽에서 오른쪽으로 가기 때문에 이동 버튼을 오른쪽에 놓을 것입니다. 나는 아랍어 사용자를 위해 왼쪽에 넣을 것입니다. 그것이 내가 영국 시장을 위해 어떻게 배열 할 것인가입니다.
이 기사의 마지막 주제는 파괴적인 버튼을 찾기 어렵게 만드는 것입니다. 시나리오에서 클릭을 계속하고 실수로 왼쪽을 놓치면 조치를 파괴하지 않고 배송 위치를 변경할 수 있습니다. 또한 필요하다고 느끼면 파괴적인 작업을 확인할 수 있습니다 (예 : 확실합니까?).