[231228]UXUI디자인 입문 6주차 강의정리/HW_레퍼런스 분석
12/28 *강의정리* 레퍼런스 분석 : 여러가지 사례를 상세히 분류해 도움이 될 만한 부분 찾아보는 과정 세부요소를 관찰하면서 좋은 점 나쁜 점, 그 이유 찾고 생각해보기 - 왜 하나? : 분석 과정에서 디자인에 대한 영감을 얻고 좋은 디자인을 구분하는 지식 쌓을 수 있음 - 하는 방법? : 페이지(홈, 마이페이지, 장바구니 등)>모듈(리스트, 네비게이션 등)>엘리먼트(버튼, 뱃지, 탭 등)>파운데이션(색상, 폰트, 아이콘 등) 으로 나누기 BUT, UI요소->화면으로 나누어보자!!! UI요소들을 디자인 원칙에 대입하여 사용성이 높은지, 심미적으로 아름다운지 등 다양한 관점에서 디자인 평가해보기 핵심은 주장과 그에 맞는 논리적 근거를 찾는 것!(다양한 이론 사용) 분석 후 도움이 될 것 들을 그룹화하여..
2023. 12. 28.
[231227]UXUI 디자인 입문 4주차 강의정리/HW_프로토타입 적용해보기
12/27 *강의 정리* 디자인툴 : 디지털로 이미지를 만들거나 편집할 수 있는 컴퓨터 프로그램 1) 인터페이스 디자인 툴: 피그마, 스케치, XD 2) 그래픽 디자인 툴: 포토샵, 일러스트레이 3) 3D: 시네마(유료), 블렌더(무료) 4) 모션 그래픽: 프리미어, 애프터이펙트 비트맵vs백터: 백터 파일 확장자 .svg, .eps, .ai 개발환경에서 사용가능한지 먼저 체크할 것 피그마, 스케치, XD -모두 벡터 기반 그래픽 편집(좌표를 기반으로 함)->왜? 반응형으로 디자인해야하기 때문에 -간단한 Lo-fi 프로토타이핑 -dev mode를 통한 그래픽->코드 변환 이용 용이 (피그마) 클라우드 기반, 멀티 플랫폼 지원 (스케치) 피그마 이전 가장 인기 있던 툴, 로컬 컴퓨터 기반이라 안정적, mac..
2023. 12. 27.
[231226]UXUI디자인 입문 1주차 HW_자주 사용하던 서비스 분석해보기/강의 정리
12/26 -> UXUI 차이점? UI: 목적을 달성하기 위한 행동을 할 때 무언가와 상호작용하는 것을 도와주는 수단 UX: 감정, 경험 등 모든 것들..! HCI: 인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야 CX: >UX, CS포함, 고객 여정의 모든 측면에서 고객의 모든 경험 BX: 브랜드-고객 ->UI 디자이너: 화면의 전체적인 구조, 시각적인 요소를 디자인한다. -레이아웃, 색상, 크기와 정렬, 컴포넌트 버튼, 아이콘 등을 디자인=GUI 디자이너 -> UX 디자이너: 총체적인 경험을 디자인하는 사람 ->프로덕트 디자이너: UX, UI 포함하여 제품 전반적인 경험을 디자인 ->JD분석! 필요역량: 나의 디자인을 잘 설득, 설명할 수 있어야 함, 커뮤니케이션 능력 ->디자인 가이드/지침서 : ..
2023. 12. 26.