디자인 원칙의 실제 사례 찾아보기
1) 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.
1. 유사성의 원리
- 특성이 비슷한 것끼리 하나의 그룹으로 인식하는 경향
- 여러가지 유사성을 가졌다면 색상 > 크기 > 모양 순으로 유사 관계 형성 효과가 다르다.
사례
- 각 타이틀 아래에 있는 모양이 유사한 아이콘끼리 같은 그룹이라는 느낌을 준다.
2. 근접성의 원리
- 가까운 것끼리 하나의 그룹으로 인식하는 경향
- 유사성의 원리에서 확인한 색상의 효과 보다 여백을 두고 그룹을 나누어 두었을 때 그룹핑 효과가 더 크다.
3. 폐쇄성의 원리
- 공백이 있는 형태에서도 닫힌 형태로 인식하는 경향
사례
- 로딩 바는 불완전한 형태임에도 완전한 원형으로 인식된다.
4. 연속성의 원리
- 연속적인 곡선이나 직선으로 배열된 개체들을 하나의 그룹으로 인식하는 경향
사례
- 리스트는 선으로 구분되어 있어도 일정한 간격으로 연속적으로 배치되어 하나의 그룹으로 인식된다.
5. 공통성의 원리
- 방향성이 같은 개체들이 연관성이 높다고 인식하는 경향
2) UX 비주얼 디자인 원칙에서 3가지를 골라 실제 사례를 찾아보세요.
1. 스케일 Scale
- 상대적인 크기를 이용해 중요도나 순위를 표시하는 것 (중요도가 높은 것은 크게)
사례
- 무신사는 상단 탭, 광고 배너, 하단 버튼 영역으로 각각 크기를 나누어 중요도를 나타낸다.
2. 시각적 위계 Visual hierarchy
- 중요한 것부터 순서대로 시선이 이동하도록 배치하는 것
사례
- 뉴욕타임스는 서체 간 굵기 차이, 화면 크기 차이, 화면 안의 콘텐츠의 크기 차이 등을 두어 시각적 위계를 표현한다.
3. 균형 Balance
- 디자인 요소 간 비율을 맞추는 것
- 대칭/ 비대칭/ 방사형(중심점이 가운데)
4. 대비 Contrast
- 요소 간 명확한 구분을 위해 차이를 두는 것
- 크기, 색상, 명암 등을 이용
사례
- 치지직은 어두운 배경과 대비되는 초록색 메인 컬러를 이용하여 각 타이틀이 강조된다.
3) UX/UI 심리학 법칙
1. 제이콥의 법칙
- 새로운 제품을 접하면 기존에 학습된 지식과 경험을 바탕으로 비슷하게 사용하려고 시도하는 것
2. 피츠의 법칙
- 터치 대상에 도달하는 시간은 대상까지의 거리와 크기와 함수 관계에 있다는 법칙
- 사용자가 이용하는 대상은 거리가 가깝고, 크기가 커야 사용성이 좋다.
3. 힉의 법칙
- 의사결정에 걸리는 시간은 선택지의 개수와 복잡성에 비례해 늘어난다는 법칙
* 인지부하 : 뇌가 너무 많은 정보를 받아들이려고 하면 인지부하가 걸린다.
인지부하의 한계점에 도달하면 사용자는 이탈한다.
👉 참고사항
- 복잡한 디자인은 단계를 나누는 것이 좋다.
- 선택지의 개수를 최소화해야 의사결정 시간이 감축된다.
- 추천선택지 강조도 사용자의 부담을 줄일 수 있다.
- 너무 추상적인 단순화도 인지부하를 불러올 수 있다.
4. 밀러의 법칙
보통 사람은 작업 기억에 7(±2)개 정도의 항목밖에 저장하지 못한다는 법칙
'내일배움캠프 본캠프 > 과제' 카테고리의 다른 글
| 디자인 입문 개인 과제 (0) | 2024.06.07 |
|---|---|
| UXUI 디자인 입문 6주차 과제 (0) | 2024.06.05 |
| UXUI 디자인 입문 3주차 과제 (0) | 2024.06.04 |
| UXUI 디자인 입문 2주차 과제 (0) | 2024.06.03 |
| UXUI 디자인 입문 1주차 과제 (0) | 2024.06.03 |