오늘부터 하나씩 디자인 공부를 시작: 7편. 실제 서비스로 연결하기

7편. 실제 서비스로 연결하기: V0 결과물의 활용과 배포 우리는 지금까지 디자인 감각을 키우고, 프롬프트로 UI를 만들고, 그 코드가 어떻게 구성되어 있는지까지 배웠습니다.이제는 마지막 단계, 실제로 만든 결과물을 서비스에 적용하고 배포하는 방법을 살펴볼 차례입니다. 이번 편에서는 생성형 UI 도구인 V0로 만든 결과를 어떻게 실무에 연결할 수 있을지, 실제 프로세스 중심으로 정리해보겠습니다. 📦 1. V0 결과물은 어떤…

Read More

오늘부터 하나씩 디자인 공부를 시작 : 6편. AI와 협업하는 디자이너/기획자의 역할

6편. AI와 협업하는 디자이너/기획자의 역할 V0와 같은 생성형 AI 도구를 써보면 이런 생각이 들게 됩니다. “이제 디자인도 코딩도 AI가 다 해주는 시대 아닌가?”“그럼 사람은 뭐하지?” 이 질문은 너무나 당연한 것이고, 사실 아주 좋은 질문입니다.왜냐하면 AI가 할 수 있는 일과, 사람이 해야 할 일이 점점 더 명확하게 구분되고 있기 때문이에요. 이번 편에서는 그 구분의 지점에서, 디자이너와…

Read More

오늘부터 하나씩 디자인 공부를 시작 : 5편 디자인 시스템의 이해

5편. 디자인 시스템의 이해 — Radix UI와 TailwindCSS 개념 잡기 우리는 지금까지 UI 디자인 감각을 키우는 방법과, V0를 활용한 실습까지 경험해봤습니다.이제 다음 단계는 AI가 생성한 코드의 구조를 이해하고, 직접 다듬을 수 있는 능력을 기르는 것입니다. 그 중심에는 V0가 기본적으로 사용하는 두 가지 기술이 있습니다: 처음에는 생소할 수 있지만, 이 둘을 이해하면 AI가 만든 UI 코드를…

Read More