디자인 팀 전체가 랜딩페이지 만드는 법을 바꿨습니다.
이 고백이 조회 20만을 넘겼어요.
디자인 교육으로 유명한 멩 투의 이야기예요.
이미지와 영상으로 짓던 랜딩페이지를
전부 three.js 3D 사이트로 갈아탔답니다.
오퍼스 5가 분해도와 와이어프레임 사이트를
너무 잘 만들어서요.
[댓글 @unclejobs.ai]
작업 흐름이 단순합니다.
영상 레퍼런스를 하나 주면
AI가 three.js나 블렌더로 경험을 직접 짓습니다.
디테일, 텍스처, 조명은
후속 프롬프트로 다듬어가고요.
핵심 통찰이 이 문장에 있어요.
전부 코드라서, AI가 더 적은 반복으로
더 정밀하게 고친다.
[댓글 @unclejobs.ai]
이미지 사이트와 코드 사이트의 차이가 왜 크냐면.
이미지는 AI에게 불투명합니다.
고치려면 다시 그려야 해요.
코드는 전부 읽고 쓸 수 있는 재료입니다.
색 하나, 각도 하나를 집어서 바꿀 수 있어요.
게다가 3D 코드 사이트가
이미지 잔뜩 실은 페이지보다 가볍답니다.
결과물 차이가 충격적이라는 게 본인 표현이에요.
[댓글 @unclejobs.ai]
숫자가 이 방향을 증언합니다.
본인의 three.js 부품집 threeui.com이
하루 조회 10만을 받는 중이고,
깃허브 스타 3,800개를 나흘 만에 모았어요.
본인의 역대 오픈소스 중 최고 속도랍니다.
프론트 레고 얘기와 같은 결론이에요.
에이전트 시대의 디자인 자산은
이미지가 아니라 코드 조각입니다.
[댓글 @unclejobs.ai]
저는 이 전환을 디자인의 문법 교체로 읽습니다.
디자이너가 완성된 그림을 넘기던 시대에서,
코드로 된 재료를 고르고 AI로 다듬는 시대로.
만드는 손은 빌릴 수 있게 됐고
남는 건 레퍼런스를 고르는 눈이에요.
좋은 영상 하나를 골라 오는 사람이
곧 좋은 사이트를 가진 사람이 됩니다.
[댓글 @unclejobs.ai]
원문·소스
threeui.com
/
threeui.com
Three.js Components, Templates & Interactive Shaders | ThreeUI
