AI와 자동화

화면의 이름을 대면 모델이 추측을 멈춥니다

AI 도구는 하루가 다르게 바뀝니다. 하지만 화면 구성 요소의 이름은 쉽게 변하지 않습니다. header, form, dialog 같은 단어들은 오랜 세월 동안 언제나 같은 형태를 가리켜 왔습니다. 버튼에 적힌 문구나 메뉴의 위치는 달라질 수 있어도, 이 명칭들은 그대로 남습니다.…

AI와 자동화

페이지를 받치는 여섯 개의 뼈대

AI 도구는 하루가 다르게 바뀝니다. 하지만 페이지를 받치는 뼈대는 쉽게 변하지 않습니다. header, hero, section, footer, navigation, card. 이 여섯 가지 명칭만 알아도 첫 화면을 얼마든지 요청할 수 있습니다. 제품 내부의 메뉴 위치는 달라질 …

AI와 자동화

멈추게 할까, 나눠 쓸까, 알리기만 할까

AI 도구는 하루가 다르게 바뀝니다. 하지만 사용자를 잠시 멈추게 할지, 화면 옆에 밀어서 보여줄지, 아래에서 슬라이드로 올릴지에 대한 판단 기준은 쉽게 변하지 않습니다. dialog, drawer, bottom sheet, dropdown, tabs, accordion. 이 요소…

AI와 자동화

버튼과 오류, 빈 화면이 결과를 말합니다

AI 도구는 하루가 다르게 바뀝니다. 하지만 사용자가 요청한 작업이 제대로 처리되었는지 피드백을 전달해야 하는 의무는 쉽게 변하지 않습니다. button, link, label, error, toast, skeleton, empty state, tooltip. 이 요소들은 페이지가…

AI와 자동화

움직임은 적게, 거절할 효과의 이름

AI 도구는 하루가 다르게 바뀝니다. 하지만 페이지가 감당해야 할 적절한 움직임의 양과 한계는 쉽게 변하지 않습니다. hover 시의 미세한 변화, 짧은 transition, 버튼을 눌렀을 때의 절제된 반응 정도면 충분히 훌륭합니다. 뒤 배경이 흐린 유리 효과, parallax 패…

위로 스크롤