2011 年 50 個創意有效率的按鍵設計

常瀏覽網頁的使用者及網頁設計者對於 "Call to Action" 這個名稱應該不陌生。所謂 "Call to Action" 就是讓網頁瀏覽者會自發性地知道要按下哪個按鍵就會有新的功能出現。例如按了按鍵之後就可以下載、可以免費試用商品、加入會員…等功能，這些可以用滑鼠去按的按鍵就是帶領網頁使用者瀏覽另一個視窗的啟動鈕。

以下是 50 個在 2011 年最夯、最有創意、而且最一目了然的按鍵設計鈕，不論是新公司正要做網頁設計，或是網頁設計師需要靈感，都可以參考以下作品。我們特別將這些有創意及代表性的 "Call to Action" 按鍵設計做為以下分類：

 

1. 利用強烈的顏色對比 (與背景或是字型顏色) 達到突顯效果：

   Crazyegg

---

 

Ncover

---

 

Atebits

---

 

Remember the Milk

---

 

Coding Robots

---

 

Things

 LLLLLLLLl

---

 

 

Lifestream

---

 

Spotify

---

 

MailChimp

---

 

Traffik CMS

---

 

Tao Effect – Espionage

---

 

Ekklesia 360

---

 

 

Spinen

---

 

Codebase

 

---

 

Wake Interactive

---

 

Icon Dock

---

 

Elegant Themes

---

 

Sprouter

---

 

2. 利用大圖來達到突顯效果：

 

280 Slides

---

 

Commercial IQ

---

 

CakePHP

---

 

Dashboard

---

 

Dropbox

---

 

Fileshare HQ

---

 

3. 利用結合網站 Logo 與按鍵設計突顯效果：

 

InstantLoop

---

 

BaseCamp

 

---

 

Mozilla Firefox

 

---

 

TasteBook

 

---

4. 利用按鍵設計排版位置來吸引目光效果：

 

Storenvy

---

 

WUFOO

---

 

OH! Media

 

---

 

Transmissions

---

 

BandThemer

---

 

Dailymile

---

 

Limus

---

 

planHQ

---

 

Kalculator

---

 

Campaign Monitor

---

 

Mobile Web Design

---

 

5. 利用簡單文字內容來吸引目光效果：

 

LiveResto

---

 

Donor Tools

---

 

Apptemplates

---

 

6. 利用手繪圖方式突顯效果：

---

7. 以非傳統方式突顯效果：

13 Creative

---

 

Carsonified

 

---

轉載自: http://www.noupe.com/design/50-effective-and-creative-call-to-action-buttons.html

-由邦立行銷企劃部門翻譯