網(wǎng)站設(shè)計(jì)之按鈕如何分組

2021-10-24    分類(lèi): 網(wǎng)站設(shè)計(jì)

網(wǎng)站設(shè)計(jì)中按鈕的分組可以讓一個(gè)界面變得具有自我描述能力.在復(fù)雜的布局中,組織良好的各組按鈕用以選擇,而且因?yàn)楹苊黠@,這樣可以很快告訴用戶有哪些功能可以使用。

幾個(gè)按鈕放在一起,因?yàn)樗鼈兛赡芡瓿深?lèi)似的功能。我們可以看范例iTunes的主窗口,四個(gè)角分別放置了一組按鈕,界面中間的歌曲也有很多的行動(dòng)點(diǎn)。加上滾動(dòng)條,該界面只有有14個(gè)按鈕。確實(shí)有很多的功能,不過(guò)因?yàn)橐曈X(jué)上和語(yǔ)言上的巧妙組合,并不會(huì)給用戶很亂的感覺(jué)。

制定“阿里助手”視覺(jué)規(guī)范的時(shí)候運(yùn)用的就是視覺(jué)相似性歸類(lèi),假若這組按鈕大小都一致,那么看起來(lái)就是一個(gè)整體,合適的大小和對(duì)齊可以幫助一組按鈕組成一個(gè)大一些的組合圖形。

分組按照按鈕的功能來(lái)分,設(shè)計(jì)上以顏色,大小來(lái)區(qū)分,為了頁(yè)面的整體性,質(zhì)感我們都保持一致的。用簡(jiǎn)短而又含義明確的動(dòng)詞或者動(dòng)詞短語(yǔ)作為標(biāo)簽,如果用戶不需要的時(shí)候不要使用高深的專(zhuān)門(mén)用語(yǔ)。以后臺(tái)頁(yè)面的按鈕為例,一級(jí)按鈕和二級(jí)按鈕尺寸大小規(guī)格都是一致的,只要就是以顏色來(lái)區(qū)分。

網(wǎng)站名稱(chēng): 網(wǎng)站設(shè)計(jì)之按鈕如何分組
分享網(wǎng)址:http://www.bm7419.com/news30/132730.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

小程序開(kāi)發(fā)