오늘 한일
-디자인 카타 작성
-10시 발제 줌 참여(온보딩 2주차)
-UI 디자인 1강 완강
-UI 디자인 2강-2까지
-피그마 기초 강의 5강 복습(-8까지)
새로운 온보딩주차 시작에 적응하느라 오전 시간에 제대로 학습을
못해서 오늘 목표 계획을 다 하지 못했다,,!
내일 할일
-UI 디자인 2강 완강
-UI 디자인 1강 및 2강 과제 진행
-UI 디자인 3강 진행
오늘의 강의 내용
사용자 중심 디자인
:제품, 서비스 설계 시 사용자를 공감하여 사용자의 문제를 이해, 이를 해결하기 위한 개선안을 제공하여 사용자에게 만족스러운 경험을 제공하는 접근 방식
->직관적인 UI 설계
※UI 디자인 핵심 원리※
-서비스를 사용하는 사용자를 이해하기
-직관적인 디자인->별다른 학습 없이도 쉽게 이해, 사용 가능한
-일관된 디자인->환경, 상황에 구애X 동일한 서비스 경험->신뢰감 전달
-가독성을 고려한 디자인->쉽게 읽을 수 있으며, 명확, 간결한 정보 전달
-명확한 피드백 제공->인터페이스와 상호작용 후 작업 시 피드백 제공
-접근성 고려한 디자인->신체적, 환경적 조건에 관계X 앱에 접근 보장
사용자 경험을 향상 시키는 방법
-직관적인 네비게이션
:사용자가 원하는 정보를 빠르고 쉽게 탐색할 수 있게 하는 것
-다양한 디바이스 지원(일관된 경험)
-사용자 피드백 반영
->사용자 피드백 정기적 수집, 검토하여 사용자 경험 개선 과정 필요
2강
컬러와 타이포그래피
-정보 전달, 일관된 컬러, 타이포는 브랜드 아이덴티티를 나타냄
아이콘
-텍스트 없이도 의미 직관적인 이해 가능한 간결, 강력한 의사소통의 역할
컬러
:사람이 어떤 사물, 물체를 볼 때 가장 먼저 인지하는 요소, 가장 오래 기억에 남는 요소
브랜드 컬러
->사용자에게 브랜드의 이미지를 지속적으로 전달하여 기억, 인지시키는 역할
-컬러는 상태, 감정, 분위기, 진행사항 등 다양한 의미를 전달
컬러의 역할
-중요한 정보 강조
-사용자 행동 유도
-상태:사용자와 상호작용하면서 즉각적인 피드백(상태)를 전달
-브랜드 아이덴티티
컬러 비율
5:25:70 비율->5% 주색(브랜드 컬러), 25% 보조색, 70% 배경색
-비율에 따라 디자인 느낌이 변함, 제품, 서비스의 성격, 컨셉에 따라 적절한 비율 파악 필요
UI 컬러 구성:Primary, Secondary, Neutual, Semantic 컬러 사용
타이포그라피
-사용자 경험 향상시키는 중요 요소, 브랜드 아이덴티티 표현
Serif와 Sans-Serif 차이
Serif:글자 획의 시작, 끝부분이 돌출된 형태의 글꼴
Sans-Serif:글자 획의 끝부분이 돌출되지 않은 글씨체
시각적 계층 구조
:텍스트 사이즈, 두께, 컬러, 위치, 여백 등 요소 활용하여 더 나은 사용자 경험 제공
-타이포그래피 활용
-명확한 게층 구조
※모든 텍스트 강조->계층 구조 무너지며, 중요 정보 강조 불가
※폰트 사이즈 1.5~2배의 확실한 차이 두는 것 필요(본문 16PX->서브 타이틀 32PX)
※텍스트에 과도한 컬러 사용 지양->복잡해 보임
