반응형 Design/UXUI Design12 [UX/UI Design] 6단계: 포트폴리오 제작 6단계: 포트폴리오 제작학습 목표:포트폴리오 구성 방법 배우기작품 설명 및 프로세스 문서화세부 학습 내용:1. 포트폴리오 구성 방법 배우기학습 목표:포트폴리오의 중요성 및 구성 요소 이해효과적인 포트폴리오 구성 방법 학습학습 자료:온라인 자료:BehanceDribbbleMedium의 UX 관련 블로그예제 포트폴리오:인터넷에서 검색하여 다양한 UX/UI 포트폴리오 사례 참고세부 학습 과정:포트폴리오의 목적과 중요성 이해포트폴리오의 필수 구성 요소 학습 (소개, 프로젝트, 프로세스 설명, 결과물 등)포트폴리오의 레이아웃 및 디자인 원칙 이해실습:포트폴리오 구성 요소 정리포트폴리오의 기본 레이아웃 설계문서화 예시:# 포트폴리오 구성 문서## 포트폴리오 개요- 포트폴리오의 목적: [목적 설명]- 주요 구성 요소.. 2024. 6. 8. [UX/UI Design] 5단계: 프로젝트 수행 및 피드백 받기 5단계: 프로젝트 수행 및 피드백 받기학습 목표:프로젝트 기획 및 실행피드백 수집 및 반영세부 학습 내용:1. 프로젝트 기획 및 실행학습 목표:UX/UI 디자인 프로젝트의 전반적인 기획과 실행 과정 이해실무 프로젝트 경험 쌓기학습 자료:온라인 자료:UX Design.ccNielsen Norman Group예제 프로젝트:인터넷에서 검색하여 다양한 UX/UI 프로젝트 사례 참고세부 학습 과정:프로젝트 주제 선정 및 기획프로젝트 목표 및 범위 설정타임라인 및 주요 마일스톤 설정실습:프로젝트 주제 선정 (예: 특정 앱의 UX/UI 개선)프로젝트 목표 및 범위 설정타임라인 작성 및 주요 마일스톤 설정문서화 예시:# 프로젝트 기획 문서## 프로젝트 개요- 프로젝트명: [프로젝트명]- 작성자: [작성자 이름]- 작성.. 2024. 6. 8. [UX/UI Design] 4단계: UX/UI 디자인 문서 작성법 배우기 4단계: UX/UI 디자인 문서 작성법 배우기학습 목표:UX 리서치 문서 작성법 배우기사용자 시나리오 및 페르소나 작성UI 디자인 가이드라인 문서화세부 학습 내용:1. UX 리서치 문서 작성법 배우기학습 목표:UX 리서치의 중요성 및 기본 개념 이해사용자 조사 및 리서치 문서 작성 방법 학습학습 자료:온라인 자료:Nielsen Norman GroupUX Design.cc예제 문서:인터넷에서 검색하여 다양한 UX 리서치 문서 참고세부 학습 과정:UX 리서치의 중요성 이해사용자 인터뷰, 설문조사, 사용성 테스트 등의 방법 학습리서치 문서 작성 방법 및 구성 요소 이해실습:간단한 사용자 리서치 설계 및 실시리서치 결과를 정리하여 리서치 보고서 작성문서화 예시:# UX 리서치 문서## 프로젝트 개요- 프로젝트명.. 2024. 6. 8. [UX/UI Design] 3단계: PowerPoint를 활용한 디자인 3단계: PowerPoint를 활용한 디자인학습 목표:프레젠테이션 디자인 원칙 배우기타이포그래피와 색상 조합 이해스토리보드 제작세부 학습 내용:1. 프레젠테이션 디자인 원칙 배우기학습 목표:효과적인 프레젠테이션 디자인 원칙 이해시각적 정보 전달 방법 학습학습 자료:Microsoft PowerPoint 튜토리얼:Microsoft PowerPoint 공식 튜토리얼YouTube 강의:다양한 PowerPoint 디자인 강의 (예: "PowerPoint Design Tips and Tricks")세부 학습 과정:프레젠테이션의 목적과 청중 분석정보의 시각적 계층 구조 이해슬라이드 레이아웃 및 디자인 원칙 학습 (간결함, 일관성, 시각적 균형 등)실습:PowerPoint를 사용하여 간단한 프레젠테이션 슬라이드 제작각.. 2024. 6. 8. [UX/UI Design] 2단계: Figma 기본 사용법 익히기 2단계: Figma 기본 사용법 익히기학습 목표:Figma 인터페이스 이해와이어프레임 제작 방법 배우기프로토타입 제작세부 학습 내용:1. Figma 인터페이스 이해학습 목표:Figma의 기본 인터페이스와 주요 기능 이해도구와 패널 사용법 학습학습 자료:Figma 공식 튜토리얼:Figma 공식 튜토리얼YouTube 강의:다양한 Figma 튜토리얼 (예: "Figma for Beginners" 시리즈)세부 학습 과정:Figma 인터페이스 구성 요소 이해 (패널, 도구바, 캔버스 등)기본 도구 사용법 학습 (직선, 사각형, 텍스트 등)레이어와 그룹 관리 방법 학습실습:Figma에 접속하여 새로운 프로젝트 생성기본 도구를 사용하여 간단한 도형과 텍스트 추가레이어와 그룹을 활용하여 요소 정리문서화 예시:# Fig.. 2024. 6. 8. [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. 이전 1 2 다음 반응형