關(guān)于下拉箭頭_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:只需要五步,輕松制作網(wǎng)站的LOGO網(wǎng)站LOGO(標(biāo)志)是站點(diǎn)形象的重要體現(xiàn),好的LOGO圖片不僅能夠吸引瀏覽者的點(diǎn)擊,更可以起到凸顯網(wǎng)站內(nèi)涵的作用。但是限于技術(shù)等原因,很多站長(zhǎng)不能制作出令人滿
現(xiàn)在的軟件越做越大,功能也越來(lái)越復(fù)雜,然而展示給用戶操作的界面卻有限,聰明的交互設(shè)計(jì)師們想出了很多方法來(lái)解決這類問(wèn)題,比如放出常用操作,而把一些不常用的相近操作給隱藏起來(lái)。下拉箭頭就是一種常用的打開(kāi)更多操作的方式。
看兩個(gè)標(biāo)準(zhǔn)的windows下拉箭頭的例子:
上面兩個(gè)都是標(biāo)準(zhǔn)的圖標(biāo) 文字 箭頭的形式,但是這兩種種下拉箭頭有什么不同么?我們把鼠標(biāo)移上去,他們變成了這個(gè)樣子:
第一種觸發(fā)后在圖標(biāo)文字和下拉箭頭之間有一條分割線,而后面的只是一個(gè)有觸發(fā)的效果;前一種分割線前面的圖標(biāo)文字表示一種操作,而分割線后面的下拉箭頭表示更多的操作選項(xiàng)。后面沒(méi)有分割線的觸發(fā)后就只是一種更多操作的選項(xiàng)。
所以,目前我們分辨以上兩種樣式相同的下拉箭頭的方法只是:移動(dòng)鼠標(biāo)看觸發(fā)效果,有間隔線的前面是操作,后面是更多選項(xiàng)。而沒(méi)有間隔線的就是一個(gè)下拉選項(xiàng)而已。
當(dāng)然,這種方法不直觀,你必須鼠標(biāo)觸發(fā)后,才知道這個(gè)下拉箭頭倒是是一個(gè)什么操作。
但這種操作在Win系統(tǒng)的軟件里面,已經(jīng)很標(biāo)準(zhǔn)了。以下都是運(yùn)用這個(gè)標(biāo)準(zhǔn)的一些例子。
Google toolbar
QQ聊天窗口
但同時(shí),在QQ的聊天街面上,發(fā)下了一些似乎并不那么符合這個(gè)標(biāo)準(zhǔn)的按鈕,比如以下這個(gè)
按照以上的標(biāo)準(zhǔn)來(lái)看,第2、3、6、7的圖標(biāo)旁邊應(yīng)該加個(gè)小小的下拉箭頭,鼠標(biāo)觸發(fā)效果應(yīng)該是沒(méi)有間隔線的那種。類比的可以看看msn聊天窗口的處理,似乎就比QQ處理的好(嘿嘿,這樣似乎可以證實(shí)QQ不是簡(jiǎn)單的抄襲MSN呢)。
以上聊天窗口操作欄,QQ的傳圖片的圖標(biāo)(第4個(gè))和MSN的更改字體的圖標(biāo)(第5個(gè))點(diǎn)擊后都是彈出windows標(biāo)準(zhǔn)窗體,而其他的圖標(biāo),比如選擇表情,都是拉出一個(gè)類似層的界面,本質(zhì)上屬于更多操作。處理方法應(yīng)該需要下拉箭頭,鼠標(biāo)觸發(fā)后的效果也是圖標(biāo)可以箭頭之間沒(méi)有間隔線的。
PS:看到了更高級(jí)的應(yīng)用,以下截圖是是QQ的群聊天窗口。
發(fā)現(xiàn)不同了么?
一個(gè)下拉箭頭是在圖標(biāo)和字的中間,一個(gè)下拉箭頭是在圖標(biāo)和字的右側(cè)(和一般的一樣)。據(jù)說(shuō),在箭頭在中間的就是表示此操作為打開(kāi)更多選項(xiàng),也就是沒(méi)有間隔線的;箭頭在右側(cè)的和一般的邏輯一致(一種理論:根據(jù)下拉箭頭的位置判定可能的操作,直觀)。
這里貌似是個(gè)不錯(cuò)的解決辦法,但是他的問(wèn)題是:
- 要是我縮小了窗口,提示文字隱藏了,我該怎么去判定呢?(這個(gè)時(shí)候還是要用原始的鼠標(biāo)觸發(fā)方法吧。)
- 這里的圖標(biāo) 下拉箭頭 提示文字的組合根本不符合標(biāo)準(zhǔn)(這里文字出現(xiàn)的意義就是為了解釋圖標(biāo)的,但是卻被操作性的下拉箭頭隔離了,那么他去解釋下拉菜單?)。所以根據(jù)下拉箭頭判定也就無(wú)從說(shuō)起了。
Update:上一個(gè)標(biāo)準(zhǔn)的例子,來(lái)自yahoo mail。直接做成按鈕狀的帶間隔線的效果,直觀,易懂。
分享:如何從營(yíng)銷的角度策劃建設(shè)網(wǎng)站一個(gè)網(wǎng)站假如能夠從營(yíng)銷的角度來(lái)策劃建設(shè)的話,不用花太多錢(qián)就可以輕松的把流量推廣起來(lái)。但是一個(gè)網(wǎng)站假如不能從營(yíng)銷的策劃建設(shè)的話,可能花很多錢(qián)來(lái)砸,都很難
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-關(guān)于下拉箭頭
。







