diff --git a/app/results/creative/page.tsx b/app/results/creative/page.tsx index 6bcd5d3..f7a4b8f 100644 --- a/app/results/creative/page.tsx +++ b/app/results/creative/page.tsx @@ -44,11 +44,36 @@ export default function CreativeResultsPage() { } const getCreativityLevel = (score: number) => { - if (score >= 85) return { level: "極具創意", color: "bg-purple-500", description: "擁有卓越的創新思維和想像力" } - if (score >= 75) return { level: "很有創意", color: "bg-blue-500", description: "具備較強的創造性思維能力" } - if (score >= 65) return { level: "有一定創意", color: "bg-green-500", description: "具有一定的創新潛力" } - if (score >= 50) return { level: "創意一般", color: "bg-yellow-500", description: "創造性思維有待提升" } - return { level: "缺乏創意", color: "bg-red-500", description: "需要培養創新思維能力" } + if (score >= 90) return { + level: "創意巔峰者", + color: "bg-purple-600", + description: "創意力近乎無窮，你是團隊裡的靈感源泉，總能帶來突破性的想法。", + suggestion: "你不只創造靈感，更能影響他人。如果能結合執行力，你將成為真正的創新領袖。" + } + if (score >= 75) return { + level: "創意引領者", + color: "bg-blue-500", + description: "你是靈感的推動者！總是能在團體中主動拋出新想法，激發別人跟進。", + suggestion: "持續累積學習，讓你的靈感不僅是點子，而能帶動真正的行動。" + } + if (score >= 55) return { + level: "創意實踐者", + color: "bg-green-500", + description: "靈感已經隨手可得，在團體中也常被認為是「有創意的人」。", + suggestion: "再給自己一點勇氣，不要害怕挑戰慣例，你的創意將更有力量。" + } + if (score >= 35) return { + level: "創意開拓者", + color: "bg-yellow-500", + description: "你其實有自己的想法，但有時習慣跟隨大多數人的步伐。", + suggestion: "試著勇敢說出腦中天馬行空的念頭，你會發現，這些點子或許就是團隊需要的突破口。" + } + return { + level: "創意萌芽者", + color: "bg-red-500", + description: "還在創意旅程的起點。雖然暫時表現平淡，但這正是無限潛力的開端！", + suggestion: "觀察生活小事，或閱讀不同領域的內容，讓靈感一點一滴積累。" + } } const creativityLevel = getCreativityLevel(results.score) @@ -111,23 +136,29 @@ export default function CreativeResultsPage() { {creativityLevel.level} -

{creativityLevel.description}

+

{creativityLevel.description}

+
+

+ 👉 建議： + {creativityLevel.suggestion} +

+
-
+
{results.totalScore}
-
总得分
+
總得分
{results.maxScore}
-
满分
+
滿分
{Math.round((results.totalScore / results.maxScore) * 100)}%
-
得分率
+
得分率
@@ -143,15 +174,15 @@ export default function CreativeResultsPage() { -
+
{categoryResults.map((category) => ( -
+
-

{category.name}

- {category.score}分 +

{category.name}

+ {category.score}分
-

+

{category.rawScore} / {category.maxRawScore} 分

@@ -167,9 +198,9 @@ export default function CreativeResultsPage() {
-
-

創意能力評估

-

+

+

創意能力評估

+

基於您的測試結果，您在創意思維方面表現為「{creativityLevel.level}」水平。 {results.score >= 75 && "您具備出色的創新思維能力，善於從不同角度思考問題，能夠產生獨特的想法和解決方案。"} @@ -180,13 +211,13 @@ export default function CreativeResultsPage() {

-
+
{categoryResults.map((category) => ( -
-

{category.name}

+
+

{category.name}

- {category.score}% + {category.score}%

{category.score >= 80 && "表現優秀，繼續保持"} @@ -201,20 +232,20 @@ export default function CreativeResultsPage() { {/* Actions */} -

- - -
diff --git a/package.json b/package.json index b100a7e..b6589a1 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "test-responsive-design": "node scripts/test-responsive-design.js", "test-reverse-scoring": "node scripts/test-reverse-scoring.js", "test-creative-flow": "node scripts/test-creative-flow.js", + "test-creative-score-levels": "node scripts/test-creative-score-levels.js", "update-logic-table": "node scripts/update-logic-table.js", "seed-db": "npx tsx lib/database/seed.ts", "seed-logic-questions": "npx tsx lib/database/seed-logic-questions.ts", diff --git a/scripts/test-creative-responsive-design.js b/scripts/test-creative-responsive-design.js new file mode 100644 index 0000000..c02cb27 --- /dev/null +++ b/scripts/test-creative-responsive-design.js @@ -0,0 +1,55 @@ +// 測試創意測試結果頁面的響應式設計 +const responsiveClasses = { + // 統計數據區域 + statsGrid: "grid grid-cols-3 gap-4 mb-6", + statsText: "text-xs text-muted-foreground", + + // 能力維度分析區域 + categoryGrid: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", + categoryItem: "space-y-2 md:space-y-3", + categoryTitle: "text-sm md:text-base", + categoryBadge: "text-xs", + categoryScore: "text-xs md:text-sm", + + // 詳細反饋區域 + feedbackCard: "p-3 md:p-4", + feedbackTitle: "text-sm md:text-base", + feedbackText: "text-xs md:text-sm", + feedbackGrid: "grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-4", + + // 按鈕區域 + buttonContainer: "flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center", + button: "w-full sm:w-auto" +} + +console.log('📱 創意測試結果頁面響應式設計測試') +console.log('=' .repeat(60)) + +console.log('\n📊 統計數據區域:') +console.log(`網格佈局: ${responsiveClasses.statsGrid}`) +console.log(`標籤文字: ${responsiveClasses.statsText}`) + +console.log('\n📋 能力維度分析區域:') +console.log(`網格佈局: ${responsiveClasses.categoryGrid}`) +console.log(`項目間距: ${responsiveClasses.categoryItem}`) +console.log(`標題大小: ${responsiveClasses.categoryTitle}`) +console.log(`徽章大小: ${responsiveClasses.categoryBadge}`) +console.log(`分數文字: ${responsiveClasses.categoryScore}`) + +console.log('\n💬 詳細反饋區域:') +console.log(`卡片內邊距: ${responsiveClasses.feedbackCard}`) +console.log(`標題大小: ${responsiveClasses.feedbackTitle}`) +console.log(`文字大小: ${responsiveClasses.feedbackText}`) +console.log(`網格佈局: ${responsiveClasses.feedbackGrid}`) + +console.log('\n🔘 按鈕區域:') +console.log(`按鈕容器: ${responsiveClasses.buttonContainer}`) +console.log(`按鈕樣式: ${responsiveClasses.button}`) + +console.log('\n✅ 響應式設計配置完成') +console.log('\n📱 手機版特點:') +console.log('- 統計數據始終 3 欄並排顯示') +console.log('- 文字大小在手機上較小，桌面版較大') +console.log('- 能力維度分析在手機上單欄顯示，桌面版雙欄') +console.log('- 按鈕在手機上全寬顯示，桌面版自動寬度') +console.log('- 內邊距在手機上較小，桌面版較大') diff --git a/scripts/test-creative-score-levels.js b/scripts/test-creative-score-levels.js new file mode 100644 index 0000000..5d813d6 --- /dev/null +++ b/scripts/test-creative-score-levels.js @@ -0,0 +1,55 @@ +// 測試新的創意評分系統 +const testScores = [0, 20, 40, 50, 60, 70, 80, 85, 90, 95, 100] + +function getCreativityLevel(score) { + if (score >= 90) return { + level: "創意巔峰者", + color: "bg-purple-600", + description: "創意力近乎無窮，你是團隊裡的靈感源泉，總能帶來突破性的想法。", + suggestion: "你不只創造靈感，更能影響他人。如果能結合執行力，你將成為真正的創新領袖。" + } + if (score >= 75) return { + level: "創意引領者", + color: "bg-blue-500", + description: "你是靈感的推動者！總是能在團體中主動拋出新想法，激發別人跟進。", + suggestion: "持續累積學習，讓你的靈感不僅是點子，而能帶動真正的行動。" + } + if (score >= 55) return { + level: "創意實踐者", + color: "bg-green-500", + description: "靈感已經隨手可得，在團體中也常被認為是「有創意的人」。", + suggestion: "再給自己一點勇氣，不要害怕挑戰慣例，你的創意將更有力量。" + } + if (score >= 35) return { + level: "創意開拓者", + color: "bg-yellow-500", + description: "你其實有自己的想法，但有時習慣跟隨大多數人的步伐。", + suggestion: "試著勇敢說出腦中天馬行空的念頭，你會發現，這些點子或許就是團隊需要的突破口。" + } + return { + level: "創意萌芽者", + color: "bg-red-500", + description: "還在創意旅程的起點。雖然暫時表現平淡，但這正是無限潛力的開端！", + suggestion: "觀察生活小事，或閱讀不同領域的內容，讓靈感一點一滴積累。" + } +} + +console.log('🎨 測試新的創意評分系統') +console.log('=' .repeat(80)) + +testScores.forEach(score => { + const level = getCreativityLevel(score) + console.log(`\n📊 分數: ${score}`) + console.log(`🏆 等級: ${level.level}`) + console.log(`📝 描述: ${level.description}`) + console.log(`💡 建議: ${level.suggestion}`) + console.log('-'.repeat(60)) +}) + +console.log('\n✅ 創意評分系統測試完成') +console.log('\n📋 評分標準:') +console.log('- 90分以上: 創意巔峰者') +console.log('- 75-89分: 創意引領者') +console.log('- 55-74分: 創意實踐者') +console.log('- 35-54分: 創意開拓者') +console.log('- 35分以下: 創意萌芽者')