關于下拉箭頭(2)_網頁設計教程
推薦:只需要五步,輕松制作網站的LOGO網站LOGO(標志)是站點形象的重要體現,好的LOGO圖片不僅能夠吸引瀏覽者的點擊,更可以起到凸顯網站內涵的作用。但是限于技術等原因,很多站長不能制作出令人滿
先給個標準的例子,來自Gmail,在打開一封郵件后,右上角的回復快捷操作和更多的操作。
很明顯,間隔線前的操作是回復此郵件,后的下拉箭頭表示更多針對此郵件的操作。
這里還有一個例子,來自聞名的Discuz論壇,在任何一個版面都可以見到的右上角的“發新帖”的按鈕。
直接看這種樣式的設計,應該是鼠標點擊“新帖”為發表一個新的帖子的意思,而點擊后面的下拉箭頭,就是(發表的)更多操作。
但實際上:
當你把鼠標移動到這個按鈕的任何一處,就彈出了這么一個層。當然,這個是運用的高超的ajax技術,給你帶來了不需要多點擊一次鼠標的便利,但他同時也給我帶來了很大的困惑。
- 鼠標一移動到“新帖”的按鈕,就彈出四個選擇,那么是不是,我發帖一定要選擇以下四種之一呢?就是說,本站只能發以下四種帖子。(我想,Discuz的意思應該是論壇可以發以下五種帖子。但是,我一移動到新帖上,就彈出四種選項,這么強烈的吸引走了我的注重力。很輕易讓人覺得這個是發帖的必須選擇。)
- 鼠標移動到下拉箭頭上,出來的是同樣的東西。那么干嘛把“新帖”和下拉箭頭分開?
根據這個設計所表達的意思,我想,只需要簡單的這么處理以下,應該就能解決問題了:
鼠標移動到新帖上,點擊,表示發表一個新的帖子。鼠標移動到后面的下拉箭頭,自動彈出選項框,表示還可以發表更多類型的帖子。這個邏輯和Gmail的回復是一致的。
PS:這種設計形式下的交互方式是符合邏輯的,但是,跟Gmail的回復操作一樣,他也不免有一些 小小的弊端 :后面的下拉箭頭表示是跟發新帖一類的操作,但是交代的不是很清楚。
最清楚直觀的解決方法就是,把這5種發表帖子一一擺開(當然可以在樣式上突出第一個),類似的效果在早期的Discuz可以看到。
但是以上只有2種類型的帖子,一一擺出來還是可以的。后面發展到了5種(說不定以后還有更多類型的帖子),一一擺開顯然是不明智的做法,一是設計上不好看,二是后面四種屬于不常有的操作。所以采取了放出一種常用操作(發表普通帖子)而把不常用的藏起來的做法,這時,自然而然的就想到了用下拉菜單來解決。
Discuz的想法是好的,只是在結合ajax技術運用時,一些交互的細節沒有把握好。
分享:如何從營銷的角度策劃建設網站一個網站假如能夠從營銷的角度來策劃建設的話,不用花太多錢就可以輕松的把流量推廣起來。但是一個網站假如不能從營銷的策劃建設的話,可能花很多錢來砸,都很難
- 相關鏈接:
- 教程說明:
網頁設計教程-關于下拉箭頭(2)
。





