影片 圖片
登入

MPLUS Link UI 現代重設

Transforms an existing dense Japanese collaboration SaaS UI into a clean six-screen modern mockup for design improvement presentations.

作者 はじめ@AIとDXのひと · gpt-image-2 · 2,100 觀看 · 1 按讚 · 7 書籤
MPLUS Link UI 現代重設

Prompt

使用 REFERENCE_0 作為來源 UI,將類似 Teams 的內外部協作系統重新設計為更簡潔、更現代的產品模型,同時保留 MPLUS LINK 品牌、深海軍藍色左側導航列以及整體應用程式功能集合。製作一個精緻的 2 欄 x 3 列簡報,精確展示 6 個重新設計的畫面:1) 一個包含大型主視覺卡片的歡迎/登入登陸畫面,日文標題 {argument name="headline text" default="社外合作夥伴協作,透過邀請制的專用工作區集中管理"},登入分頁/按鈕,以及逼真的桌面顯示器主視覺圖片;2) 一個專案橋接聊天畫面,帶有右對齊的聊天卡片、操作 Chip 以及訊息編輯器;3) 一個團隊列表畫面,簡化為兩個簡潔的團隊卡片;4) 一個文件/素材列表畫面,包含上傳控制項、搜尋/篩選區域以及檔案列;5) 一個共享協作室畫面,標題為 {argument name="room title" default="MPI 共同開發室"},包含專案概覽卡片和簡潔的成員/狀態列表;6) 一個使用者管理畫面,標題為 {argument name="admin title" default="使用者管理"},包含使用者列和空白的詳細資訊面板。讓新模型比參考稿更寬敞:更少的表格列、更大的邊距、更柔和的分隔線、淺藍灰色背景、白色圓角卡片、細微陰影以及小型藍/綠色強調按鈕。保持日式企業 SaaS 風格和模擬資料性質,但移除密集且事無巨細的表格,替換為簡化、適合呈現的模擬 UI,用於設計改進對比。在導覽列中使用品牌名稱 {argument name="brand name" default="MPLUS Link"},保持導覽列在每個畫面上的一致性,並避免添加不相關的功能、浮水印或裝飾性雜亂。

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

原文 Prompt
Using REFERENCE_0 as the source UI, redesign the Teams-like internal/external collaboration system into a cleaner, more modern product mockup while preserving the MPLUS Link brand, the dark navy left sidebar navigation, and the overall set of app functions. Create a polished 2-column by 3-row presentation showing exactly 6 redesigned screens: 1) a welcome/login landing screen with a large hero card, Japanese headline {argument name="headline text" default="社外パートナー連携を、招待制の専用ワークスペースで一元化"}, login tabs/buttons, and a realistic desktop-monitor hero image; 2) a project bridge chat screen with right-aligned chat cards, action chips, and a message composer; 3) a team list screen simplified into two clean team cards; 4) a materials/document list screen with upload controls, search/filter area, and file rows; 5) a shared collaboration room screen titled {argument name="room title" default="MPI 共同開発ルーム"} with a project overview card and compact member/status list; 6) a user management screen titled {argument name="admin title" default="ユーザー管理"} with user rows and an empty detail panel. Make the new mockups much more spacious than the reference: fewer table rows, larger margins, softer dividers, pale blue-gray backgrounds, white rounded cards, subtle shadows, and small blue/green accent buttons. Keep the Japanese enterprise SaaS feel and dummy-data nature, but remove the dense micromanaged tables and replace them with simplified, presentable mock UI suitable for a design-improvement comparison. Use brand name {argument name="brand name" default="MPLUS Link"} in the sidebar, keep the sidebar consistent on every screen, and avoid adding unrelated features, watermarks, or decorative clutter.

✨ 生成 收藏 原始貼文 在 Hitboard 開啟

更多類似內容