UI

UI 프롬프트는 버튼이나 색상 하나를 예쁘게 만드는 데 그치지 않고 사용자가 정보를 읽고 다음 행동으로 이동하는 화면 구조를 설계하는 데 사용합니다. 먼저 서비스의 목적과 사용자를 정하고, 한 화면에서 가장 중요한 행동과 보조 행동을 구분하세요. 화면에 들어갈 카드, 입력창, 표, 메뉴, 알림과 같은 구성 요소의 위치와 크기, 간격, 정렬 기준을 구체적으로 적으면 결과를 비교하기 쉽습니다. 모바일 화면인지 데스크톱인지, 터치 중심인지 마우스 중심인지도 반드시 지정하세요. 색상은 주조색과 강조색을 나누고 텍스트와 배경의 대비, 상태별 색상, 비활성 요소의 표현을 함께 정하면 실제 사용성을 고려한 시안이 됩니다. 대시보드나 서비스 블루프린트처럼 정보량이 많은 화면은 영역의 계층과 우선순위를 먼저 설명하고 장식은 나중에 추가하세요. 동일한 서비스의 여러 화면을 만들 때는 그리드, 모서리, 아이콘 스타일과 글자 크기 체계를 고정하면 시리즈가 자연스럽게 연결됩니다. 이 페이지의 예시는 웹사이트, 모바일 앱, 온보딩, 관리자 화면과 프로토타입 제작에 활용할 수 있습니다. 결과를 작은 화면에서 확인하고 핵심 버튼이 배경에 묻히지 않는지 점검하는 것도 중요합니다. 작업 전 대표 화면이나 기준 이미지를 정하고, 구도와 색상 중 한 요소만 바꾸며 결과를 비교하면 수정 방향이 선명해집니다. 작은 크기에서도 핵심 형태와 문구가 읽히는지 반드시 확인하세요. 작업 전 대표 화면이나 기준 이미지를 정하고, 구도와 색상 중 한 요소만 바꾸며 결과를 비교하면 수정 방향이 선명해집니다. 작은 크기에서도 핵심 형태와 문구가 읽히는지 반드시 확인하세요.