neironghuakuai,huozheshuolunbo,zaidangqiandewangzhanshejizhongwuchubuzai。dangranzheyeshiyouyuanyinde。zhegegongnengshezhiqilaihenjiandan,keyigenjuwangzhandewaiguanheganjiaojinxingzidingyi,nengzaixiangduijiaoxiaodekongjianlizhanshichuangyineirong。
設計師因為它的靈活性而愛上它--更(geng)容(rong)易(yi)講(jiang)述(shu)一(yi)個(ge)引(yin)人(ren)入(ru)勝(sheng)的(de)故(gu)事(shi),網(wang)站(zhan)所(suo)有(you)者(zhe)喜(xi)歡(huan)它(ta)因(yin)為(wei)能(neng)夠(gou)在(zai)一(yi)個(ge)簡(jian)單(dan)的(de)網(wang)站(zhan)元(yuan)素(su)裏(li)推(tui)廣(guang)多(duo)個(ge)元(yuan)素(su)。如(ru)果(guo)能(neng)夠(gou)做(zuo)好(hao),內(nei)容(rong)滑(hua)塊(kuai)能(neng)夠(gou)為(wei)任(ren)何(he)網(wang)站(zhan)帶(dai)來(lai)視(shi)覺(jiao)衝(chong)擊(ji)。
大部分網站要添加滑塊很簡單,而且有很多選擇,尤其是WordPresspingtaishang。danhuakuaikebushiwanjinyou,meiyigechenggongdehuakuaibeihoudouyouwushugeshibaideanli。nameshenmeshihoucainenggouyonghuakuaine?womenzongjieleyinggaishiyonghuakuaideqizhongqingjing。
01. 產品導覽
滑hua塊kuai簡jian直zhi就jiu是shi為wei產chan品pin導dao覽lan而er生sheng的de。如ru果guo把ba所suo有you產chan品pin都dou展zhan示shi出chu來lai,大da量liang的de信xin息xi會hui讓rang訪fang問wen者zhe無wu所suo適shi從cong,但dan如ru果guo把ba這zhe些xie信xin息xi分fen解jie成cheng更geng易yi於yu管guan理li的de小xiao塊kuai,那na麼me訪fang問wen者zhe可ke能neng就jiu不bu會hui那na麼me容rong易yi地di分fen心xin。當dang信xin息xi需xu要yao依yi次ci連lian續xu出chu現xian時shi,比bi如ru產chan品pin導dao覽lan,請qing考kao慮lv使shi用yong滑hua塊kuai。

信用卡應用Square在網站上對滑塊的運用
下麵來看兩個例子。上圖中的Square是(shi)各(ge)公(gong)司(si)用(yong)來(lai)接(jie)受(shou)手(shou)機(ji)或(huo)者(zhe)其(qi)他(ta)設(she)備(bei)進(jin)行(xing)信(xin)用(yong)卡(ka)支(zhi)付(fu)的(de)設(she)備(bei)。網(wang)站(zhan)使(shi)用(yong)了(le)滑(hua)塊(kuai)來(lai)展(zhan)示(shi)使(shi)用(yong)其(qi)服(fu)務(wu)的(de)幾(ji)種(zhong)場(chang)景(jing),並(bing)突(tu)出(chu)了(le)每(mei)個(ge)功(gong)能(neng)和(he)優(you)點(dian)。

UserOnboard向訪問者示範逐步使用流程
UserOnboard是一個致力於展示網站和移動設備應用精心設計的用戶使用流程的網站。該網站的目標與滑塊的功能簡直是天作之合。
02. 突出新內容
huakuaishidingshigengxinwangzhandelixianggongju。ruguonishiyongdewangzhanmeitianzaochengengxinxinwen,namenihenkenengmeitiandounengkandaoneironghuakuai。shishishang,zheshizheleiwangzhanzuichangyongdegongjuzhiyi。
Discovery.com使用內容滑塊,讓訪問者輕鬆看到最新內容
我們可以看看幾個知名的新聞與電視網,比如探索頻道(上圖)和Hulu(下圖)。這類的媒體網站常常依靠滑塊來展示不斷變化的最新熱門文章和視頻等。如果你要提供頻繁變化的大量內容(尤其是視頻內容)時,滑塊是非常好的選擇。

Hulu.com經常會有視頻內容,滑塊是展示它們的理想工具
03. 圖片集
有you時shi候hou,一yi張zhang或huo者zhe幾ji張zhang圖tu片pian,就jiu能neng把ba你ni的de品pin牌pai想xiang要yao表biao達da的de意yi思si傳chuan達da出chu來lai。無wu論lun是shi幾ji張zhang全quan頁ye高gao分fen辨bian率lv照zhao片pian,還hai是shi幾ji張zhang小xiao圖tu片pian,當dang你ni需xu要yao展zhan示shi圖tu片pian時shi,滑hua塊kuai是shi當dang之zhi無wu愧kui的de首shou選xuan。

Regent College的網站使用了一個自動水平滑塊
為了突出其位置的自然美景和學生的多樣性,Regent College使用了有獨特設計元素的自動水平滑塊作為吸引人的主頁元素。
04. 在線作品集
youyuhuakuaishihezhanshishijiaoneirong,yinciyichengweigezhongyishujiazaixianzhanshizuopinjidebiaozhun,congsheyingshidaopingmianshejishidaowangluokaifarenyuan。zaijishaodekongjianzhong,huakuaikeyichuangzaoxingdixiangqianzaikehuzhanshijihurenheleixingdezuopin。

Büro Maisengasse的滑塊就像一條晾衣繩
Büro Maisengasse (上圖)使用的滑塊非常有趣。使用箭頭來進行水平導航並實現變焦,就像在沿著一根晾衣繩拖拽一樣。

Headway Themes的滑塊簡單高效
Headway Themes使用的是一個簡單的水平滑塊,在首頁偏下的位置,來展示使用了該網站主題的網站。
05. 電子商務
滑塊對於電子商務中的商品展示而言是絕佳選擇。不論你要展示的是全係列產品,還是精選產品、最新產品,都是滑塊發揮作用的好地方。

The Seattle Cider Company的滑塊完美契合品牌的審美
果酒商The Seattle Cider Company 網站首頁使用了極簡風格的導航,來展示其精品產品,成功地傳達了品牌的審美。

Hush的滑塊展示最新最熱門產品
Hush的網站采用了簡潔的全頁水平滑塊來展示其最新最熱門產品。
06. 文本片段
滑塊可不僅僅限於視覺內容。當你需要展示一係列相關的文本片段或傳達關於網站的一些書麵信息時,它們也是很好的選擇。

Desk.com的滑塊將訪問者的注意力拉到大客戶的誠意推薦上
Desk.com 的首頁上有很多客戶評價,滑塊的使用可以很方便地展示每一個評論。

Heath Waller聯係頁麵的滑塊發揮了在線名片的作用
網站設計師Heath Waller個人網站的首頁更多地發揮了名片的作用。美觀而簡單的水平滑塊為訪問者展示重要信息。
07. 講故事
講故事是滑塊的另一大作用。Google在推廣Chrome的電子書中使用了滑塊。有的會有酷炫的翻頁效果,非常實用。

電子書中使用滑塊進行翻頁
20 Things I Learned About Browsers and the Web (上圖)使用了滑塊來進行翻頁。這個功能讓用戶感覺閱讀起來更輕鬆,因為每張幻燈片上麵的文字數量有限。












