풀스택을 할 때 디자인

Question

개발자 여러분은 디자인 할 일이 있을 때 어떻게 사이트 디자인을 하시나요?안녕하세요 조그만 스타트업에 최근에 입사한 초보 개발자입니다.기존에 회사가 개발 외주를 맡겼었는데, 그 외주 회사가 bubble로 사이트를 만들었나 봅니다.다들 아시다시피 그런 웹 빌더 툴들은 초반에 빠르게 출시하기는 좋아도, 점점 기능이 쌓이고 규모가 커지다 보면 커스터마이징이 힘들잖아요? 또 외주라서 이후에 버그나, 디자인 변경 같은 것도 다 금액을 따로 받고요.그래서 회사에서 버블을 탈피하고 따로 개발을 하자 하고 저를 뽑았는데, 갠적으로 기존 사이트 디자인이 너무 맘에 안 들어서 디자인 좀 바꿔보고 싶은데 제가 디자인을 하나도 몰라서요.. 아무 디자인이나 막 쓰자니 또 디자인은 그 업계에 어울려야 하잖아요. 그런 것들도 잘 모르겠구..현재 생각하고 있는 스택은프론트엔드: remix(react router 7부터 통합돼서 react router라고도 불리더군요)백엔드: vercel 서버리스디비: supabase서버: vercel이렇게 생각하고 있습니다.여기서 프론트를 shadcn과 적절한 tailwind css 커스터마이징을 섞을려고 하는데.. 제가 한 디자인은 하나도 안 예뻐요..디자인 외주도 생각해봤는데 일단 초반은 제가 해보고 싶어서 해보려는데, 어떻게 디자인 할지 모르겠네요.. 여러분은 사이트 디자인 어떻게 하시나요??

dev134 · Answer

디자이너한테 맡겨야죠

Ganymede Ganymedian · Answer

Figma 연습을 꾸준히 하시라는 원론적인 대답부터 드리고요..하지만, 테크스택 따라가고 유지하기에도 숨가쁜 게 현실이죠.AI 로 디자인 컨셉 정도는 도움을 받을 수 있습니다. 프롬프트를 정성들여서 디테일하게 주면, 그만큼 쓸만한 레이아웃과 코드가 나와요. 30분? 정도 고민하고 정성들여서 질문 프롬프트를 작성해서 질문하면 꽤 도움이 됩니다.-디자인? 이라기 보다는, 레이아웃 정도를 도움받는다고 생각하면 될 것 같습니다.-레이아웃 생성과 React 코드까지, 사용중인 프레임웤 으로 생성해줍니다.-한번에 만족스러운 결과를 얻지는 못해요. 다른 AI 들도 마찬가지이지만, 결과물을 두고 몇차례 의견을 추가하면서 다듬어가야 합니다.-깃헙 레포지토리와 연동할 수 있습니다. 저도 연동 기능까지는 사용해보지 않았습니다만, 한번 시도해볼 만 할 것 같습니다.v0.app디자인AI 원조인데, 무료 버전은 하루 4번? 밖에는 질문을 못합니다. 충분히 고민해서 질문을 시작하세요.lovable.dev뉴스레터와 커뮤도 운영합니다. 뉴스레터와 커뮤니티 활용도 도움이 됩니다.bolt.new상대적으로 신생 AI 인데, 뉴스레터를 운영합니다.세가지 AI 가 제안하는 레이아웃을 비교 취합 하면, 맨땅에 헤딩하는 것 보다는 훨씬 도움이 될 것 같습니다.

nippori · Answer

기술스텍 보니 프론트 기반이신것 같은데 그러면 윗분 말대로 기본은 본인이 공부하는게 좋은것 같습니다.저는 경력은 백엔드만 있는데 디자인도 좋아해서 유튜브에서 uiux, 퍼블리셔 용 영상도 가끔 봅니다(Madia Designer 추천합니다) 보다보면 디자이너분들이 좋아하는 스타일이나, 폰트 사이즈, 색상이나 트랜드 등 여러가지 배울 수 있습니다. 앱 디자인한다면 구글 디자인시스템 문서를 보는등 기본적으로 디자인에 관심을 갖고 공부하시는게 첫번째 같고요.두번재로 부족한 아이디어를 채우고 위해 'uiux 레퍼런스 사이트' 같은 키워드로 검색하시면 dribble 같은 사이트가 많은데 필요한 프로젝트 레퍼런스중 맘에 드는걸 거의 따라하고 앱에 맞게 커스텀, 자기 주관 붙이는 식으로 하면 편한데 결과물도 좋습니다.세번째로 ai 활용인데 윗분이 말씀하신것 외에 creatie.ai 가 잘 뽑았고요. 디자인이 깔끔하면 되는 b2b 프로젝트의 경우 figma ai 로 목업(react 코드로 줍니다) 빠르게 만들어서 진행하는 케이스도 있었는데 제일 중요한건 디자인을 하려면 디자인에 관심을 갖고 공부를 해야하는것 같습니다.

풀스택을 할 때 디자인

3개의 답변

Q&A 목록