UX 이론: 색상과 패턴 분석

반응형 UX 디자인에는 다양한 접근 방식이 있습니다.

실생활에는 햇빛, 조명, 열, 추위, 의류, 브랜드 및 패션과 같이 색상에 대한 우리의 인식에 영향을 미치는 수백만 가지 요소가 있습니다.

Pantone이나 브랜드 지침을 따를 필요는 없지만 디자이너로서 색상을 이해해야 합니다.

UX 디자이너는 종종 와이어프레임을 만들 때 흑백만 사용합니다.

UX 디자이너는 기능에 집중해야 하고 UI 디자이너는 미학, 느낌, 스타일에 집중해야 합니다.

그러나 때때로 색상은 그 자체로 특징이 됩니다.

색과 맛이 만나는 막대사탕처럼, 신호등. 또한 색상에 의미를 부여해야 합니다.

예를 들어 파랑, 노랑, 빨강 3마리의 오리가 있습니다.

그림을 본 후에는 각각의 오리가 서로 다른 색을 나타내기 때문에 서로 다른 것을 “표현”한다는 것을 쉽게 추측할 수 있습니다.

오리가 버튼이라면 “확인”, “취소” 및 “삭제” 버튼으로 사용됩니다.

오리는 다 똑같지만, 오리를 더하면 또 다른 의미를 만들어 냅니다.

색상이 아무 것도 나타낼 필요가 없다면 UI 디자이너에게 맡기는 것이 가장 좋지만 의도적으로 선택한 경우에는 의미가 있어야 합니다.

또한 특정 색상을 고집하는 경우 다른 디자이너와 논쟁을 피하십시오. UX에서 진한 빨간색과 밝은 빨간색은 빨간색입니다.

앞으로 또는 뒤로를 의미할 수도 있습니다.

색상은 시끄럽거나 조용한 분위기를 조성할 수 있습니다.

“구매” 버튼과 같은 중요한 버튼은 화면에서 눈에 띄게 만드는 색상으로 선택해야 합니다.

사람들은 앞으로 나아갈 것 같은 색상을 더 많이 클릭합니다.

항상 화면에 표시되는 메뉴의 경우 진행보다는 페이드 백으로 설정하는 것이 좋습니다.

그 메뉴들이 항상 먹이를 찾아다니는 것처럼 보인다면, 그것은 불필요할 뿐만 아니라 중요한 것으로부터 주의를 분산시키는 것입니다.

또한 와이어프레임을 단순하게 유지해야 합니다.

컬러 와이어프레임은 자세한 기능을 전달하는 데 방해가 됩니다.

색상은 반드시 필요한 경우에만 사용해야 합니다.

와이어프레임은 청사진처럼 파란색일 필요도 없고 고객에게 잘 보이도록 장식할 필요도 없습니다.

또한 색상 외에도 패턴을 반복하고 해체하여 사용자의 관심을 끄는 방법이 있습니다.

인간의 두뇌는 사건의 패턴과 순서를 기억하는 재능이 있습니다.

어떤 일이 자발적이고 지속적으로 발생하면 즉시 알아차립니다.

예를 들어, 5개의 동일한 오리가 일렬로 늘어서 있습니다.

하지만 우리는 이 오리들을 개별적으로 보지 않고 그룹으로 봅니다.

오리를 전체 또는 연속체로 봅니다.

또한 대부분의 사람들은 왼쪽에서 오른쪽으로 읽는 방식으로 읽습니다.

메뉴가 연속된 오리 목록인 경우 왼쪽에서 오른쪽으로 동일하게 보입니다.

그룹화된 오리 중 하나에 다른 변형이 있다고 가정해 보겠습니다.

사람들은 변형이 있는 오리에 집중할 것이고 홈페이지와 비교하면 더 많은 클릭을 얻을 수 있습니다.

패턴을 깨면 우리가 보아야 할 것으로부터 주의를 돌릴 수 있기 때문에 우리는 그것을 깨기 전에 항상 패턴에 대해 생각해야 합니다.

저희가 강조하고 싶은 부분에 변화를 주고 파격적인 접근을 하려고 합니다.

패턴이나 배열을 만들기 위해서는 시각적인 무게와 색상이 일정해야 합니다.

사용자의 시선은 패턴의 한쪽 끝에서 다른 쪽 끝으로 이동합니다.

이 패턴을 깨려면 강조 표시할 부분을 변경하기만 하면 됩니다.

예상치 못한 색상, 크기, 모양 또는 스타일로 “지금 가입하기” 버튼을 장식한 다음 하룻밤 사이에 클릭하면 차이를 볼 수 있습니다.

반복하여 패턴을 만듭니다.

특정 유형의 반복은 사용자에게 형태에 대한 새로운 인식을 제공하고 사용자의 시선이 향하는 위치를 결정합니다.

시각적 긴장은 매우 기본적인 개념이지만 그것이 무엇인지 알면 많은 용도가 있습니다.

우리의 두뇌는 존재하지도 않는 패턴을 인식할 만큼 충분히 똑똑하며 디자이너는 이를 활용할 필요가 있습니다.