創意個人檔案
指令
創建一個受專業品牌策略師視覺設計啟發的現代簡約個人網站:
整體風格
- 採用極簡設計語言,留白充足,為內容提供了足夠的呼吸空間
- 專業而富有創意,完美詮釋了品牌策略家的形象
- 適用於桌面和行動裝置的響應式佈局
**配色方案**
- 背景色:暖米色/灰白色 (#FFFEF9)
- 主要強調色:亮粉紅色/洋紅色 (#FF1493),用於關鍵標題和行動號召
- 輔助強調色:淺藍色/青色 (#00CED1),用於標籤和分類
- 文字顏色:內文採用深黑色 (#1a1a1a),確保高可讀性
**字體設計**
- 超大粗體標題:標題分成兩行,使用超粗無襯線字體(例如 Inter Black/Helvetica Black),最小字號為 80 像素。
- 職稱採用亮粉紅色字體,字號為 60-80 像素。
內文採用 16-18px 簡潔的無襯線字體
- 嚴格的網格系統,採用兩列或三列佈局
- 使用細線(1像素)分隔不同的內容區域
頁面結構
1. 英雄篇:
- 左側:超大姓名(分兩行顯示)+ 職位(粉紅色)
右側:帶有彩色邊框的圓形頭像
- 底部:個人使命宣言
2. 聯絡資訊部分:
電話、電子郵件、網站鏈接
- 以粉紅色或藍色高亮顯示
3. 工作經驗部分:
- 左圖:時間段標籤(使用強調色)
- 右側:職位名稱(斜體)+ 詳細描述
清晰的視覺層次結構
4. 教育板塊:
- 相同的雙欄佈局
時段 + 機構 + 學位
5. 技能/語言部分:
- 色區塊類別標籤
- 網格狀顯示
**視覺元素**
- 帶有粉紅色或漸層邊框的圓形頭像
- 使用強調色設定標籤式類別標題(例如「工作經驗」)
- 黑色圓圈內的浮動按鈕(右下角,回到頂部)
所有交互元素均有微妙的懸停效果
字體推薦
- 標題:Inter Black、Helvetica Neue Bold 或 Montserrat ExtraBold
正文:Inter Regular、Helvetica Neue 或 System UI
**互動詳情**
- 流暢滾動
- 連結懸停時可改變顏色或新增底線動畫
- 響應式導航選單
- 簡潔優雅的載入動畫
**內容要求**
個人簡介重點突出「十年經驗」、「策略和故事敘述」及類似關鍵字
- 工作經驗中著重於具體成就和指標(例如「200% 的成長」)。
- 展示與知名品牌/機構的合作
- 語言能力和專業技能明確分類
請產生完整的 HTML/CSS/JavaScript 程式碼,確保設計專業、現代,並充分體現個人品牌特徵。
描述
推薦自
nene@YouMind
為什麼我們推薦這個技能
此技能脫穎而出,能打造出精緻且融合品牌策略師靈感的個人網站。它詳細描述了現代極簡美學,包含精確的色彩、字體和佈局規範,創造出真正獨特的線上形象。
將您的個人品牌轉變為令人驚豔的極簡網站。專業設計、策略佈局與迷人美學即刻打造,展示您的專業知識。
相關技能
查看全部可探索式解說頁面建置器
報告是解釋。頁面讓人們自己去發掘。 YouMind 已經能建立網頁。Explorable Explainer 決定要建立什麼——它把一份研究、一份資料集或一個主題,變成單一互動頁面,承襲新聞圖表與可探索式解說的傳統:捲動驅動的敘事、真實的圖表、可以操作的控件、可以查證的來源。 它先規劃,再寫程式。你首先批准建置計畫:頁面要回答的那一個問題、那個揭示時刻——讀者應該感到「哦!」的瞬間——五到八個區段的捲動主軸、兩到四個互動(每個都說明讀者能從操作中學到什麼),以及一份資料契約,列出每個數字及其來源。 接著它建立一個單一、自包含的 HTML 檔案,無需建置步驟。語意化標記。所有數字集中在檔案頂部一個可編輯的 DATA 常數。捲動揭示在手機上不會出錯。每個控件都是真正可用鍵盤操作的表單元素,並以即時文字描述目前值。 無障礙是內建而非事後添加:4.5:1 對比度、可見的焦點框、處處有替代文字、不單靠顏色傳達意義、尊重減少動畫設定、從 360px 起皆為響應式。 交付之前,它會執行五點自我審查並誠實回報結果:揭示點是否真的奏效、關閉 JavaScript 後頁面是否仍可閱讀、Tab 順序是否合理、每個數字是否可追溯、是否有讀者會想停止的動畫。 它有兩條絕不打破的規則:絕不為了讓圖表好看而編造資料,而且當你的數字與草稿互相矛盾時,它會直接告訴你。 適合研究人員、分析師、記者、教育工作者、獨立創業者與顧問——他們希望自己的作品被探索,而不是被匆匆略過。
網頁柔光日間 浮世風格網頁
柔光日間風格的網頁設計系統:淡天藍畫布(#ebf5ff)、字重固定 500 的超大展示字(響應式最高 148px)、32px 圓角卡片 + 9999px 藥丸、近黑 #181d27 實心 CTA、粉彩色塊與漂浮 3D 黏土質插畫。深度只靠畫布到卡片的色階位移,內容卡片零陰影。適用於「柔光日間風格」「3D 插畫登陸頁」「淡藍畫布」「圓角卡片風」「SaaS 官網」「Linear/Framer 風格」等需求,內建無障礙與響應式約束。
網頁Fashion Creative Design 風格網頁
時尚編輯式海報風格的網頁設計系統:暖奶油紙質畫布(#fffef7)、300 字重超大標題(64–84px)、全出血攝影、零陰影、卡片直角 + 按鈕 1440px 藥丸圓角。 適用於「時尚設計風格」「雜誌排版」「海報風」「藝術畫冊網頁」「工作室作品集」「畫廊頁面」等需求,可將任意內容改寫為高級時裝編輯風頁面。
創意個人檔案
指令
創建一個受專業品牌策略師視覺設計啟發的現代簡約個人網站:
整體風格
- 採用極簡設計語言,留白充足,為內容提供了足夠的呼吸空間
- 專業而富有創意,完美詮釋了品牌策略家的形象
- 適用於桌面和行動裝置的響應式佈局
**配色方案**
- 背景色:暖米色/灰白色 (#FFFEF9)
- 主要強調色:亮粉紅色/洋紅色 (#FF1493),用於關鍵標題和行動號召
- 輔助強調色:淺藍色/青色 (#00CED1),用於標籤和分類
- 文字顏色:內文採用深黑色 (#1a1a1a),確保高可讀性
**字體設計**
- 超大粗體標題:標題分成兩行,使用超粗無襯線字體(例如 Inter Black/Helvetica Black),最小字號為 80 像素。
- 職稱採用亮粉紅色字體,字號為 60-80 像素。
內文採用 16-18px 簡潔的無襯線字體
- 嚴格的網格系統,採用兩列或三列佈局
- 使用細線(1像素)分隔不同的內容區域
頁面結構
1. 英雄篇:
- 左側:超大姓名(分兩行顯示)+ 職位(粉紅色)
右側:帶有彩色邊框的圓形頭像
- 底部:個人使命宣言
2. 聯絡資訊部分:
電話、電子郵件、網站鏈接
- 以粉紅色或藍色高亮顯示
3. 工作經驗部分:
- 左圖:時間段標籤(使用強調色)
- 右側:職位名稱(斜體)+ 詳細描述
清晰的視覺層次結構
4. 教育板塊:
- 相同的雙欄佈局
時段 + 機構 + 學位
5. 技能/語言部分:
- 色區塊類別標籤
- 網格狀顯示
**視覺元素**
- 帶有粉紅色或漸層邊框的圓形頭像
- 使用強調色設定標籤式類別標題(例如「工作經驗」)
- 黑色圓圈內的浮動按鈕(右下角,回到頂部)
所有交互元素均有微妙的懸停效果
字體推薦
- 標題:Inter Black、Helvetica Neue Bold 或 Montserrat ExtraBold
正文:Inter Regular、Helvetica Neue 或 System UI
**互動詳情**
- 流暢滾動
- 連結懸停時可改變顏色或新增底線動畫
- 響應式導航選單
- 簡潔優雅的載入動畫
**內容要求**
個人簡介重點突出「十年經驗」、「策略和故事敘述」及類似關鍵字
- 工作經驗中著重於具體成就和指標(例如「200% 的成長」)。
- 展示與知名品牌/機構的合作
- 語言能力和專業技能明確分類
請產生完整的 HTML/CSS/JavaScript 程式碼,確保設計專業、現代,並充分體現個人品牌特徵。
描述
推薦自
nene@YouMind
為什麼我們推薦這個技能
此技能脫穎而出,能打造出精緻且融合品牌策略師靈感的個人網站。它詳細描述了現代極簡美學,包含精確的色彩、字體和佈局規範,創造出真正獨特的線上形象。
將您的個人品牌轉變為令人驚豔的極簡網站。專業設計、策略佈局與迷人美學即刻打造,展示您的專業知識。
相關技能
查看全部可探索式解說頁面建置器
報告是解釋。頁面讓人們自己去發掘。 YouMind 已經能建立網頁。Explorable Explainer 決定要建立什麼——它把一份研究、一份資料集或一個主題,變成單一互動頁面,承襲新聞圖表與可探索式解說的傳統:捲動驅動的敘事、真實的圖表、可以操作的控件、可以查證的來源。 它先規劃,再寫程式。你首先批准建置計畫:頁面要回答的那一個問題、那個揭示時刻——讀者應該感到「哦!」的瞬間——五到八個區段的捲動主軸、兩到四個互動(每個都說明讀者能從操作中學到什麼),以及一份資料契約,列出每個數字及其來源。 接著它建立一個單一、自包含的 HTML 檔案,無需建置步驟。語意化標記。所有數字集中在檔案頂部一個可編輯的 DATA 常數。捲動揭示在手機上不會出錯。每個控件都是真正可用鍵盤操作的表單元素,並以即時文字描述目前值。 無障礙是內建而非事後添加:4.5:1 對比度、可見的焦點框、處處有替代文字、不單靠顏色傳達意義、尊重減少動畫設定、從 360px 起皆為響應式。 交付之前,它會執行五點自我審查並誠實回報結果:揭示點是否真的奏效、關閉 JavaScript 後頁面是否仍可閱讀、Tab 順序是否合理、每個數字是否可追溯、是否有讀者會想停止的動畫。 它有兩條絕不打破的規則:絕不為了讓圖表好看而編造資料,而且當你的數字與草稿互相矛盾時,它會直接告訴你。 適合研究人員、分析師、記者、教育工作者、獨立創業者與顧問——他們希望自己的作品被探索,而不是被匆匆略過。
網頁柔光日間 浮世風格網頁
柔光日間風格的網頁設計系統:淡天藍畫布(#ebf5ff)、字重固定 500 的超大展示字(響應式最高 148px)、32px 圓角卡片 + 9999px 藥丸、近黑 #181d27 實心 CTA、粉彩色塊與漂浮 3D 黏土質插畫。深度只靠畫布到卡片的色階位移,內容卡片零陰影。適用於「柔光日間風格」「3D 插畫登陸頁」「淡藍畫布」「圓角卡片風」「SaaS 官網」「Linear/Framer 風格」等需求,內建無障礙與響應式約束。
網頁Fashion Creative Design 風格網頁
時尚編輯式海報風格的網頁設計系統:暖奶油紙質畫布(#fffef7)、300 字重超大標題(64–84px)、全出血攝影、零陰影、卡片直角 + 按鈕 1440px 藥丸圓角。 適用於「時尚設計風格」「雜誌排版」「海報風」「藝術畫冊網頁」「工作室作品集」「畫廊頁面」等需求,可將任意內容改寫為高級時裝編輯風頁面。
發現下一個適合你的技能
繼續探索更多精選 AI 技能,用於研究、創作和日常工作。