UI/UX 구성
62
작성한 질문수 5
화면을 만들때, 기존의 참조할만한 사이트가 없을 경우, 어떻게 하면 좋을까요?
복잡한 화면을 하나하나 텍스트로 설명하는것도 쉽지 않고, 클로드코드가 잘 이해하지도 못합니다.
혹시 V0 나 이런것을 활용한다던가? 아니면 별도의 팁이 있을까요?
답변 1
0
안녕하세요! 🙂
참고할 사이트가 없는 경우는 사실 거의 없어요. 완전히 동일한 서비스가 아니더라도, 유사한 레이아웃이나 구성 요소를 가진 사이트는 반드시 존재하거든요. Dribbble, Behance, Mobbin 같은 UI 레퍼런스 사이트만 찾아봐도 거의 모든 화면 유형의 참고 예시를 찾을 수 있어요. 클로드 코드에 URL을 직접 넣거나, 스크린샷을 첨부해서 "이런 스타일로 만들어줘"라고 하면 훨씬 원하는 결과에 가까워집니다.
만약 정말로 어디에도 없는 독자적인 UI라면, 그건 반대로 텍스트로 설명하기 어렵다는 게 당연한 거예요. 그럴 때는 도화지에 직접 와이어프레임을 그려서 사진 찍어 첨부하시면 돼요. 클로드는 이미지를 읽을 수 있고, "이 스케치를 기반으로 구현해줘"라고 하면 잘 따라와 줍니다. 어디에도 없는 UI라면 결국 그걸 가장 잘 아는 건 본인이고, 그 맥락을 잘 전달하는 게 핵심이에요.
v0도 좋은 도구지만, 레퍼런스를 잘 찾아서 컨텍스트를 풍부하게 넣는 게 먼저입니다.
감사합니다 🙂
fatal: repository 'https://github.com/gymcoding/my-marketplace.git/' not found
0
15
2
live server, korean 을 검색해도 아무것도 나오지 않음
0
15
1
커서질문
0
21
1
SUPABASE에서 AOI 선택여부
0
18
2
클로드 코드 터미널 사용시 git, git 허브 활용 법
0
22
1
mcp.json파일 생성 X
0
21
2
강의 내용이 정신이없네요 ;;
0
43
2
제 컴퓨터에서는 Claude's plan이 아래와 같이 나오는데 괜찮은 건가요?
0
28
2
강의에서 사용하는 prompt
0
24
2
window 11 환경 + git bash 터미널 statusline 반영이 안됩니다 ㅠ
0
30
2
프로젝트를 커밋할때 알려주세요
0
26
1
작업결과물이 수업내용의 화면이 좀 다르네요
0
37
2
강의 도중 에러가 발생합니다.
0
34
2
사진과 같이 영상에 한글이 실시간으로 영어로 번역되어 보입니다
0
36
2
커밋버튼 비활성화
0
32
2
Cursor 질문
0
24
2
웹사이트 구축 질문
0
37
1
플러그인, git repo 설치 및 삭제
0
31
1
162 자료
0
22
2
supabase mcp로 테이블 생성 보여주실떄
0
30
2
settings.local.json
0
35
2
notion 에이전트와 prd-generator 에이전트와의 관계
0
32
2
PRD.md
0
36
2
클로드코드 단축키 문의
0
31
1