반응형 UI17 [UX/UI Design] 1단계: UX/UI 디자인의 기본 개념 이해 1단계: UX/UI 디자인의 기본 개념 이해학습 목표:UX와 UI의 차이점 이해사용자 중심 디자인 원칙 배우기디자인 사고 프로세스 이해세부 학습 내용:1. UX와 UI의 차이점 이해학습 목표:UX와 UI의 정의 및 차이점 이해각 개념의 중요성 및 상호작용 이해학습 자료:책:"Don't Make Me Think" by Steve Krug"The Design of Everyday Things" by Don Norman온라인 강의:Coursera: "Introduction to User Experience Design"Udemy: "User Experience Design Essentials - Adobe XD UI UX Design"세부 학습 과정:책에서 주요 개념 발췌 및 요약온라인 강의 수강 후 요약 노.. 2024. 6. 8. [UX/UI Design] 4단계: Figma에서 프로토타입 제작 이제 4단계로 넘어가서 Figma를 사용하여 프로토타입을 제작하는 방법을 배우겠습니다. 이 단계에서는 인터랙션을 추가하여 사용자 흐름을 시뮬레이션하고, 프로토타입을 테스트하는 과정을 다룹니다.4단계: Figma에서 프로토타입 제작학습 목표:Figma에서 인터랙션 추가하기프로토타입 제작 및 사용자 흐름 시뮬레이션프로토타입 테스트 및 피드백 받기세부 학습 내용:1. 인터랙션 추가Figma에서 인터랙션을 추가하여 사용자 흐름을 시뮬레이션할 수 있습니다. 버튼 클릭, 페이지 전환 등의 동작을 설정할 수 있습니다.인터랙션 추가 단계페이지 및 아트보드 준비: 여러 화면을 제작하여 각각의 상태를 시각화합니다.프로토타입 모드 전환: Figma 오른쪽 상단의 "Prototype" 탭을 클릭하여 프로토타입 모드로 전환합니.. 2024. 6. 8. [UX/UI Design] 3단계: Figma에서 와이어프레임 제작 이제 3단계로 넘어가서 Figma를 사용하여 와이어프레임을 제작하는 방법을 배우겠습니다. 3단계: Figma에서 와이어프레임 제작학습 목표:와이어프레임의 개념 이해Figma를 사용하여 와이어프레임 제작와이어프레임의 문서화세부 학습 내용:1. 와이어프레임의 개념 이해와이어프레임: 웹사이트나 애플리케이션의 기본 구조를 시각적으로 나타낸 것입니다. 주로 레이아웃, 페이지 요소의 위치, 사용자 흐름 등을 나타내며, 세부적인 디자인 요소(색상, 이미지 등)는 포함되지 않습니다.와이어프레임은 UX/UI 디자인의 초기 단계에서 중요한 역할을 합니다. 이를 통해 디자이너는 사용자 흐름과 페이지 레이아웃을 구체화할 수 있습니다.2. Figma에서 와이어프레임 제작Figma 프로젝트 설정새 파일 생성: Figma에서 "N.. 2024. 6. 8. [UX/UI Design] 2단계: Figma 기본 사용법 익히기 이제 2단계로 넘어가서 Figma 기본 사용법 익히기를 진행하겠습니다. 각 소주제를 하나씩 다루면서 상세히 설명드리겠습니다.2단계: Figma 기본 사용법 익히기학습 목표:Figma 인터페이스 이해와이어프레임 제작 방법 배우기프로토타입 제작세부 학습 내용:1. Figma 인터페이스 이해Figma는 웹 기반의 협업 디자인 도구로, UI/UX 디자이너들 사이에서 널리 사용되고 있습니다. Figma를 처음 사용할 때 이해해야 할 주요 인터페이스 요소를 소개하겠습니다.Figma 설치 및 로그인Figma 웹사이트 방문: Figma 공식 웹사이트에 방문하여 회원가입을 진행합니다.Figma 데스크톱 앱 설치: 웹에서 사용 가능하지만, 데스크톱 앱을 설치하면 더 원활하게 사용할 수 있습니다.Figma 인터페이스 요소T.. 2024. 6. 8. [UX/UI Design] 1단계: UX/UI 디자인의 기본 개념 이해 1단계: UX/UI 디자인의 기본 개념 이해학습 목표:UX와 UI의 차이점 이해사용자 중심 디자인 원칙 배우기디자인 사고 프로세스 이해세부 학습 내용:1. UX와 UI의 차이점 이해UX (User Experience): 사용자 경험을 의미하며, 사용자가 제품이나 서비스를 사용할 때 느끼는 모든 경험을 포함합니다. UX 디자이너는 사용자 리서치, 사용자 흐름 설계, 사용성 테스트 등을 통해 사용자에게 최적의 경험을 제공하는 것을 목표로 합니다.UI (User Interface): 사용자 인터페이스를 의미하며, 사용자가 제품이나 서비스와 상호작용하는 시각적 요소를 디자인합니다. UI 디자이너는 버튼, 아이콘, 레이아웃, 타이포그래피 등 시각적 요소를 설계합니다.2. 사용자 중심 디자인 원칙사용자 중심 디자인.. 2024. 6. 8. [UXUI Design] UX/UI Design 학습 과정 단계별로 UX/UI 디자인을 학습하고 문서 작성법도 배우려면 체계적으로 접근하는 것이 중요합니다. 아래는 단계별 학습 계획입니다.1단계: UX/UI 디자인의 기본 개념 이해학습 내용:UX와 UI의 차이점 이해하기사용자 중심 디자인 원칙 배우기디자인 사고 프로세스 이해학습 자료:책: "Don't Make Me Think" by Steve Krug, "The Design of Everyday Things" by Don Norman온라인 강의: Coursera, Udemy, LinkedIn Learning2단계: Figma 기본 사용법 익히기학습 내용:Figma 인터페이스 이해와이어프레임 제작 방법 배우기프로토타입 제작학습 자료:Figma 튜토리얼: Figma 공식 튜토리얼YouTube 강의: 다양한 Figm.. 2024. 6. 8. [UXUI Design] UX/UI Design 학습 방법 1. 기본 개념 이해하기UX (User Experience): 사용자 경험을 디자인하는 것을 의미합니다. 사용자가 제품이나 서비스를 사용하는 동안 느끼는 모든 측면을 포함합니다.UI (User Interface): 사용자 인터페이스를 디자인하는 것을 의미합니다. 제품이나 서비스와 상호작용하는 데 사용되는 시각적 요소를 포함합니다.2. 학습 자료 찾기책: "Don't Make Me Think" by Steve Krug, "The Design of Everyday Things" by Don Norman온라인 강의: Coursera, Udemy, LinkedIn Learning에서 UX/UI 디자인 강의를 찾아보세요.블로그 및 웹사이트: Medium의 UX 관련 블로그, UX Design.cc, Smashin.. 2024. 6. 8. 이전 1 2 다음 반응형