제로부터 시작하는 피그마_유데미x스나이퍼팩토리 UI/UX 인턴형 프로그램 6기

 

 

오늘은 초급 느낌의 예제 실습이 진행되었다.

2일 차에서 실습한 도형, 컬러, 그레디언트, 레디우스를 포함해

이미지 편집, 마스크 등을 활용해 예제 2번 알파 페이지와 서브 페이지를 실습했다.

 

확실히 하나의 완성된 페이지를 내가 직접 하나하나 따서 만들고

또 어떤 식으로 페이지가 구성되는 것을 체감할 수 있었다. 

할수록 점점 시간이 단축되는 느낌...👍

 

화면 디자인을 할 때 필요한 아이콘 같은 경우,

피그마의 커뮤니티를 통해 오픈소스를 받아볼 수 있다.

커뮤니티에 icon을 검색만 해도 수많은 아이콘 파일들이 쏟아진다✨

 

피그마의 image 편집 기능

 

image 편집 기능

Fill	공백 없이 이미지 채우기
Fit	그림을 최대한 모두 보이게 fit하게 채우기
Tile	타일 패턴으로 그림을 넣기
Crop	원하는 부분만 크롭해서 이미지 넣기

 

image 조정 기능

Tint	색조 변경
Highlights	조리개
Shadows	그림자

 

편집/조정 기능을 통해 앱 디자인에 필요한 이미지를 간단하게 조정할 수 있다.

뿐만 아니라 마스크 기능을 통해 편집부터 이미지의 형태를 원하는 대로 만들 수 있다. 

*툴 레이어가 아래로 오도록 해야 마스크가 씌워진다.

경험해 볼수록 디자인에 최적화된 툴이다. 

 

예제 2번 실습

알파 페이지와 서브 페이지 모두 시간 내에 진행했다.

아이콘이나 일러스트도 공유해 주셨는데, 노트북에 포토샵만 깔아 둠 이슈로..

아이콘/일러스트는 생략한 채로 예제 실습 진행.....🥲

포토샵 있어서 당연히 일러도 깔아놓은 줄 ㅎ...🫠

 

 

이 다음으로 예제 3번까지 진행했다.

예제 3번은 이미지가 들어간 모바일 페이지였다.

전반적으로 배웠던 요소들이 골고루 들어가 있어서 연습에 도움이 되었다.

 

[오늘의 팁]

*사이즈는 최대한 정수로 설정하기

지난 강의에서도 말씀하셨던 내용! 

정수로 설정해야 각 오브젝트의 간격 조절도 원활한 것 같다.

 

*페이지와 파일명을 미리 정리하기 

개인적으로 피그마 디자인할 때 한꺼번에 대충 늘여놓고 정리하는 편인데..

앞으로는 미리미리 깔끔하게 정리해 봐야겠다🫡

 

 

 

[팀 작업일지]

오후는 팀작업 시간! 오늘은 경쟁사 분석에 들어갔다. 

기존에 진행했던 데스크리서치와 분석을 토대로 다시 리서치를 좀 진행했다. 

지난번에 경쟁사 분석을 간략하게 진행해서,

오늘은 주요 기능과 UI/개선 필요 기능/장점(특징)/한계점/인사이트를 작성해 보는 시간을 가졌다. 

 

기존 백그라운드로 설정했던 내용을 좀 더 보충해,

 UX 사용성 개선 + 브랜드의 이미지 향상을 목표로 설정했다.

SWOT 분석을 통해 멤버십 앱, 브랜드의 현 상태를 분석까지 완료!

 

리서치 및 분석 과정 일부

 

이후 진행될 유저 리서치를 통해 페인포인트를 더 수집해서

최종적으로 솔루션을 도출하고, 아이디어를 뽑아낼 예정이다. 

 

강사님께서 말씀해주셨듯, 하나의 앱을 개선해 나가는 과정은 이야기를 풀어나가는 것과 같다.

여러 이슈를 파악하며, 문제를 발견해내고 그를 해결한 솔루션 도출, 디자인까지

모두 유기적으로 연결되고, 그 과정이 타당해야 퀄리티 또한 올라갈 것이다. 

 

데스크리서치+경쟁사 분석을 통해 페인포인트를 뽑아냈으니, 

유저 리서치를 통해 좀 더 깊은, 혹은 알아채지 못했던 페인포인트를 

찾아내 더 정교한 솔루션을 찾아낼 수 있도록 집중해야겠다. 

 

 

 

 

[오늘의 후기]

함께하는 만큼 여러 생각이 모여서 더 정교한 리서치와 분석이 진행되고 있다.

풀집중하다 보니 시간이 빠르게 지나갔던 날이다..🏃

아침에는 약간 졸린데, 팀플이 진행되는 오후 타임은 정신이 바짝 든다

역시 함께 해야 효율이 올라가는 것 같다....🥺😌

 

이번 주는 공휴일이 있어서 조금 여유가 있지만,

다음 주부터는 풀로 달려야 하는 주간이다..🏃🏃

컨디션 관리도 잘하고, 남는 시간에 공부도 열심히 하자!

점점 성장해나갈 수 있도록 노력하기🍀

 

본 후기는 유데미 x 스나이퍼팩토리 UI/UX 인턴형 프로그램 6기 (B-log) 리뷰로 작성되었습니다.

#UI/UX인턴형프로그램 #UI/UX인턴형프로그램6기 #유데미 #Udemy #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #UI/UX디자인 #UI/UX디자이너 #디자이너교육 #디자이너인턴