中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何讓網(wǎng)站上的按鈕更好看更易用

2022-06-15    分類: 網(wǎng)站建設(shè)

在這種情況下,我們不是在談?wù)撐餮b的紐扣,也不是那些將褲子連在一起的紐扣。今天創(chuàng)新互聯(lián)將討論作為交互中基本元素的按鈕。您可能認(rèn)為按鈕只是一個按鈕,但它可以變得更多。按鈕的設(shè)計變得比您想象的要復(fù)雜一些。今天成都網(wǎng)站建設(shè)公司將討論什么是一個好的按鈕。


如何讓網(wǎng)站上的按鈕更好看更易用

按鈕應(yīng)該看起來像一個按鈕


在線,按鈕充當(dāng)視覺提示,有助于增強(qiáng)用戶體驗。為了讓用戶獲得完整的體驗,他們不必猜測按鈕的位置。如果您真的希望訪問者點擊該按鈕,它應(yīng)該看起來像一個可以按下的按鈕。這是你需要做到的:


1.給它一個形狀


你希望你的按鈕脫穎而出。要做到這一點,你必須給你的按鈕一個可識別的形狀。它應(yīng)該從頁面上的其他內(nèi)容中脫穎而出,并立即被識別為用戶可以與之交互的內(nèi)容。信不信由你,網(wǎng)上最常見的按鈕形狀不是一個圓圈,就像你可能想象的那樣。你最安全的選擇是使用矩形。但不是普通的矩形,而是帶有圓邊的。這些通常效果最好,因為它們足以引起人們的認(rèn)可,但不足以破壞網(wǎng)站設(shè)計的流程。

如何改進(jìn)您的按鈕設(shè)計

如果你覺得有創(chuàng)意,你也可以使用不那么傳統(tǒng)的東西,比如菱形,三角形,甚至是自定義形狀。使這些易于識別的關(guān)鍵是在整個網(wǎng)站中保持一致。 個性風(fēng)格,這總是讓用戶更感興趣。



2.使用陰影和亮點


陰影在設(shè)計中起著重要作用,因為它們會讓它們看起來像彈出一樣。每個好的UI設(shè)計都需要突出背景的元素,同樣在《5個更好的網(wǎng)站導(dǎo)航技巧》也一樣適用。這表明它們是可點擊的或不可點擊的。就像在現(xiàn)實生活中一樣,例如,筆記本電腦的鍵盤上有可以按下的按鈕。除了按鈕的形狀外,陰影和高光在識別交互式按鈕方面起著非常重要的作用。


3.根據(jù)目的標(biāo)記按鈕


當(dāng)我們使用的唯一按鈕是播放、倒帶、前進(jìn)和停止時,我們進(jìn)化了很多。他們過去常常被每個人都熟悉的符號所代表。今天,幾乎不可能有這么多在每個按鈕上放置符號并期望人們記住它們。好消息是我們不需要這樣做,因為我們可以選擇簡單地在該按鈕上寫下它的含義。



可能會發(fā)生消息不夠清晰的情況。在這種情況下,將構(gòu)造標(biāo)簽作為后續(xù)行為并沒有錯,這解釋了某個按鈕的動作。這些需要為用戶提供拒絕或接受按鈕操作的選項。


將按鈕放在可以找到的位置


上海網(wǎng)站制作公司認(rèn)為用戶永遠(yuǎn)不應(yīng)該尋找按鈕。放置它們的方式讓每個人都能找到它們。最簡單的方法是將它們放在人們期望的位置。此外,在確定放置它們的位置之前測試它們的位置沒有任何問題。一個很好的例子就是當(dāng)你登錄任何給定的網(wǎng)站時。您始終輸入您的姓名和密碼,登錄按鈕就在其下方。沒人會指望登錄按鈕在其他任何地方。



輕松與按鈕交互


考慮按鈕相對于頁面上其他所有內(nèi)容的大小。確保按鈕足夠大以便與之交互,但不要太大以至于影響它在頁面的美觀。研究表明,好尺寸為10mmX10mm。 要記住的另一個方面是兩個可點擊按鈕之間的距離,給按鈕一些呼吸空間。你不希望任何人不小心點擊錯誤的按鈕。


允許用戶以可視方式與按鈕交互


按鈕看起來不錯,但如果它不像按鈕那樣,整個項目毫無意義。當(dāng)用戶點擊時,使按鈕給出視覺反饋。這有兩個方面的幫助:第一種方式是,它感覺更像是一個按鈕,這讓每個人都開心;第二種方式是它讓用戶快速確認(rèn)他們實際點擊了按鈕。


如何改進(jìn)您的按鈕設(shè)計


突出顯示重要按鈕


按鈕具有不同的角色,從最小到主要。更重要的按鈕應(yīng)該很容易區(qū)分在任何其他不重要的按鈕之間。解決方案可能是使用不同的顏色,概述,或使更大更重要的按鈕。


總結(jié)摘要


為了改進(jìn)您的按鈕設(shè)計,您需要了解:


按鈕應(yīng)該看起來像一個按鈕;


按鈕應(yīng)放在可以找到的位置


與按鈕的交互需要很容易


與按鈕的交互應(yīng)該提供視覺反饋


應(yīng)突出顯示重要按鈕


對于這樣一個簡單的概念,肯定有很多關(guān)于按鈕的知識。雖然細(xì)節(jié)很小,但沒有比按下好按鈕更令人滿意的了。希望這些技巧可以幫助您設(shè)計能夠為您的用戶提供良好體驗的按鈕。

新聞名稱:如何讓網(wǎng)站上的按鈕更好看更易用
當(dāng)前URL:http://www.rwnh.cn/news6/167756.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、靜態(tài)網(wǎng)站做網(wǎng)站、虛擬主機(jī)、定制開發(fā)、App設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
丹巴县| 神木县| 垫江县| 巨鹿县| 页游| 晋州市| 祁阳县| 罗山县| 麦盖提县| 黄骅市| 洛隆县| 泾川县| 手游| 府谷县| 康马县| 乌恰县| 杭锦后旗| 法库县| 泾川县| 韩城市| 竹北市| 沅陵县| 冕宁县| 沙坪坝区| 通榆县| 阜新市| 女性| 定西市| 庐江县| 鹤庆县| 安阳县| 桃江县| 贺州市| 蒙城县| 习水县| 宝坻区| 南昌县| 金华市| 称多县| 开封县| 吉林市|