UXUI 디자인 부트캠프/과제물

UXUI 디자인 입문 5주차-디자인 원칙의 실제 사례 찾아보기

park1006 2024. 2. 28. 16:06

왼쪽 위부터 마이크로소프트 인터넷 브라우저 기본화면, 유튜브 어플 마이페이지, 스파르타코딩클럽 내일배움캠프 메인화면, 스파르타코딩클럽 메인화면.

  1. 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.
    • 유사성의 원리 : 1번 사진, 뉴스 카드 모양
    • 근접성의 원리 : 1번 사진, 카드들을 같은 마진의 블록으로 배치
    • 페쇄성의 원리 : 1번 사진, 카드들을 전체적으로 사각형이 되게 배치
    • 연속성의 원리 : 1번 사진, 카드들의 가로를 하나의 값으로 통일해서 연속되게 만듬.
    • 공통성의 원리 : 2번 사진, '기록'과 '재생목록' 창을 옆으로 스와이프할 수 있게 함
  2. UX 비주얼 디자인 원칙에서 3가지를 골라 실제 사례를 찾아보세요.
    • 스케일 : 3번 사진, 상대적으로 중요한 상단 광고 화면의 가로값을 화면을 꽉 채우게 넣어서 접속하자마자 눈에 띄게 했다.
    • 시각적 위계 : 3번 사진, 가운데 크게 띄운 광고에서 상대적으로 중요한 이벤트 광고 문구의 크기를 키워서 주목도를 올리고 그 위에 쓰인 설명 문구가 보이도록 함
    • 균형 :  1번 사진, 가로값이 긴 것들도 정확히 2배를 지켰으며, 왼쪽 하나 오른쪽 하나에 넣어서 균형감을 유지
    • 대비 : 4번 사진, 옅은 명도의 색을 배경으로 사진을 넣어 곧바로 시선이 쏠리게 했다.