關于下拉箭頭_網頁設計教程

推薦：只需要五步，輕松制作網站的LOGO
網站LOGO(標志)是站點形象的重要體現，好的LOGO圖片不僅能夠吸引瀏覽者的點擊，更可以起到凸顯網站內涵的作用。但是限于技術等原因，很多站長不能制作出令人滿

現在的軟件越做越大，功能也越來越復雜，然而展示給用戶操作的界面卻有限，聰明的交互設計師們想出了很多方法來解決這類問題，比如放出常用操作，而把一些不常用的相近操作給隱藏起來。下拉箭頭就是一種常用的打開更多操作的方式。

看兩個標準的windows下拉箭頭的例子：

上面兩個都是標準的圖標 文字 箭頭的形式，但是這兩種種下拉箭頭有什么不同么？我們把鼠標移上去，他們變成了這個樣子：

第一種觸發(fā)后在圖標文字和下拉箭頭之間有一條分割線，而后面的只是一個有觸發(fā)的效果；前一種分割線前面的圖標文字表示一種操作，而分割線后面的下拉箭頭表示更多的操作選項。后面沒有分割線的觸發(fā)后就只是一種更多操作的選項。

所以，目前我們分辨以上兩種樣式相同的下拉箭頭的方法只是：移動鼠標看觸發(fā)效果，有間隔線的前面是操作，后面是更多選項。而沒有間隔線的就是一個下拉選項而已。

當然，這種方法不直觀，你必須鼠標觸發(fā)后，才知道這個下拉箭頭倒是是一個什么操作。

但這種操作在Win系統(tǒng)的軟件里面，已經很標準了。以下都是運用這個標準的一些例子。

Google toolbar

QQ聊天窗口

但同時，在QQ的聊天街面上，發(fā)下了一些似乎并不那么符合這個標準的按鈕，比如以下這個

按照以上的標準來看，第2、3、6、7的圖標旁邊應該加個小小的下拉箭頭，鼠標觸發(fā)效果應該是沒有間隔線的那種。類比的可以看看msn聊天窗口的處理，似乎就比QQ處理的好（嘿嘿，這樣似乎可以證實QQ不是簡單的抄襲MSN呢）。

以上聊天窗口操作欄，QQ的傳圖片的圖標（第4個）和MSN的更改字體的圖標（第5個）點擊后都是彈出windows標準窗體，而其他的圖標，比如選擇表情，都是拉出一個類似層的界面，本質上屬于更多操作。處理方法應該需要下拉箭頭，鼠標觸發(fā)后的效果也是圖標可以箭頭之間沒有間隔線的。

PS：看到了更高級的應用，以下截圖是是QQ的群聊天窗口。

發(fā)現不同了么？

一個下拉箭頭是在圖標和字的中間，一個下拉箭頭是在圖標和字的右側（和一般的一樣）。據說，在箭頭在中間的就是表示此操作為打開更多選項，也就是沒有間隔線的；箭頭在右側的和一般的邏輯一致（一種理論：根據下拉箭頭的位置判定可能的操作，直觀）。

這里貌似是個不錯的解決辦法，但是他的問題是：

• 要是我縮小了窗口，提示文字隱藏了，我該怎么去判定呢？（這個時候還是要用原始的鼠標觸發(fā)方法吧。）
• 這里的圖標 下拉箭頭 提示文字的組合根本不符合標準（這里文字出現的意義就是為了解釋圖標的，但是卻被操作性的下拉箭頭隔離了，那么他去解釋下拉菜單？）。所以根據下拉箭頭判定也就無從說起了。

Update：上一個標準的例子，來自yahoo mail。直接做成按鈕狀的帶間隔線的效果，直觀，易懂。

分享：如何從營銷的角度策劃建設網站
一個網站假如能夠從營銷的角度來策劃建設的話，不用花太多錢就可以輕松的把流量推廣起來。但是一個網站假如不能從營銷的策劃建設的話，可能花很多錢來砸，都很難