📷 第 2 堂:相片與視覺設計

學習用相片講故事,理解輪播嘅動畫效果

🎬 相片輪播 Demo

下面係一個自動輪播的相片欄。每 5 秒會轉一張,淡入淡出的效果。按下面嘅按鈕可以手動控制:

📷 相片 1:我的自己
🎨 相片 2:我的興趣
🌟 相片 3:我的成就
❤️ 相片 4:我珍視的人
🚀 相片 5:我的夢想
1 / 5
💡 觀察: 留意相片嘅淡入淡出效果。呢個 1.2 秒嘅過渡讓人有時間欣賞每一張相片。

📸 上傳你的相片

可以上傳最多 5 張相片代替範例。支持 JPG、PNG 格式。

🎯 點樣用相片講故事?

相片唔只係裝飾,佢係你個 portfolio 嘅「心臟」。好嘅相片組合會向人訴說你的故事。

1開場相片

代表你的身份或最代表的形象。通常係「大頭相」或你嘅最佳角度。

2興趣相片

展示你喜歡做乜嘢。畫畫、運動、讀書... 讓人了解你。

3成就相片

你引以為傲的時刻。獎狀、比賽、作品展示。

4人際關係相片

同朋友、家人的合照。顯示你係一個好隊友。

5結尾相片

最後嘅印象。通常係你嘅微笑或最正面嘅相片。

🔄 相片順序為咩咁重要?

相片嘅順序影響「故事流」(narrative flow)。試試比較下面嘅兩個順序:

✅ 好的順序

自己 → 興趣 → 成就 → 人際 → 夢想

邏輯清晰,由淺入深,最後留下正面印象。

❌ 不好的順序

興趣 → 夢想 → 人際 → 自己 → 成就

亂晒晒,人會好困惑,唔知你想講乜。

💡 比喻: 相片順序就似講故事。你唔會由高潮開始,然後跳返去講「從前...」,對唔對?

⏱️ 淡入淡出嘅速度

動畫速度影響人的感受。試試點擊下面唔同嘅速度:

⚡ 快(0.5秒)

急促、緊張

🎯 中等(1.2秒)

舒適、平衡

🌊 慢(3秒)

優雅、深思

💡 設計原則: 我們的 portfolio 用 1.2 秒,因為快夠吸引,慢夠欣賞相片。

🎨 相片輪播的一致性

好嘅輪播設計要有以下嘅一致性特徵:

📏 比例一致

所有相片都係 16:9,唔會有些寬些窄。

🔄 轉場一致

每張都用同一種淡入淡出效果,唔會有突變。

⏱️ 時間一致

每張都停留 5 秒,唔會有些快些慢。

🎯 質素一致

相片清晰、顏色和諧,唔會有模糊的相片。

📸 拍好相片的貼士

💡 小知識: 專業攝影師用嘅「三等分法則」(Rule of Thirds):把相片分成 3×3 網格,把主體放喺交叉點會更有吸引力。

✅ 今堂學習成果

📝 課後功課

  1. 用手機或相機拍 5 張相片,講你的故事
  2. 思考相片嘅順序:邊一張應該第一個?邊一張應該最後?
  3. 同朋友講你個相片故事,聽聽佢哋嘅意見
🏠 Home ← Previous Next →