[UX/UI Design] 6단계: 포트폴리오 제작

6단계: 포트폴리오 제작

학습 목표:

• 포트폴리오 구성 방법 배우기
• 작품 설명 및 프로세스 문서화

세부 학습 내용:

1. 포트폴리오 구성 방법 배우기

학습 목표:

• 포트폴리오의 중요성 및 구성 요소 이해
• 효과적인 포트폴리오 구성 방법 학습

학습 자료:

• 온라인 자료:
  • Behance
  • Dribbble
  • Medium의 UX 관련 블로그
• 예제 포트폴리오:
  • 인터넷에서 검색하여 다양한 UX/UI 포트폴리오 사례 참고

세부 학습 과정:

• 포트폴리오의 목적과 중요성 이해
• 포트폴리오의 필수 구성 요소 학습 (소개, 프로젝트, 프로세스 설명, 결과물 등)
• 포트폴리오의 레이아웃 및 디자인 원칙 이해

실습:

• 포트폴리오 구성 요소 정리
• 포트폴리오의 기본 레이아웃 설계

문서화 예시:

# 포트폴리오 구성 문서

## 포트폴리오 개요
- 포트폴리오의 목적: [목적 설명]
- 주요 구성 요소: [구성 요소 나열]

## 구성 요소 설명
1. 소개
   - 설명: [소개 내용]
   - 예시: [예시 내용]

2. 프로젝트
   - 설명: [프로젝트 내용]
   - 예시: [프로젝트 예시]

3. 프로세스 설명
   - 설명: [프로세스 설명 내용]
   - 예시: [예시 내용]

4. 결과물
   - 설명: [결과물 설명 내용]
   - 예시: [결과물 예시]

## 포트폴리오 레이아웃
- 레이아웃 설계: [레이아웃 설명]
- 디자인 원칙: [디자인 원칙 설명]

---

2. 작품 설명 및 프로세스 문서화

학습 목표:

• 프로젝트별 상세 설명 및 디자인 프로세스 문서화 방법 학습
• 각 프로젝트의 목표, 과정, 결과 등을 효과적으로 전달하는 방법 이해

학습 자료:

• 온라인 자료:
  • Nielsen Norman Group
  • Medium의 UX 관련 블로그
• 예제 문서:
  • 다양한 프로젝트 설명 및 프로세스 문서 예제 참고

세부 학습 과정:

• 프로젝트 목표 및 배경 설명 방법 학습
• 디자인 프로세스 각 단계 설명 방법 학습 (리서치, 와이어프레임, 프로토타입, 피드백 등)
• 최종 결과물 및 주요 성과 설명 방법 학습

실습:

• 각 프로젝트별 설명 및 프로세스 문서화
• 주요 결과물 및 성과 강조

문서화 예시:

# 프로젝트 설명 및 프로세스 문서

## 프로젝트 개요
- 프로젝트명: [프로젝트명]
- 기간: [기간]
- 역할: [역할 설명]

## 프로젝트 목표 및 배경
- 목표: [목표 설명]
- 배경: [배경 설명]

## 디자인 프로세스
1. 리서치
   - 방법: [리서치 방법 설명]
   - 결과: [리서치 결과 요약]

2. 와이어프레임
   - 설명: [와이어프레임 제작 과정 설명]
   - 예시: [와이어프레임 이미지]

3. 프로토타입
   - 설명: [프로토타입 제작 과정 설명]
   - 예시: [프로토타입 이미지]

4. 피드백 및 개선
   - 피드백: [피드백 요약]
   - 개선 사항: [개선 사항 설명]

## 최종 결과물 및 성과
- 결과물: [최종 결과물 설명 및 이미지]
- 성과: [주요 성과 설명]

## 결론
- 프로젝트 소감 및 배운 점

---

3. 포트폴리오 웹사이트 제작

학습 목표:

• 포트폴리오 웹사이트 제작 방법 학습
• 온라인 포트폴리오 플랫폼 활용 방법 이해

학습 자료:

• 온라인 자료:
  • Behance
  • Dribbble
  • Medium의 UX 관련 블로그
• 예제 웹사이트:
  • 다양한 포트폴리오 웹사이트 예제 참고

세부 학습 과정:

• 온라인 포트폴리오 플랫폼의 기능 및 활용 방법 이해
• 웹사이트 레이아웃 및 디자인 원칙 학습
• 프로젝트별 페이지 구성 방법 학습

실습:

• Behance 또는 개인 웹사이트에 포트폴리오 업로드
• 각 프로젝트별 페이지 구성 및 상세 설명 추가
• 웹사이트 디자인 및 레이아웃 최적화

문서화 예시:

# 포트폴리오 웹사이트 제작

## 플랫폼 선택
- 선택한 플랫폼: [플랫폼 이름]
- 선택 이유: [이유 설명]

## 웹사이트 레이아웃
- 레이아웃 설계: [레이아웃 설명]
- 디자인 원칙: [디자인 원칙 설명]

## 프로젝트 페이지 구성
1. 프로젝트 1
   - 프로젝트명: [프로젝트명]
   - 설명: [프로젝트 설명]
   - 이미지: [프로젝트 이미지]

2. 프로젝트 2
   - 프로젝트명: [프로젝트명]
   - 설명: [프로젝트 설명]
   - 이미지: [프로젝트 이미지]

## 최종 웹사이트
- 링크: [웹사이트 링크]
- 주요 특징: [특징 설명]

## 결론
- 웹사이트 제작 소감 및 배운 점

---

정리 및 다음 단계 계획:

• 학습한 내용 요약 및 정리
• 주요 개념 및 실습 결과물 문서화
• 다음 단계 계획 수립 (예: 포트폴리오 업데이트 및 지속적인 개선)

종합 실습 및 피드백:

• 팀 프로젝트: 각자 포트폴리오 웹사이트 제작 및 공유
  • 팀원들과 함께 포트폴리오 구성 및 제작
  • 웹사이트 제작 및 프로젝트 페이지 구성
  • 포트폴리오 웹사이트 공유 및 피드백 수집
  • 피드백을 반영하여 포트폴리오 개선

이와 같이 6단계를 진행하면 포트폴리오를 효과적으로 구성하고, 실제로 제작해볼 수 있는 경험을 쌓을 수 있습니다. 이를 통해 자신의 디자인 역량을 체계적으로 정리하고, 외부에 효과적으로 어필할 수 있습니다.