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

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