技術(shù)資訊
狀態(tài)按鈕和導(dǎo)向按鈕
2008-05-13 14:06:00
我在做設(shè)計(jì)的時(shí)候，發(fā)現(xiàn)在普通按鈕之外，還有兩種特殊的按鈕。今天就跟大家聊聊。
先說普通按鈕，大家平常見到的菜單中大部分按鈕都算是普通按鈕，他們除了表示這個(gè)按鈕是什么意思之外沒有其他的更深層的含義（什么是其他的含義后面會(huì)解釋），如word中的這些菜單：
我們在做實(shí)際設(shè)計(jì)的時(shí)候，經(jīng)常發(fā)現(xiàn)這樣普通的按鈕沒有辦法滿足我們的功能需求，于是就衍生出了一些新的按鈕樣式。
樣式一，狀態(tài)按鈕。
什么是狀態(tài)按鈕呢？狀態(tài)按鈕時(shí)表示你目前的操作處于什么狀態(tài)下，而且，通常狀態(tài)的變化都是由這個(gè)按鈕操作引起的。這種按鈕在表示狀態(tài)的時(shí)候更像是一個(gè)狀態(tài)的開關(guān)。
舉例說明:
office中的文本控制按鈕，加粗按鈕現(xiàn)在為激活，次按鈕表示目前處于加粗的狀態(tài)下進(jìn)行文本編輯。而斜體的按鈕處于非激活，則標(biāo)注目前的文本編輯并不是在這個(gè)狀態(tài)下。兩個(gè)按鈕的操作都會(huì)引起當(dāng)前狀態(tài)的變化。
需要說明的是，這中按鈕的樣式只有一種，狀態(tài)的差別只有是否激活的區(qū)別么有樣式的區(qū)別。
樣式二，導(dǎo)向按鈕
還有一種按鈕，其當(dāng)前的樣式并非操作所處于的狀態(tài)，而是表示按鈕操作后的狀態(tài)，這種按鈕我成為之導(dǎo)向按鈕。
舉例說明：
這是MSN中的屏蔽設(shè)計(jì)，當(dāng)未屏蔽時(shí)，按鈕樣式為上圖，按鈕的意思為屏蔽此人；當(dāng)已經(jīng)屏蔽時(shí)，按鈕的樣式為下圖，以為取消屏蔽。按鈕的樣式和當(dāng)前的狀態(tài)正好相反，他們表示的是這個(gè)按鈕點(diǎn)擊后的狀態(tài)。
一般來說，這種導(dǎo)向按鈕僅用在只有兩種狀態(tài)，而且是相反的狀態(tài)下。所以，office中的視圖模式就明顯不適合這種導(dǎo)向按鈕，而采取了下面的這種樣式：
按鈕的樣式多種多樣，除了我列舉的這兩種是從導(dǎo)向和狀態(tài)來區(qū)分之外，還有很多區(qū)分方法，大家在設(shè)計(jì)時(shí)都會(huì)慢慢發(fā)現(xiàn)的。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2008-11-10 22:28:00] 表單中的重置與取消按鈕
- [2008-10-29 17:59:00] 按鈕還是分類，以及好友的組合
- [2014-11-29 13:24:10] 網(wǎng)頁設(shè)計(jì)中的按鈕小竅門
- [2008-10-10 08:32:00] 登錄和注冊按鈕的三種表現(xiàn)狀態(tài)
- [2008-08-25 11:38:00] 向左還是向右,向上還是向下?
- [2008-07-09 17:51:00] B2c雜思：以候選為中心
- [2008-02-26 14:20:00] 何時(shí)用按鈕，何時(shí)用鏈接
- [2009-03-19 11:33:00] 按鈕表狀態(tài)還是表動(dòng)作？
- [2009-03-04 22:10:00] 價(jià)值3億美元的按鈕
- [2009-02-16 22:30:00] 什么時(shí)候需要有“取消”按鈕？
- [2008-10-10 08:31:00] 表格按鈕的擺放和命名？
- [2008-12-26 09:14:00] QQ影新皮膚,不只是大按鈕這么簡單
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
審美 青島IT資訊 力圖數(shù)字科技 H5定制設(shè)計(jì) 英文網(wǎng)站建設(shè) GOOGLE 網(wǎng)頁設(shè)計(jì) 營銷型網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 交互設(shè)計(jì) 青島網(wǎng)站優(yōu)化 網(wǎng)站動(dòng)畫 網(wǎng)站規(guī)劃 外貿(mào)網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)資訊 網(wǎng)站建設(shè)，手機(jī)網(wǎng)站 輪胎網(wǎng)站設(shè)計(jì) IT資訊 新的元素 青島網(wǎng)站設(shè)計(jì)哪家好 微網(wǎng)站 互聯(lián)網(wǎng) 手機(jī)網(wǎng)站 青島網(wǎng)站制作 海信網(wǎng)絡(luò)科技 青島好的網(wǎng)站優(yōu)化公司 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站案例 網(wǎng)站優(yōu)化 H5
