피그마 기능 마스터 완료 축하 합니다.
이번에는 피그마로 기존 앱을 하나 선정하여 리뉴얼 하는 실습을 진행 하겠습니다.
이 포스팅 매뉴얼대로 실습을 진행하면 큰 어려움 없이 피그마 실습을 완성할 수 있을 것입니다.
실습 목표
피그마 앱 실습의 목표는 아래 카드링크를 참고하세요.
링크처럼 결과물이 나온다면 실습을 완료했다고 생각하면 됩니다.
결과물 완성 이후 콘텐츠와 디자인을 변경하여 프로젝트를 진행하면 됩니다.
https://lshjju.tistory.com/883
Figma Project
프로젝트 완성 스크린 캡쳐 피그마 프로젝트 파일 보기https://www.figma.com/file/nGVbD5sNNcEpFyIEtt0Efu/Kakao-pay-UI?node-id=0%3A1&t=HBQZ6XbJcLJ0IDsj-1 FigmaCreated with Figmawww.figma.com 프로젝트 파일을 볼 수 있습니다.프
lshjju.tistory.com
레퍼런스 준비
피그마 실습 레퍼런스 선정 기준은 두가지 입니다.
쇼핑몰 기능과 비쥬얼 퀄러티.
이 두가지가 같이 만족되는 레퍼런스면 결과가 훌륭할것이라 예상 합니다.
필자가 추천하는 앱은 아래와 같습니다.
https://wwit.design/2021/03/31/29cm/
https://wwit.design/2023/09/30/dotslashdash/
https://wwit.design/2021/03/27/ohouse/
이 중 한가지를 샘플로 해서 실습 목표를 제시해 보겠습니다.
이것은 예를 들어보는 것이므로 실제 레퍼런스는 본인이 결정하면 됩니다.
레퍼런스 화면은 가급적 비쥬얼적인 부분이 뛰어나고 플로우가 연결되어 프로토타입 설계에 좋은 화면으로 선정했습니다.
선정된 레퍼런스 화면은 아래와 같습니다.
위 이미지들은 아래 링크로 한번에 다운로드 받을 수 있습니다.
실습 완성
위와 같은 목표와 레퍼런스 전략으로 멋진 피그마 앱 프로젝트를 완성하길 바랍니다!
Crew only
https://cafe.naver.com/uksweb202311/1005
실습 - 피그마 유아이
대한민국 모임의 시작, 네이버 카페
cafe.naver.com
'New' 카테고리의 다른 글
| 별도의 코딩이나 복잡한 설정 없이 클릭 몇 번으로 웹사이트의 모든 이미지를 긁어모을 수 있는 툴 (0) | 2026.04.30 |
|---|---|
| 웹사이트 이미지 다운로드 받는 방법 (0) | 2026.04.30 |
| SNS Clone Coding practice (0) | 2026.04.26 |
| 프로젝트 콘텐츠 사이트 선정 기준 (0) | 2026.04.25 |
| AWD Clone coding practice (0) | 2026.04.25 |