레퍼런스 도서관 — 이태리정미소

REFERENCE LIBRARY® 이태리정미소 디자인 아카이브

수록 010 · 수상 7

N° 001 — 010 매일 밤 갱신 내부 전용

개쩌는 사이트를 감탄만 하고 닫으면 그건 소비다. 뜯어서 문법으로 적고, 우리 화면에 옮겨야 자산이 된다.

주력은 어워드 수상작 — 우리가 직접 발굴해 넣은 것은 수동 수집으로 구분. 한 건씩 해부해 레이아웃·모션·색·타이포 문법으로 분해하고, 마지막에 우리가 훔칠 것 3가지를 실전 적용안으로 남긴다.

이 도서관은

참고 링크를 모으는 곳이 아니라,
훔칠 문법을 적어두는 곳이다.

링크만 모아둔 목록은 반년이 지나면 아무도 안 연다. 실제로 안 열었다 — 이 주소에 있던 예전 가이드가 그랬다. 그래서 규칙을 바꿨다. 한 건을 열면 그 사이트의 해부 리포트가 통째로 나오고, 끝에는 우리 화면에 뭘 어떻게 옮길지가 세 줄로 적혀 있다. 옮길 곳이 없으면 수록하지 않는다.

어워드 수상작

AWARD

수동 수집

PICKED

수록 기준

주력은 어워드 수상작이다. Awwwards SOTD처럼 수상 사실이 그 사이트 수상 페이지에서 확인되는 것을 먼저 채운다. 수상 이력과 무관하게 미주·버팀이 직접 발견해 던진 사이트는 수동 수집(PICKED)으로 따로 뱃지를 달아 섞이지 않게 한다. 상을 받았어도 우리가 옮길 데가 없으면 탈락인 것은 그대로다.

반드시 직접 연다. 캡처는 우리가 브라우저로 띄워서 뜬 것만 쓰고 이 사이트에 같이 올린다. 남의 서버 이미지 링크 금지 — 그게 예전 가이드가 깨진 이유다.

훔칠 것 3가지를 못 쓰면 수록 안 한다. "예쁘다"는 기록이 아니다. 어느 화면에 무엇을 어떻게 바꿀지까지 적혀야 한 건으로 친다.

안 훔칠 것도 적는다. 따라 하면 안 되는 것도 자산이다. 우리 브랜드 톤에 안 맞거나 실제로 우리 발목을 잡은 패턴은 그대로 남긴다.

후보를 훑고 통과작만 올린다. 밤마다 후보를 5개 이상 훑고, 세 조건을 전부 통과한 하나만 수록한다 — ① 수상 근거를 수상 페이지에서 실제로 확인했는가 ② 이미 수록한 건과 문법이 겹치지 않는가 ③ 우리가 옮길 지점이 구체적으로 있는가. 통과작이 없으면 그날은 수록하지 않는다.

억지 수록 금지 — 통과작이 없는 밤은 비워둔다

하루 한 건 원칙. 수상작 리스트(Awwwards·CSS Design Awards·FWA)와 우리가 벤치마크하는 브랜드 사이트에서 후보를 5개 이상 훑고, 위 세 조건을 전부 통과한 한 곳만 해부한다. 하나도 통과 못 한 밤은 그냥 넘긴다 — 대충 쌓이는 게 아니라 근거 있이 쌓인다. 급한 프로젝트가 있으면 그 프로젝트에 필요한 카테고리를 먼저 판다. 그날 무엇을 제치고 이 한 건을 골랐는지는 각 리포트의 선정 이유 칸에 남는다.