솔로 개발자를 위한 디자인 레퍼런스 사이트 6곳

대부분의 솔로 빌더는 디자이너 없이 출시합니다. 다행인 건, 감각을 처음부터 기를 필요는 없다는 점입니다. 좋은 레퍼런스와 그걸 쓰는 방법만 있으면 됩니다. 문제별로 묶어 자주 돌아오는 여섯 곳을 정리했습니다.

화면 배치가 막힐 때

빈 화면을 마주하는 게 가장 어렵습니다. Mobbin은 실제 출시된 앱 UI를 화면 단위로 모아 둔 라이브러리입니다. 내 앱과 비슷한 걸 찾아 화면에서 화면으로 넘어가는 흐름을 보고, 구조를 새로 발명하는 대신 가져와 다듬으세요.

웹이라면 Godly와 Land-book이 큐레이션 갤러리입니다. Godly는 과감하고 완성도 높은 쪽, Land-book은 업종과 스타일로 분류돼 내 분야에 맞추기 좋습니다. 랜딩 페이지를 만든다면 Lapa Ninja에 수천 개가 업종별로 필터됩니다.

색과 폰트를 고를 때

팔레트만 따로 보면 거의 아무것도 알 수 없습니다. Realtime Colors는 색과 폰트를 실제 사이트 목업 위에 올려 맥락 속에서 판단하게 해 주고, CSS나 Tailwind로 내보냅니다.

폰트는 Fontjoy가 제목과 본문 조합을 한 번에 생성합니다. 마음에 드는 쪽을 잠그고 나머지를 다시 생성하면, 고민을 멈출 수 있습니다.

레퍼런스를 제대로 쓰는 법

스크린샷을 픽셀 그대로 베끼면 짝퉁이 됩니다. 대신 구조(위계, 간격 리듬, 시선이 닿는 지점)를 가져와 내 색과 타이포로 다시 입히세요. 레퍼런스는 건물이 아니라 비계입니다.