앱 UI 디자인
AI로 인터페이스를 만들 때의 문제는 못 만든다는 게 아니라, 만드는 것마다 똑같아 보인다는 점입니다.
기댈 콘셉트가 없으면 AI는 가장 무난한 평균을 고릅니다. 보라-파랑 그라데이션, 똑같은 둥근 그림자 카드, 글라스 블러, 기본 서체, 이모지 아이콘, 뻔한 카피. 하나씩 보면 변명이 되지만, 모이면 방 건너편에서도 알아볼 수 있습니다.
해법은 시작하기 전에 콘셉트를 주는 것입니다. 아래 첫 번째 Skill이 정확히 그 일을 합니다. 화면의 AI 티를 점수로 매기고(10가지 패턴, 0~100점), 실제 사물에서 출발해 세 방향을 탐색한 뒤, 모든 버튼이 작동하는 iPhone 크기 화면을 만들어 보드에 배치하고 영상으로 녹화합니다.
나머지 둘은 감각을 빌려오기 위한 것입니다. SMALLCAPS는 모든 힘을 인터랙션 디테일에 씁니다. 커서를 쫓는 썸네일, 자석 버튼, 한 단어씩 떠오르는 헤드라인, ⌘K 커맨드 메뉴. WORLDVIEW SAAS는 스크롤이 3D 오브젝트를 어떻게 움직이는지 보여 줍니다. 둘 다 보면서 뜯어볼 수 있는 데모가 있습니다.
자주 묻는 질문
스크립트가 흔한 10가지 패턴을 각 10점으로 검사해 0~100점을 냅니다. 디자인 점수는 별도로, 절반은 자동(AI 티 패턴, 모바일 사용성, shader가 그려졌는지), 절반은 AI가 다섯 가지 질문에 스스로 점수를 매깁니다.
아닙니다. 결과물은 브라우저에서 여는 HTML 화면이고 버튼이 실제로 작동합니다. 정적 이미지가 아닙니다. 엔지니어에게 넘기는 것은 주석이 달린 그림이 아니라 실제로 돌아가는 것입니다.
아닙니다. Skill은 본인의 AI 도구 안에서 실행되고 모든 파일은 컴퓨터에 남습니다.