UI UX 디자인 학습 일지 / Week 8 - 37
✍🏻 학습 기록
💻 과제 기록
✍🏻 학습 기록
포트폴리오 플랫폼, 템플릿
• Website / PDF / Blog 등으로 진행 가능
• 프로덕트 디자이너의 포트폴리오는 문제 해결 능력이 잘 보여야 하기에, 어떤 식으로 문제를 해결했는지를 시각적으로 잘 보이게끔 구성
• 케이스 스터디 혹은 디자인 에이전시의 포트폴리오 템플릿을 참고할 수 있음
• pdf 제출 시 파일 용량 제한 있을 수 있는데, 이럴 경우 저화질이 아닌, 크기만 줄일 수 있도록. (웬만하면 압축해서 전달 등 용량 줄여야)
포트폴리오의 기본
• '이 친구를 진짜 보고 싶다!' , '데리고 키워볼만 하다!' 생각이 들도록. 자소서:텍스트+포폴(시각적)
• 신입 포트폴리오: 기본기(디자인의 기본.점선면,여백,폰트 등)+업무 수행 능력(+창의성/문제 해결 능력)
- 시각/편집 디자인
- UX/UI 디자인 방법론에 대한 이해 (ex. 유저리서치, 더블 다이아몬드 등)
- UX/UI 디자인 퀄리티
• AS-IS & TO-BE 과정과 컨셉-키워드로 인지 필요, 논리적 디자인..
단순히 퍼소나, (여정지도)가 필요하니까 삽입x, 문제 확인을 위한 모든 과정을 논리적으로.
• 디자인 가이드 - 컬러+폰트+아이콘
포트폴리오의 디자인 파트
👉🏻 한 프로젝트 당 평균 4~7장, 8장은 넘지 않는 것이 좋고, 전체는 30-35p 내외가 적당
* 타이틀 영역
: 가시성있게, 크고 잘 보이게. 임팩트가 느껴질 수 있는 폰트. 타이포 강약이 느껴지게.
• 프로젝트명
• 보조설명 문구
* 보조설명영역
• 수행 기간
• 수행 역할
• 수행 인원
• 사용 툴
• 목표
* 이미지영역
: 목업과 함께 작업한 UI의 대표적 이미지, 스플래쉬나 메인화면 등, 배경 등 보조 이미지.
■ UI Design 파트 구성
* 컨셉 등 디자인 개요
* 스타일 가이드(디자인 룰)
* 실 작업화면
* Mock-Up
👉🏻 컨셉+스타일가이드: ~1장
👉🏻 실 작업화면 (+Mock Up): flow와 함께 평균 3~4장
* 스타일 가이드(디자인 룰)
: 작업된 디자인의 규칙/룰을 통하여 UI 디자인을 설명 (~1장)
• Color
- 프라이머리, 세컨더리 컬러 값, 타이포에 쓰이는 그레이 팔레트, 긍정/부정/경고 상태에서 사용되는 Sementic color 등 정의값
• Typography
- 타이포 어떤 서체를 가지고 어떤 규칙 하에 사용했는지? 선정 이유, 서브타이틀, 바디 등 체계 설명 가능
• Iconography
- UI에 사용한 Icon에 대한 규격화 등
✔︎ 포트폴리오 디자인이 UI 작업물 디자인과 같은 컨셉으로 구성되면 플러스.
* Mock-Up 의 활용
: 포트폴리오의 실재감을 주기 위해 사용하는 Device 예시 합성 소스 (Mobile/PC 등). 구글에서 참고
• 최신기종으로 사용
• UI Design과 어울리는 스타일 적용
- 실사에 가까운 style, 일러스트레이션 style, Clay style(3D느낌) 등
• 과도한 Perspective view는 지양
- 과할 시 화면 집중도를 낮춤, 프로젝트 대표 이미지 정도로 활용 추천.
■ 제출 전 확인 할 것들
* 화질이 깨진 이미지는 없는지
: 포트폴리오 퀄리티에 매우 큰 영향.. 기본도 모르는 이미지를 줄 수 있음
* 용량이 너무 크지는 않은지
: 너무 크면 다른 컴퓨터에서 열리지 않는 경우도. 10MB혹은 5MB 이하로.
* 과도한 Emogi 사용 스타일은 아닌지
: 적절히 사용하면 효과적인 꾸밈요소이나, 트렌드에 따른 흔한 사용으로 식상하게 느껴지기도.
* 부담스러운 본인 사진+오글거리는 소개글.. ex)저는 00같은 디자이너입니다! 등의 비유..
: 이력서 함께 구성시 마이너스가 되는 요소. 사진 사용 시 이력에 관한 글과 함께 담백하게.
* 영어/한글 오타와 맞춤법 체크
💻 과제 기록
그룹 프로젝트 - Wireframe 진행
프로토타입 구현을 위한 와이어프레이밍을 진행 했다.
그룹과제 신청 전 잠깐 개인으로 진행할지 망설였었는데, 진행하면 할수록 그룹으로 하길 잘했다는 생각뿐..!
협업의 즐거움과 시야 확장을 느끼게 해 준 팀원 분들께 오늘도 감사했다 😆