피그마 기초

바이브 코딩(Vibe Coding) 방식은

아이디어
↓
AI로 바로 코드 생성
↓
수정
↓
완성

이라서 사실상

기획 → 개발

에 가까웠어.

근데 이번 팀프로젝트는

리서치
↓
IA
↓
와이어프레임
↓
디자인
↓
퍼블리싱

이라서

UI/UX 디자이너 + 퍼블리셔 프로세스를 요구하는 거야.

예를 들어 동부산CC를 만든다고 하면

바이브 코딩
동부산CC 사이트 만들어줘
↓
코드 생성
↓
배포

끝.

이번 과제
왜 동부산CC를 선택했는가?

↓

경쟁사는 누구인가?

↓

문제점은 무엇인가?

↓

어떻게 개선할 것인가?

↓

IA는 어떻게 구성했는가?

↓

왜 이런 디자인을 했는가?

↓

퍼블리싱

여기까지 설명해야 함.


"디자인은 모방이다"

"서브페이지 리서치가 중요하다"

"IA가 중요하다"

라고 말한 거야.

실제로 결과물보다

생각한 과정(Process) 을 보고 있는 거지.

지금까지 만든 포트폴리오를 보면

단순히 코드를 짜는 사람보다

디자인 의도를 설명하는 능력이 생기고 있어.

현재 과제에서 좋은 평가를 받으려면

1순위
리서치
IA
와이어프레임
2순위
피그마 디자인
3순위
퍼블리싱
마지막
Swiper
AOS
애니메이션

이 순서로 생각하는 게 좋아.

솔직히 교수님 입장에서는

애니메이션 10개 들어간 사이트보다

IA가 탄탄하고 디자인 근거가 명확한 사이트를 더 높게 평가할 가능성이 크거든.

그래서 이번 프로젝트는 "바이브 코딩 프로젝트"가 아니라 "웹디자인 + 퍼블리싱 포트폴리오 프로젝트"라고 생각하고 접근하는 게 맞아.