中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術設計 > 設計理論 > 行動召喚按鈕在網頁中的實例與實踐
設計技巧:如何在設計中一圖多用 回到列表 網頁設計從零開始
 行動召喚按鈕在網頁中的實例與實踐

作者:vocal 時間: 2009-11-05 文檔類型:翻譯 來自:藍色理想

第 1 頁 行動召喚按鈕在網頁中的實例與實踐 [1]
第 2 頁 行動召喚按鈕在網頁中的實例與實踐 [2]
第 3 頁 行動召喚按鈕在網頁中的實例與實踐 [3]
第 4 頁 行動召喚按鈕在網頁中的實例與實踐 [4]
第 5 頁 行動召喚按鈕在網頁中的實例與實踐 [5]
第 6 頁 行動召喚按鈕在網頁中的實例與實踐 [6]
第 7 頁 行動召喚按鈕在網頁中的實例與實踐 [7]
第 8 頁 行動召喚按鈕在網頁中的實例與實踐 [8]
第 9 頁 行動召喚按鈕在網頁中的實例與實踐 [9]

行動召喚在網頁設計中——尤其是在用戶體驗方面——是一個描述在網頁中用于誘導用戶行為的元素的術語。在網站界面中,最流行的行動召喚的表現是出現在點擊表單按鈕、完成一個行動(比如”Buy this now!”)或使用附加信息帶到一個頁面(比如”Learn more …”)等請求用戶來采取行動的地方。

我們如何創(chuàng)建有效的行動召喚按鈕來吸引用戶的注意并引誘他們點擊?我們將在本文中通過分享一些有效的設計技術和查看一些實例來嘗試回答這個問題。

有效的行動召喚按鈕的最佳實踐

設計行動召喚按鈕到網站界面需要一些遠見和計劃;它必須是你的原型和信息結構流程的一部分以使他們能夠正常工作。在本節(jié)中,我們將討論行動召喚按鈕的設計技術。

用大小吸引用戶注意

在網頁中,一個元素相對于其周圍元素的大小表明其重要性:元素越大,它就越重要。判斷網站的某種行為有多么至關重要,行動召喚按鈕的型號也應相應的調整。

行動召喚按鈕與周邊元素

Lifetree Creative展示大小的主意以表明他們的行動召喚按鈕的重要性。將按鈕的大小與公司的logo對比。為了吸引用戶的注意,這個行動召喚按鈕在寬度方面比logo大了大約20%。盡管logo在頁面中放的比較高,你的眼睛還是被吸引到了行動召喚按鈕,因為它相對于周邊元素比較大。

Lifetree Creative

行動召喚按鈕與不太重要的行動召喚的大小

一個網頁可能有多個行動召喚。為了區(qū)分一個行動召喚與其它行動的相關重要性,你可以改變他們的大小。這里在 paramore|redd 網站有一個使用這個理念的實例,那個頁面的讓用戶注冊以獲取郵件通知的行動召喚按鈕明顯的比繼續(xù)閱讀性東召喚按鈕大一些,表明在該網頁中,與繼續(xù)閱讀日志相比他們更希望你采取訂閱

paramore|redd

使用突出的位置吸引用戶注意

頁面中的行動召喚按鈕的位置是吸引訪問者的注意的關鍵。放置在突出的位置,比如頁面的章節(jié)的頭部可以帶來較高的頁面轉換因為用戶將很可能注意到行動召喚按鈕并采取行動。

放置在明顯的區(qū)域、

將一個行動召喚按鈕放置在一個明顯的區(qū)域是一個讓它在頁面布局中突出的一個方法。你可以在 dailymile 看到這個概念,行動召喚按鈕看起來在一個比其它元素比如圖形條高的層面上(在頂部)。

dailymile

出處:藍色理想
責任編輯:bluehearts

上一頁 下一頁 行動召喚按鈕在網頁中的實例與實踐 [2]

相關文章 更多相關鏈接
純CSS去除按鈕以及鏈接點擊時虛線
價值3億美元的按鈕
10步輕松打造IPOD效果的按鈕
按鈕的反饋
Fireworks制作按鈕簡明教程
作者文章 更多作者文章
純CSS圖片預加載
清理你的css
征服高級CSS選擇器
CSS3新特性一覽
面向對象的CSS
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數企業(yè)唯一擁抱互聯(lián)網的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設計
培養(yǎng)用戶的使用習慣
優(yōu)秀名片設計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/91個記錄/頁 轉到 頁 共9個記錄

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內容
·您在本站發(fā)表的作品,本站有權在網站內轉載或引用
·參與本評論即表明您已經閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內容
網站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內核詳解與實踐
作品集 更多內容

雜⑦雜⑧ Gold NORMANA V2