카드 27장
찾는 카드가 없습니다. 다른 단어로 찾아보세요.
UX·UI 이름
헷갈리는 화면 요소의 정확한 이름입니다. 이름으로 말하면 AI가 매번 같은 화면을 만듭니다. 53가지
- 드롭다운 ↔ 셀렉트Dropdown menu ↔ Select
- 버튼 ↔ 링크Button ↔ Link
- 라벨 ↔ 플레이스홀더Label ↔ Placeholder
- 토글 ↔ 체크박스Toggle switch ↔ Checkbox
- 모달 ↔ 바텀시트Modal ↔ Bottom sheet
- 토스트 ↔ 스낵바Toast ↔ Snackbar
- 앱 바 ↔ 탭 바Top app bar ↔ Tab bar
- 카드 ↔ 리스트Card ↔ List
- 아바타 ↔ 썸네일Avatar ↔ Thumbnail
- 배너 ↔ 팝업Banner ↔ Popup
- FAB ↔ 아이콘 버튼Floating action button ↔ Icon button
모션
움직임에도 이름과 기준이 있습니다. 언제 움직일지, 얼마나 빨리, 어떤 곡선으로 움직일지 정합니다. 37가지
움직임을 넣기 전에 정할 7가지
버튼 반응은 100~150ms, 작은 요소 등장은 150~250ms, 화면 전환은 250~400ms로 하고 등장은 ease-out, 퇴장은 ease-in을 씁니다.
AI 영상·이미지
카메라·조명·그림체 이름으로 원하는 장면을 정확히 부르는 법입니다. 34가지
영상 프롬프트 8칸 양식
주인공, 행동, 의도, 장소·시간, 카메라, 조명·스타일, 길이, 금지의 여덟 칸으로 나눠 채우고 고칠 때는 한 칸씩만 바꿉니다.
사진 보정: 지킬 것부터 적기
지킬 것, 바꿀 것, 하지 말 것 세 줄로 쓰고 한 번에 하나만 고칩니다.
AI 작업법
모델 고르기, 결과 검증, 토큰 관리까지. 실제로 일하면서 다듬은 방식입니다.
형용사 대신 이름과 숫자로
깔끔하게 같은 형용사를 카드 그리드 3열처럼 정확한 이름과 몇 열, 몇 px, 몇 ms 같은 숫자로 바꿔 씁니다.
AI가 만든 티 나는 화면 피하기
보라·파랑 그라데이션, 모든 요소 가운데 정렬, 같은 둥근 모서리와 그림자, 제목 앞 이모지, 의미 없는 번호를 미리 금지합니다.
홈페이지용 제품 시연 장면 만들기
알림이 오고, 누르고, 확정되는 3박자처럼 사용자의 순간 하나를 장면으로 만들고 가상의 예시 데이터로 반복 재생되게 합니다.
작업별로 AI 모델 고르기
절차가 정해진 일은 작은 모델, 기준이 있는 생성은 중간 모델, 기준을 만드는 설계는 가장 큰 모델에 맡기고 검수는 큰 모델 둘에 따로 맡깁니다.
결과물 검증은 싼 것부터
기계 검사, 화면 실측, 사실 확인, 서로 다른 모델 두 개의 독립 검토 순으로 비용이 적은 단계부터 합니다.
토큰 아끼며 오래 쓰기
한 주제가 끝나면 결정 사항만 요약해 새 대화를 시작하고, 파일은 필요한 부분만 읽히며, 검토할 자료는 한 파일로 모아 줍니다.
AI 지침 파일 짜는 법
맨 위에 절대 규칙을 10개 이내로 두고 작업별 도구를 표로 정리하며, 자세한 내용은 다른 파일에 두고 경로만 적어 짧게 유지합니다.