일본 미스터리 웹사이트 목업
분위기 있는 일본 미스터리 스토리 또는 게임 웹사이트를 위한 반응형 데스크톱 및 모바일 UI 목업을 생성합니다.
프롬프트
목표: 月蝕綺譚이라는 제목의 일본 미스터리 게임 또는 스토리 아카이브를 위한 세련된 웹사이트 목업을 제작합니다. 왼쪽에는 데스크톱 브라우저 창, 오른쪽에는 스마트폰 화면이 배치된 반응형 디자인 미리보기 형태로 구성하세요.
캔버스: 밝은 회색 배경에 가로 16:9 비율의 프레젠테이션 이미지. 왼쪽에는 전체 너비의 약 75%를 차지하는 대형 데스크톱 브라우저 목업을, 오른쪽에는 약 22%를 차지하는 세로형 스마트폰 목업을 배치하세요. 부드러운 그림자가 들어간 사실적인 기기 프레임을 사용하세요.
시각적 스타일: 우아한 일본 문학적 공포, 정적인 미스터리, 기록 보관소 문서, 달빛이 비치는 어둠. 아이보리색 종이, 검은색 잉크, 짙은 남색, 차분한 회색, 그리고 강렬한 주홍색 포인트 컬러를 사용하세요. 일본어 세리프 서체, 얇은 눈금선, 티켓 형태의 테두리, 은은한 종이 질감, 오래된 원고 이미지, 희미한 초승달 궤도 라인 그래픽을 활용하세요. 전체적인 분위기는 내러티브 게임의 프리미엄 공식 웹사이트처럼 느껴져야 합니다.
데스크톱 레이아웃: 상단에 어두운 바와 3개의 작은 창 버튼이 있는 브라우저 창을 보여주세요. 페이지 내부에는 아이보리색 헤더를 사용하고, 왼쪽에 사이트 제목 月蝕綺譚, 작은 붉은색 인장, 그리고 5개의 가로형 내비게이션 항목(「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」)과 「メールで会員になる」라고 적힌 짙은 남색 버튼을 배치하세요. 하단의 히어로 섹션은 빛나는 초승달/일식 위에 수직으로 쓰인 제목 「月蝕綺譚」이 중앙에 배치된 넓고 어두운 일식 비주얼로 구성하세요. 그 위에 오래된 일본 문서가 담긴 반투명 아카이브 UI 카드를 겹치고, 카드 하단에는 5개의 작은 수집품/문서 카드를 배치하세요. 히어로 이미지 맨 아래에는 밤거리, 설계도 같은 방, 어두운 폴더나 물건, 오래된 필기 문서, 책상/작업 공간 지도 등 5개의 가로형 썸네일 스트립을 포함하세요.
데스크톱 오른쪽 가입 카드: 히어로 섹션 오른쪽에 반원형 홈이 파여 있고 얇은 장식 테두리가 있는 크림색 티켓 모양의 멤버십 카드를 배치하세요. 여기에는 작은 라벨 「入会札」, 스탬프 문양, 헤드라인 「メールで会員になる」, 봉투 아이콘, 짧은 설명 텍스트, 「メールアドレスを入力」라는 플레이스홀더가 있는 이메일 입력 필드, 그리고 오른쪽 화살표가 포함된 붉은색 「登録する」 CTA 버튼을 넣으세요. 하단에는 아주 작은 글씨로 개인정보 처리방침을 포함하세요.
데스크톱 하단 콘텐츠: 히어로 섹션 아래에는 2단 구성의 섹션을 만드세요. 왼쪽에는 얇은 수직 빨간색 선과 짧은 설명 문구가 포함된 대형 일본어 태그라인 物語の続きを、いちばん近くで。을 배치하세요. 오른쪽에는 3개의 기사 카드를 가로로 배치하세요. 3개의 카드는 다음과 같습니다: 1) 달 이미지와 작은 붉은색 NEW 라벨, 제목 「大型アップデート『○○』を公開しました」, 날짜 2024.05.20이 포함된 「月蝕綺譚 最新便」; 2) 노트북과 펜 이미지, 제목 「開発記録 #12：環境音の調整について」, 날짜 2024.05.18이 포함된 「開発記録」; 3) 어두운 우편함 이미지, 제목 「ご意見・ご感想をお聞かせください」, 날짜 2024.05.16이 포함된 「ご意見箱」. 각 카드에는 얇은 테두리, 헤더의 작은 화살표, 회색 플레이스홀더 요약 줄이 있어야 합니다.
데스크톱 푸터: 하단에 짙은 남색 푸터를 추가하고 6개의 푸터 링크(「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, 「利用規約」, 「プライバシーポリシー」)를 배치하세요. 오른쪽에는 초승달 아이콘과 저작권 표기 「© 2024 月蝕綺譚」을 포함하세요.
모바일 레이아웃: 오른쪽 스마트폰에는 모바일에 맞게 조정된 동일한 사이트를 보여주세요. 상태 표시줄 시간은 9:41로 설정하세요. 헤더에는 제목 「月蝕綺譚」과 햄버거 메뉴 아이콘이 포함됩니다. 그 아래에는 일식과 수직 제목이 있는 컴팩트한 어두운 히어로 섹션, 그리고 5개의 작은 가로형 썸네일을 보여주세요. 이어서 태그라인 「物語の続きを、いちばん近くで。」, 동일한 티켓 모양의 이메일 가입 카드, 그리고 달 이미지와 붉은색 NEW 라벨이 있는 첫 번째 뉴스 카드 「月蝕綺譚 最新便」을 배치하세요. 모바일 뷰는 세로로 스크롤 가능한 형태여야 하지만 스마트폰 화면 안에 포함되어야 합니다.
제약 사항: 모든 인터페이스 텍스트는 지정된 대로 일본어로 유지하세요. 깔끔하고 고해상도의 UI 목업 렌더링, 선명한 타이포그래피, 은은한 그림자를 사용하고 불필요한 로고나 워터마크는 넣지 마세요. 디자인은 구현 계획을 위해 생성된 완성된 웹/앱 목업처럼 보여야 합니다.
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
GPT Image 2을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 이미지 프롬프트가 더 있습니다.
더 많은 이미지 프롬프트 보기
더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.