with Adobe XD (3/30)

UI는 UX를 담는 그릇

UI - UX는 서로 터치 하나의 반응에도 명분과 이유가 있어야한다.

• 모바일 앱의 종류 p57

  • 네이티브 앱
  • 하이브리드 앱
  • 프로그레시브 웹 앱
  • 모바일 웹

• UI/UX 디자인의 최신 트렌드 p68

  • 디자인 트렌드

    • 맞춤형 일러스트레이션과 스토리텔링

      svg가 많이 사용됨

    • 아이소메트릭 디자인

      2차원 요소로 3차원 객체를 그리는 방법

    • 과감한 색상과 그레디언트 사용

      과감한 색상 → 접근성

      그레디언트 → 주의해서 사용할 것

• UX 디자인 프로세스와 개발 방법

  

  영국 디자인 카운슬의 더블 다이아몬드

• 디자인 리서치 프로세스 p93

  1. 목표 설정 : 대상을 명확하게 예측
  2. 이슈 정의 : 무엇을 물어볼 것인지 이슈를 정의
  3. 기법 정의
  4. 수행
  5. 결과 분석

• 디자인 리서치 기법 p103

  1. 인터뷰

  2. 포커스 그룹 인터뷰

  3. 설문조사

  4. 카드 소팅

     

  5. 인지도 지도

  6. 포토 다이어리

  7. 섀도 트래킹

  8. 아이트래킹

<aside> 💡

페르소나 p112

유사한 목표와 사용 패턴을 지닌 사용자 데이터를 모델링해 만들어낸 전형적인 사용자 유형

</aside>

• 벤치마킹

  타 사이트의 디자인을 수집 / 분석하는 것을 목적으로 한다.

  예쁜 것과 멋진 것을 수집하는 것이 아님

  프로젝트를 정확히 이해한 상태에서 그와 비슷한 것을 찾는 것

• 톤앤매너 tone and manner

  색감이나 색상의 분위기, 방향, 표현법에 대한 전반적인 방법론을 말하는 것. 즉, 전체적인 하나의 컨셉을 뜻함

  

  같은 분면에 있는 색상을 사용

• 메뉴

  • GNB _ global navigation bar
  • LNB _ Local navigation bar

• 반응형웹 vs. 적응형웹

  반응형웹	적응형웹
  해상도 크기가 변화할 때 마다 조금씩 레이아웃이 변화	특정 디바이스 해상도에 도달했을 경우 레이아웃이 변화