2011 年 50 個創意有效率的按鍵設計
常瀏覽網頁的使用者及網頁設計者對於 "Call to Action" 這個名稱應該不陌生。所謂 "Call to Action" 就是讓網頁瀏覽者會自發性地知道要按下哪個按鍵就會有新的功能出現。例如按了按鍵之後就可以下載、可以免費試用商品、加入會員…等功能,這些可以用滑鼠去按的按鍵就是帶領網頁使用者瀏覽另一個視窗的啟動鈕。
以下是 50 個在 2011 年最夯、最有創意、而且最一目了然的按鍵設計鈕,不論是新公司正要做網頁設計,或是網頁設計師需要靈感,都可以參考以下作品。我們特別將這些有創意及代表性的 "Call to Action" 按鍵設計做為以下分類:
1. 利用強烈的顏色對比 (與背景或是字型顏色) 達到突顯效果:
Crazyegg
Ncover
Atebits
Remember the Milk
Coding Robots
Things
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
-由邦立行銷企劃部門翻譯