앱 UI/UX 개선안 작성기
앱 UI 개선안, 주석 이미지, 개발자용 프롬프트.
앱 UI/UX 개선안 작성기
앱 UI 개선안, 주석 이미지, 개발자용 프롬프트.
콘텐츠 미리보기
설명
기존 Android 및 iOS 앱 스크린샷을 개발자가 구현할 수 있는 명확한 UI/UX 개선안으로 변환하세요. 각 변경 사항에 대해 다음 항목이 제공됩니다: • 제안된 결과를 보여주는 깔끔한 목업. • 번호가 매겨진 화살표가 있는 일치하는 주석 이미지. • 변경할 내용, 유지할 내용, 상호작용 작동 방식, 결과 검증 방법을 설명하는 복사 가능한 구현 프롬프트. 사람 프로그래머 또는 AI 코딩 어시스턴트와 협업하는 앱 소유자, 개발자, 디자이너를 위해 설계되었습니다. 기본적으로 애플리케이션의 고유성을 유지하며 해결하고자 하는 문제에 집중합니다. 소형 및 대형 화면, 텍스트 크기 조절, 접근성, 다국어 RTL/LTR 레이아웃을 고려합니다. 기본 언어는 영어입니다. 식별 가능한 경우 사용자의 언어로 응답하며, 번역을 요청하지 않는 한 애플리케이션의 인터페이스 언어를 유지합니다. 시각적 결과물 생성에 이미지 이해, 이미지 생성, 참조 이미지 편집 기능이 필요합니다. 컴파일, 구현 또는 테스트가 완료된 애플리케이션이 아닌 디자인 제안서와 개발자 지침을 생성합니다.
관련 스킬
전체 보기
웹페이지디자인 산출물 AI 스튜디오
대략적인 아이디어, 콘텐츠 개요 또는 인터페이스 스크린샷을 체계적인 8단계 워크플로우를 통해 완성도 높은 구현 준비 완료형 디자인 산출물로 변환합니다. ### 대상 사용자 시행착오를 겪지 않고 손쉽게 시각적 디자인과 깔끔한 프론트엔드 코드를 얻고자 하는 창업자, 제품 관리자, 마케터, 교육자, 크리에이터 및 개발자. ### 제공해야 할 내용 - 디자인 목표 및 타겟 고객 (SaaS 랜딩 페이지, 대시보드, 모바일 UI, 인쇄용 워크시트, 소셜 그래픽, 포스터 또는 브랜드 키트). - 필요한 텍스트, 규격, 브랜드 색상 또는 참고 스크린샷 (생략 시 적절한 기본값이 적용되며 안내됨). ### 작동 방식 1. **기획 및 전략**: 목표와 제약 조건을 도출하고, 상충되는 사양을 조기에 발견하며, 최적화된 전략을 선택합니다. 2. **비주얼 시스템**: 의미론적인 색상 팔레트, 모듈형 타이포그래피 스케일, 그리드를 확정합니다. 3. **제작 및 스마트 폴백**: 시맨틱 HTML5/CSS3, 확장 가능한 SVG 벡터, 인쇄용 레이아웃 및 W3C 디자인 토큰을 생성합니다. 4. **엄격한 4상태 QA**: 명암비, 레이블, 링크, 인쇄 규격을 감사하고 모든 검사 항목을 평가합니다. ### 제공받는 결과물 - 간결한 디자인 기획서 및 비주얼 시스템 토큰 테이블 - 바로 구현 가능한 HTML/CSS/SVG 파일 또는 인쇄용 레이아웃 - 수정 및 내보내기 지침이 포함된 4상태 QA 보고서 ### 제한 사항 Figma나 Illustrator로 가져올 수 있는 개방형 형식(`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`)으로 출력됩니다.
이미지이미지 리믹스: 재창작과 맞춤화
인상적인 참고 이미지에서 영감을 받아 광고, 패션 콘셉트, 에디토리얼 인물 사진, 제품 장면 및 다양한 시각적 탐색을 위한 맞춤형 이미지를 제작하세요. Image Remix는 참고 이미지가 돋보이는 이유를 분석한 뒤, 이를 원하는 인물, 스타일 또는 제품에 맞게 조정할 수 있도록 도와줍니다. 마음에 드는 구도와 분위기는 유지하면서 다섯 가지 안내 선택을 통해 원하는 세부 요소를 바꿀 수 있습니다. 다섯 가지 창작 조절 항목 • 인물 / 대상 — 원본의 외형을 유지하거나, 변경 사항을 설명하거나, 참고 이미지를 제공하세요. • 의상 — 기존 의상을 유지하거나, 새로운 스타일을 설명하거나, 의상 참고 이미지를 사용하세요. • 환경 — 배경을 유지하거나 장면을 새로운 장소로 옮기세요. • 피부의 사실감 — 매끄럽지만 사실적인 피부, 자연스러운 질감, 은은한 주근깨 또는 원하는 설명을 선택하세요. • 주얼리 — 유지, 재디자인, 교체, 제거하거나 참고 이미지를 제공하세요. 작동 방식 원본 이미지를 업로드하고 선택 사항을 지정하세요. 필요한 경우 인물, 의상 또는 제품 참고 이미지를 추가할 수 있습니다. 이 스킬은 부족한 필수 정보를 확인하고, 완성된 영어 생성 프롬프트를 준비하며, 의도한 결과를 사용자의 언어로 설명한 뒤 이미지 1장을 생성합니다. 변경 사항은 직접 조절하고, 시각적 인상은 유지하세요. 변경을 선택하지 않는 한 포즈, 프레이밍, 원근감 및 분위기는 일관되게 유지됩니다. 조명, 그림자, 반사 및 소재는 새로운 요소가 자연스럽게 어우러지도록 조정됩니다. 참고 이미지는 각각 별도의 역할을 합니다. 의상 참고 이미지는 의상을 안내하고, 제품 참고 이미지는 제품의 디자인을 안내합니다. 이를 통해 관련 없는 얼굴, 배경 또는 액세서리가 함께 반영되는 것을 줄일 수 있습니다. 제공되는 결과 • 맞춤 생성 이미지 1장 • 완성된 재사용 가능 영어 이미지 프롬프트 • 사용자의 언어로 제공되는 명확한 설명 조명, 프레이밍, 가로세로 비율 또는 텍스트에 대한 선택적 지침을 추가하세요. 이미 수락한 선택 사항은 유지하면서 원하는 부분만 수정해 결과를 다듬을 수 있습니다. 참고 이미지 기반 재창작이며, 픽셀 단위의 완벽한 복제는 보장되지 않습니다.
이미지비포·애프터 광고 스튜디오
변화를 주인공으로 만들어 보세요. 제품 사진 한 장을 대담한 비포·애프터 광고 비주얼로 바꿔 보세요. 개성 있는 아트 디렉션, 시선을 사로잡는 구도, 중심에 놓인 변화로 강렬한 이미지를 완성합니다. 화장품과 퍼스널 케어부터 청소용품과 피트니스까지, 이 스킬은 제품의 용도를 살펴보고 관련된 이점을 시각적으로 표현할 창의적인 방법을 개발합니다. 내 제품. 나만의 크리에이티브 디렉션. 사진으로 시작하세요. 스킬이 제품을 조사한 뒤 장면, 소재, 시각 요소, 형식, 텍스트 스타일을 선택하도록 도와줍니다. 예상 밖의 결과를 원하시나요? AI에게 창의적인 주도권을 맡겨 보세요. 세 가지 콘셉트. 서로 다른 세 가지 비주얼 아이디어. 완성된 이미지 생성 프롬프트와 함께 맞춤형 콘셉트 세 가지를 살펴보세요. 흐르는 천 사이로 드러나는 제품, 조각적인 공간, 극적인 클로즈업, 유리의 전환 효과, 제품을 중심으로 구축한 예상 밖의 세계 등을 상상해 보세요. 각 콘셉트는 서로 다른 비주얼 스토리를 제공합니다. 비포 & 애프터를 가장 중심에. 크고 명확하게 읽히는 변화 장면이 구도를 이끕니다. 제품 배치, 분위기, 타이포그래피가 조화를 이루어 휴대폰 화면에서도 변화가 돋보이게 합니다. 승인하면 제작이 시작됩니다. 프롬프트를 검토하고 수정을 요청한 뒤, 하나의 콘셉트 또는 세 가지 모두를 선택하세요. 이미지 생성은 승인 후에만 시작되며, 사용 중인 워크스페이스에서 이용 가능한 기능을 사용합니다. 여러분의 취향을 중심으로. 정사각형, 세로형, 가로형 또는 사용자 지정 크기를 선택하세요. 대담한 헤드라인을 추가하거나, 문구를 최소화하거나, 비주얼이 말하게 할 수 있습니다. 작업 과정은 여러분의 언어에 맞춰 조정되며, 제작 프롬프트는 기본적으로 영어로 작성됩니다. 제품을 업로드하세요. 장면을 구성하세요. 변화를 선명하게 보여 주세요.
정보
- 버전
- v2
- 최종 업데이트
- 실행 크레딧
- 사용량에 따라 차감
- 모델
- 자동 선택
