當您需要將籌款活動趕出公園時,設計就是一切。 沒有它,就更難吸引註意力、建立信任並為你的事業煽動行動。
然而,隨著網站不斷提高優秀設計的標準,消費者的期望也隨之提高。 今天,您的活動設計不僅要滿足這一標準,而且要真正讓您的支持者“驚嘆”,這一點至關重要。
但是這個目標引出了一個問題,“好的設計”是什麼樣的? Design for Founders 的所有者和運營商 Heidi Pun 鼓勵組織將設計視為不僅僅是視覺美學。
好的設計對商業有好處。 可衡量、有利可圖且對客戶有幫助。
這很容易適應您的非營利組織。 您希望籌款活動的設計能夠吸引新的支持者、獲得更多捐款並鼓勵社區採取行動。
為了幫助您創建一個視覺上令人愉悅並促使您的社區採取行動的活動,我們編制了 5 個設計技巧,可將您帶到一個新的水平。
結構決定一切
所有偉大的電影都遵循一種旨在讓觀眾從頭到尾進行旅程的結構。 沿著這條道路,他們獲得了了解屏幕上正在發生的事情所需的信息,與角色建立情感聯繫,並在電影的分辨率中找到結局。
“把你的競選想像成一部電影,把你的支持者想像成電影的英雄。 通過大膽的圖像、視頻和文本激發他們的行動。 就像引人入勝的電影台詞一樣,您希望您的設計美學易於記憶並與他人分享。
當與電影並列時,您的籌款活動並沒有那麼不同。 設計您的頁面,以便讓您的支持者踏上一段旅程,讓他們了解您的非營利組織的背景、相關人員以及他們通過捐贈所產生的影響。
就像一部好電影一樣,你必須組織你的活動,這樣人們就不會迷路或困惑。 大多數設計師支持建立一個層次結構的想法,從上到下引導觀眾的視線,觸及中間的一切。
Classy 的新籌款套件內置了這種層次結構的概念,但這是標準方法:
- 標題中的公司徽標
- 大英雄形象
- 按鈕上的“立即捐款”號召性用語,與籌款進度條配對
- 有關組織和活動的相關信息
- 解釋捐贈如何具體幫助的影響塊
- 有關該組織的其他背景信息
- 籌款活動,例如最近的捐款
- 帶有聯繫信息和品牌的頁腳
正如 Terry 建議的那樣,您希望您的籌款活動令人難忘且可分享——就像偉大的電影台詞一樣。 但是,如果沒有結構,您的廣告系列就會變得亂碼、難以記憶且無法共享。

內置設計層次結構後,您可以將設計精力用於執行頁面的其他部分,例如字體、配色方案、視覺效果和圖像。
三種字體就是你所需要的
許多設計師聲稱排版佔所有設計的 95%。 因此,您選擇的字體可能會影響 95% 的整個廣告系列美學。 但是,當您有這麼多選擇時,選擇正確字體的決定似乎是壓倒性的。
困難不在於在 Times New Roman 或 Calibri 之間進行選擇。 相反,它選擇的字體在美學上與您的品牌標誌、顏色和籌款活動信息一致。
例如,如果您的籌款活動圍繞著為被遺棄的動物尋找家園,您可能不想使用 Impact 字體。 這很難,大膽,並且全力以赴。

在此示例中,您可能會考慮一種在字母周圍有更多呼吸空間的字體,例如 Verdana,它的感覺要輕得多。

Heidi Pun 為您的頁面推薦兩種字體,但您可以選擇三種。 請記住,您使用的字體越多,您的頁面就會顯得越脫節和混亂。 使用不同的字體:
- 英雄方塊
- 頭條新聞
- 正文副本
它為您的文本提供了更簡潔的設計,有助於您的廣告系列層次結構從上到下流動。 目前,Classy 平台有七種字體可供選擇,以獲得一致的頁面。
將您的選擇限制在三個範圍內,以確保您的聽眾獲得順暢和積極的閱讀體驗。 無論您選擇什麼,您選擇的字體都會影響您講述的故事的情感感受,以及您的廣告系列顏色。
選擇互補色
顏色傳達特定的情緒。 與字體類似,您要確保您的選擇具有戰略性並限制您使用的數量。 為避免在您的廣告系列頁面上讓訪問者感到不知所措或感到困惑,請為您的網站使用兩到三種顏色,最多使用五種顏色。
要確定要使用的顏色,重要的是要考慮可以很好地協同工作的配色方案。 例如,同一頁上的檸檬綠、芥末黃和霓虹粉不太可能令人賞心悅目。
“這不僅僅是讓某些東西看起來不錯,而是讓它變得有意義。 設計基本上是解決視覺問題。 始終考慮籌款活動的目的,並設身處地為觀眾著想。
有一些方法可以確保您的顏色組合在一起時有意義,並有助於您的廣告系列的整體主題。 考慮您選擇的顏色可能如何與您的組織相關聯,並求助於配色方案生成器,如 Coolors.co 或 Adobe Color CC,以查找互補色集。
無論您使用哪種配色方案生成器,每種顏色都會附加一個十六進制顏色代碼。

使用新的籌款套件,您可以復制並粘貼十六進制顏色代碼標識符,以將其快速合併到您的頁面中。

繪製您的廣告系列以匹配您想要的情感感受。 這有助於您更有效地講述您的故事,並推動支持者的更多參與。
效果需要微妙
當您設計籌款頁面並調整顏色和效果時,您想要記住的最重要的詞是微妙的。 效果越微妙,您的設計美感就越清晰。
請記住,您的籌款頁面需要將您的觀眾帶入一個直接且切中要害的旅程。 像顏色和字體一樣,您希望通過視覺效果在簡潔的一面進行宣傳,這樣您的主要信息就不會淡入背景。
鑑於最近的設計趨勢,Classy 的新籌款套件融合了圖像不透明度、模糊和背景顏色這三種流行的視覺效果。 我們建議對這些效果中的一種或兩種進行抽樣,以使您的廣告系列的某些部分脫穎而出。
Classy 平台利用的另一個設計趨勢是固定和覆蓋效果,您會在大多數網站上註意到這一點。 當前景顏色塊和文本滾動或覆蓋它時,它將背景圖像固定在適當的位置。
另外,不要忘記負空間或空白。 這是使用空白空間作為設計工具,將注意力吸引到廣告系列頁面的某些元素上,例如特定圖像。
你的形象定義你
與任何字體、顏色或視覺效果一樣重要的是用於填充頁面的圖像。 切勿在沒有體現您的非營利組織信息的高質量圖像的情況下建立頁面。
“雖然內容為王,但設計必須讓訪問者輕鬆掌握該內容。 講述你的故事,但不要用段落來描述它們。 使用照片和圖形來喚起您的使命的概念和情感。 如果您沒有設計師,還有很多資源,例如 Pixabay、Pikwizard、Pexels 和 Creative Market,可以讓您以很少甚至免費的成本獲得出色的設計。
Classy 在新的籌款套件中集成了 Pixabay(一個免費且獲許可使用的照片庫),以幫助您找到與您的使命相符的圖像。

此外,您在個人庫中擁有的任何圖像都可以直接上傳到標題或英雄圖像插槽,並直接上傳到正文文本塊。 為了增加一點趣味,您還可以在任何可以上傳普通圖像的地方上傳 GIF——它們甚至可以與固定滾動和封面滾動一起使用。
把它帶回到電影隱喻中,把你的圖像看作電影中的主角。 乍一看,這些都是吸引人們投入時間、精力和精力來關注你所製作的東西的原因。
從結構一直到字體、顏色、視覺效果和圖像,您頁面上的每個設計元素都協調一致地為您的受眾造福。 無論您的最終目標是什麼,這些設計技巧都將有助於推動您的選民採取行動。
新的籌款套件讓您可以創造性地控制從上到下設計您的動作。 有興趣了解更多信息嗎? 立即註冊一個免費的 Classy 帳戶並親自試用。

如何在 Classy 上設計一個令人驚嘆的活動頁面