總結(jié)交互組件創(chuàng)新的四種方式(2)
文章來源于 綠豆晶設(shè)計工作室，感謝作者 佚名 給我們帶來經(jīng)精彩的文章！設(shè)計教程/前端設(shè)計/前端設(shè)計2010-06-28
二、組合搜索框的創(chuàng)新 【組合法】 常見的帶條件搜索框是輸入框+下拉菜單+按鈕三個控件組成的，合適的控件組合可以帶來更好的效果。 1、【輸入框+下拉菜單】組合 新浪微博的搜索框，將下拉選項融合到輸入框提示里，
二、組合搜索框的創(chuàng)新 【組合法】
常見的帶條件搜索框是“輸入框+下拉菜單+按鈕”三個控件組成的，合適的控件組合可以帶來更好的效果。
1、【輸入框+下拉菜單】組合
新浪微博的搜索框，將下拉選項融合到輸入框提示里，選擇搜索范圍的操作更加便利。
Google reader這樣的帶輸入操作的下拉菜單，讓下拉菜單更加易用。(這種控件組合在word、photoshop等軟件里很常見，如字體選擇控件)
2、【按鈕+下拉菜單】組合
豆瓣與Flickr的搜索按鈕后面加了一個下拉箭頭，按鈕與下拉選擇操作合二為一 (flickr這個設(shè)計與它網(wǎng)站主導航條體驗一致，豆瓣用這種設(shè)計在其整站看來則略顯突兀)
情非得已
推薦文章
-
21個Sketch實用高頻小技巧2019-02-15
-
25款值得收藏的優(yōu)秀網(wǎng)站模板免費下載2015-09-16
-
20套高質(zhì)量的免費網(wǎng)頁模版PSD素材2013-09-02
-
20款國外時尚大氣的按鈕開關(guān)PSD素材下載2013-07-31
-
CSS實例教程：十步學會用CSS建站2011-10-05
-
網(wǎng)頁設(shè)計師：淺淡網(wǎng)頁BANNER設(shè)計2010-09-27
-
網(wǎng)頁細節(jié)教程：WEB設(shè)計精確點滴2010-09-13
-
網(wǎng)頁設(shè)計中的點滴細節(jié)把握2010-09-01
-
總結(jié)交互組件創(chuàng)新的四種方式2010-06-28
-
最全的國外電子商務CSS模板下載2010-06-18
熱門文章
-
詳解網(wǎng)頁圖文組合的三種布局方式
相關(guān)文章3752018-11-13
-
2018年10月份前端開發(fā)者干貨大合集
相關(guān)文章3152018-11-05
-
10種網(wǎng)頁設(shè)計中字體的運用方式
相關(guān)文章3472018-05-10
-
2017年12月超實用前端干貨素材合集
相關(guān)文章3432017-12-17
-
5種方式提高網(wǎng)頁設(shè)計中的對比度
相關(guān)文章3182017-03-09
-
網(wǎng)頁設(shè)計師如何設(shè)計優(yōu)質(zhì)的Web表單技巧
相關(guān)文章2582016-01-11
-
詳細解析APP最常用的9種狀態(tài)設(shè)計分享
相關(guān)文章2772015-11-18
-
4種方式可以讓網(wǎng)站的登陸框更加時尚
相關(guān)文章1442015-04-13
