深色模式字典應用

Creates a polished iPhone-style vocabulary app screen for an English dictionary entry with translation, illustration, pronunciation, and bottom navigation.

目標：創建一個逼真的 iPhone 螢幕截圖，顯示一個時尚深色模式英語字彙/詞彙學習應用程式的條目，顯示 {argument name="word" default="achievement"}。

畫布：垂直智慧型手機螢幕，9:16 長寬比，黑色背景，頂部為 iOS 風格狀態列，左側顯示 12:11，右側顯示行動網路/Wi-Fi/電池圖示。使用圓角卡片、柔和陰影和現代簡約 UI。

佈局：頂部導航 exactly 有 2 個元素：左上角有一個圓形深色返回按鈕，帶有白色左箭頭 chevron，以及居中的頁面標題 “achievement” 為白色。右側邊緣有一條細垂直滾動指示器。

區段：顯示 exactly 4 個可見的內容區段，按此順序：1) 翻譯，2) 插圖，3) 發音，4) 底部一個部分可見的「含義」標題。區段標籤為柔和灰色、粗體和左對齊。

文字內容：在「翻譯」下，放置一個圓角深色藥丸卡片，包含日文文字 {argument name="translation text" default="何かを成し遂げた結果や業績"}。在「發音」下，創建一個大型圓角深色卡片，包含音標拼寫 {argument name="phonetic text" default="/əˈtʃiːvmənt/"}，可讀發音 “ə-CHEE-vmənt”，右側有一個藍色喇叭圖示，一條細分隔線，以及左下角附近一個小圓角「CEFR」標籤。

插圖：在「插圖」區段，放置一個大型圓角矩形圖片卡片，背景為灰白色。在其中，繪製一位快樂的年輕畢業女性，穿著黑色畢業袍和帶有金色流蘇的方帽，閉眼微笑。她左手舉起一個用紅絲帶綁住的捲起文憑，右手握拳慶祝。在她周圍添加多彩的矩形彩紙。使用平面向量插圖風格、暖色調、乾淨邊緣，插圖內無文字。

底部導航：在底部覆蓋一個浮動圓角黑色標籤列，exactly 有 3 個標籤：「課程」帶有藍色畢業帽圖示和高亮灰色藥丸背景，「單詞」帶有白色打開書本圖示，以及「設定」帶有白色齒輪圖示。標籤列部分覆蓋發音卡片和微弱的「含義」標題。

視覺風格：高保真度行動應用程式模型，深色主題，iOS 比例，圓角，微妙漸層，白色和灰色排版，藍色強調色，精美的產品截圖。避免額外文字、額外圖示、浮水印或瀏覽器介面。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟