淺談按鈕分組和位置

作者：
2011-08-05
3137
關(guān)鍵詞：淺談,按鈕分,位置,按鈕,位置,視覺(jué),用戶(hù),瀏覽頁(yè),通常,右

按鈕的位置

1.視覺(jué)流向

用戶(hù)瀏覽頁(yè)面的視覺(jué)流向通常是從左上至右下的一條弧線(xiàn)，我們可以看到通常瀏覽器的操作都是在右側(cè)，關(guān)閉|縮小|滾動(dòng)條等等。符合視覺(jué)流向通常情況下，我們會(huì)將按鈕安排在相同的對(duì)象右邊，或者是下面，但是復(fù)雜界面元素的底部一般是用戶(hù)的“盲點(diǎn)”。我們將影響整個(gè)頁(yè)面或者對(duì)話(huà)框的按鈕，確認(rèn)|取消|下一頁(yè)|保存這樣類(lèi)按鈕設(shè)置在彈出框的右側(cè)有很好的擴(kuò)展性，左側(cè)可以添加幫助按鈕，這樣有助于功能的區(qū)域劃分。

如果按鈕都有自己的小圖標(biāo)，類(lèi)似用于表單，列表中，可以將它們放在工具條或者類(lèi)似工具條狹長(zhǎng)的區(qū)域上，通常在頁(yè)面的頂部。

按鈕的位置

1.視覺(jué)流向

用戶(hù)瀏覽頁(yè)面的視覺(jué)流向通常是從左上至右下的一條弧線(xiàn)，我們可以看到通常瀏覽器的操作都是在右側(cè)，關(guān)閉|縮小|滾動(dòng)條等等。符合視覺(jué)流向通常情況下，我們會(huì)將按鈕安排在相同的對(duì)象右邊，或者是下面，但是復(fù)雜界面元素的底部一般是用戶(hù)的“盲點(diǎn)”。我們將影響整個(gè)頁(yè)面或者對(duì)話(huà)框的按鈕，確認(rèn)|取消|下一頁(yè)|保存這樣類(lèi)按鈕設(shè)置在彈出框的右側(cè)有很好的擴(kuò)展性，左側(cè)可以添加幫助按鈕，這樣有助于功能的區(qū)域劃分。

如果按鈕都有自己的小圖標(biāo)，類(lèi)似用于表單，列表中，可以將它們放在工具條或者類(lèi)似工具條狹長(zhǎng)的區(qū)域上，通常在頁(yè)面的頂部。

0
2
分享到：

0

喜歡他，就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的，我知道了

官方微信

聯(lián)系我們

  • QQ：33143335 QQ：1904200230
  • 電話(huà)：18569912460
  • 投稿：cndesign@163.com
  • 地址：鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  • CND設(shè)計(jì)網(wǎng)（CNDESIGN）會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。

    Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)