How to avoid "AI" default design? Help Please
AI가 생성한 듯한 뻔한 디자인에서 벗어나 직접 설계한 UI를 적용하려는 개발자의 고민과 조언 공유.
다들 안녕,
요즘 유행하는 '바이브 코딩' 프로젝트들이 다 그렇듯이, 내 앱인 Rhystic Tracker도 처음엔 LLM한테 UI 디자인을 다 맡겼거든. 그랬더니 금방 LLM 특유의 둥글둥글한 알약 모양 카드, 네온 사인 같은 강조 효과, 그리고 누가 봐도 AI가 짠 것 같은 뻔한 레이아웃의 늪에 빠져버리더라.
이걸 고치려고 디자인이랑 UI 스타일링 가이드를 처음부터 끝까지 직접 싹 다 짰어. 그리고 에이전트한테 모달, 그리드, 인스펙터 하나하나 전부 이 디자인 사양을 철저히 따르라고 시켰지. 단계마다 내 디자인 의도를 강제로 주입해서 일관성을 유지하려고 애썼다.
내 생각엔 차이가 꽤 큰 것 같은데, 며칠 동안 이것만 들여다보고 있으니까 객관적인 판단이 안 서네. 피드백 좀 부탁할게.
새로운 비주얼이 'AI가 만든 느낌'은 좀 덜하고, 사람이 직접 공들여 만든 데스크톱 앱처럼 느껴져? 내가 완전히 헛다리 짚은 건지, 아니면 더 손봐야 할 미세한 부분들이 있는지 알려주라.
솔직한 피드백 환영이야!
혹시 매직 아레나(Magic Arena) 하는 사람 중에 관심 있으면 여기서 확인해 봐: https://github.com/Balthazzahr/Rhystic-Tracker
AI 디자인 탈피에 대한 조언을 구하는 글에 대해 일부 사용자들이 냉소적인 반응을 보이면서 커뮤니티 분위기가 다소 날카로워진 모습임.
....
AI 느낌을 피하는 법?
AI가 결정하게 두지 말고, 네가 원하는 모습을 직접 만들라고 지시해.
잠깐, 디자인 기초가 디자인을 근본적으로 바꿀 수 있다는 뜻이야!?
미쳤네. 바이브 코딩하기 전에 이걸 알았더라면 좋았을 텐데.
이 스레드에 잘난 척하는 놈들 비율이 미쳐 돌아가네.
다들 예민한 주제인가 보네? 레딧에서 이런 질문을 편견 없이 물어볼 수 있는 곳이 여기라고 생각했는데, 그냥 비꼬려고 대기 타는 사람들도 있는 것 같네.
새로운 디자인이 훨씬 탐색하고 소비하기 편해 보여. 하지만 더 발전시키고 싶다면… 여기 디자인을 더 다듬는 데 도움이 될 만한 기초 영상을 남겨둘게.
정말 고마워, 확인해 볼게.
https://12ui.com/skill 여기 시도해 봤어?
아직 안 해봤는데, 꼭 확인해 볼게. 정말 고마워.
코딩 에이전트에서 impeccable skill을 써봐. 이건 슬롭(slop)처럼 보이지 않는 UI를 만드는 데 특화되어 있어: https://impeccable.style/slop/
니 창의력을 써봐. 실행하기 어려운 거 알지만.
얘를 잠재적 천재가 될 수 있지만 자기 취향은 없는 인턴이라고 생각하고 다뤄야 해. 직접 가르쳐야지. 예시를 주고 왜 x보다 y를 선호하는지 이유를 설명해 줘. 나도 브라우저 게임 개발할 때 오프닝 타이틀 시퀀스에서 카메라 위치 잡느라 하루 종일 고생했거든. 결국 구글 이미지에서 영화적 카메라 앵글의 시각적 기초랑 다이어그램 몇 개 가져와서 보여줬어. 다이어그램 4~6개 정도랑 각각의 프레이밍, 움직임, 목적을 설명해 줬더니... (업데이트)
새 디자인 진짜 좋아 보인다. 카드 안에 카드가 들어가는 '카드셉션' 같은 게 없네. 색감도 좋지만, 다크 블루랑 퍼플은 가끔 AI 웹사이트의 색상 언어 같기도 하니까, 다크 블루에서 좀 벗어나 보는 건 어때?
여기 있는 사람들은 다들 자기가 똑똑하다는 걸 뽐내고 싶어 안달 난 듯.
r/vibecoding 서브레딧에 올라온 프로그래머 유머 밈 재게시물에 대한 반응입니다.
r/vibecoding 서브레딧에 올라온 프로그래머 유머 밈 재게시물에 대한 반응입니다.
ChatGPT의 과도한 의료 상담 회피와 병원 방문 권유를 풍자하는 밈에 대한 공감과 논쟁.
ChatGPT의 과도한 의료 상담 회피와 병원 방문 권유를 풍자하는 밈에 대한 공감과 논쟁.
Anthropic이 공개한 Claude 3.5 Opus 공식 프롬프팅 가이드의 핵심 요약 12가지.
Anthropic이 공개한 Claude 3.5 Opus 공식 프롬프팅 가이드의 핵심 요약 12가지.