카테고리 없음

내일배움캠프 UXUI 6기 TIL / 디자인 원칙, 게슈탈트 심리학, UX 비주얼 디자인 원칙, UX/UI 심리학 법칙, 기업의 디자인 원칙

이해령 2025. 1. 29. 21:24

2025.01.29.

디자인 원칙, 게슈탈트 심리학, UX 비주얼 디자인 원칙, UX/UI 심리학 법칙, 기업의 디자인 원칙

1. 디자인 원칙

디자인 원칙이란?

인지심리학의 관점에서 디자인할 때 지켜야 할 규칙을 정해놓은 것이다.

디자인 원칙은 많은 사람들이 비슷하게 느끼고, 행동하는 방식에 기초해 디자인하는 방법을 제시한다.

 

2. 게슈탈트 심리학

사람이 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는다는 이론이다.

게슈탈트 심리학은 사용자가 제품을 경험하는 데 영향을 준다.

사람의 뇌는 필요 없는 것은 지우고 기억하기 쉬운 상태로 정리해 받아들인다.

제품을 이용하는 사용자의 의식은 계속해서 화면 구성의 통일성, 연속성, 유사성을 기대한다.

 

1) 유사성의 원리

크기나 형태, 방향, 색 등의 특성이 비슷한 것끼리 묶어서 지각하려는 경향

여백>색상>크기>모양 순으로 유사성의 원리가 크게 작용한다.

 

2) 근접성의 원리

가까운 것끼리 묶어서 지각하려는 경향

 

3) 폐쇄성의 원리

공백이 있더라도 틈이나 간격을 매워서 닫힌 형태로 인식하는 경향

 

4) 연속성의 원리

연속적으로 직선이나 곡선을 이루는 요소를 더 잘 인지하는 경향

어떤 요소가 방향성을 가지고 연속되면 편안함을 느낀다.

직선이나 곡선을 따라 배열된 대상을 하나의 단위로 인식한다.

 

5) 공통성의 원리

같은 방향으로 움직이는 것들이 더 관련성이 높다고 생각하는 경향

3. UX 비주얼 디자인 원칙

UX에 영향을 끼치는 시각 디자인의 원칙

시각적으로 매력적인 근거를 설명해준다.

심미성 뿐만 아니라 사용성도 높여준다.

제품에 몰입하는 것을 도와주고 편리하게 사용하도록 한다.

 

1) 스케일 Scale

크기를 사용하여 구성의 중요도와 순위를 표시하는 것

가장 중요한 것은 크게, 덜 중요한 것은 작게 표현

일반적으로 3가지 이하 크기 사용 (라지, 미디엄, 스몰)

 

2) 시각적 위계 Visual hierarchy

중요한 순서에 따라 시선의 흐름이 이동하도록 디자인한 것

크기, 색상, 간격, 배치 등을 통해 표현할 수 있다.

명확한 시각적 위계를 만들기 위해서는 2~3개의 텍스트 크기를 사용한다

중요한 요소에는 채도가 높고 색상 대비가 크게, 덜 중요한 요소에는 채도가 낮고 대비가 적게 적용한다. 

 

3) 균형 Balance

디자인 요소 간에 적당한 배열이나 비율을 준다.

수직이나, 수평으로 비슷한 양의 시각적 정보를 배치한다.

대칭은 안정적이고, 정적인 느낌을 준다.

비대칭은 역동적이고 신선한 느낌, 재밌는 느낌을 준다.

방사형은 점을 기준으로 원형으로 배치한 것으로 시선을 중앙으로 모아준다.

 

4) 대비 Contrast

눈에 띄게 구별되도록 두 요소 간에 차이를 두는 것

특정 부분을 돋보이게 할 때 사용한다.

명암이나 색상의 대비를 주로 사용한다.

(덜 중요하더라도 눈에 보이도록 디자인해야한다.)

 

4. UX/UI 심리학 법칙

사람이 어떻게 행동하고, 왜 그런 행동을 하는지 설명한다.

 

1) 제이콥의 법칙

사용자는 새로운 제품을 사용할 때도 자신이 이미 알고 있는 익숙한 방식으로 작동하길 원한다.

 

2) 피츠의 법칙

터치 대상에 도달하는 시간은 거리와 크기와 함수 관계에 있다.

 

3) 힉의 법칙

의사결정에 걸리는 시간은 선택지의 개수와 복잡성에 따라 늘어난다.

 

4) 밀러의 법칙

보통 사람은 작업 기억에 5~9개의 항목밖에 저장하지 못한다.

 

5. 기업의 디자인 원칙

기업의 철학을 담고, 심미성과 사용성이 높은 제품을 만들 수 있도록 제시하는 가이드이다.

공통된 느낌을 주는 원칙을 제시한다.

의사결정의 기준이 되고 시간을 절약할 수 있다.

오늘 하루를 돌아보며

오늘 하루는 UXUI 디자인 입문 5주차 강의를 다 들었다.

강의 내용에는 크게 어려운 점은 없었지만 더 기억에 남으려면 관련된 레퍼런스나 자료들을 찾아봐야 될 것 같다.

오늘 강의를 통해 앞으로 디자인을 할 때 어떤 원리 적용해야 되는지 알게 되었고,

앱이나 레퍼런스를 볼 때 어떤 원리가 적용되었는 지 분석할 수 있게 된 것 같다.

내일 할 학습

아마도 5주차 숙제를 마저 하거나, 6주차 강의를 들을 것 같다.