|
戰(zhàn)斗場面未必要華麗
游戲設(shè)計(jì)奇才Jesse Schell說，“游戲，為滿足你的好奇心提供了成功的可能性和機(jī)會——一個(gè)解決問題的機(jī)會，做正確的選擇，并讓人感到自由�！� 即使是最平凡的網(wǎng)站也能問出最吸引人的問題——游戲的哪些要素能給人們帶去歡樂？
游戲通常在用戶輸入時(shí)給出清晰的反饋。這些元素可以融入界面，不僅僅是通過carousels或accordions的形式。問個(gè)簡單的問題“你希望學(xué)到更多關(guān)于此話題的東西嗎？” 確定提交表單之后會發(fā)現(xiàn)，提升用戶交互體驗(yàn)還有很長的路要走哇。
一些Web設(shè)計(jì)師們已經(jīng)實(shí)現(xiàn)了UI組件的簡單化。如今，懸停菜單和提示層已經(jīng)不是什么新鮮玩意了。這些在游戲中已經(jīng)成型的套路，如何能為普通UI元素帶來更多的創(chuàng)意和樂趣，讓我們拭目以待吧。
來點(diǎn)實(shí)例
讓我們進(jìn)入正題，來看看如何在下個(gè)項(xiàng)目中使用這些UI元素。接下來會展示一些實(shí)例，還有一些資源便于之后的擴(kuò)展學(xué)習(xí)。
異步加載的信息
這是《輻射》里的加載截圖：上面的《輻射：新維加斯》和下面的《輻射3》都有幫助信息和提示，并隨主題背景圖一起在游戲中展開。相比老套生硬的加載圖像，它使用輪盤賭或綠屏變換到指定界面，從而讓這個(gè)無聊的等待過程成為游戲樂趣的一部分。
Web設(shè)計(jì)師能從中獲得什么：
個(gè)性化你的圖像，把用戶拉入你所創(chuàng)造的屏幕“世界”中。即使你在企業(yè)網(wǎng)站工作，你也可以設(shè)計(jì)信息位用以顯示提示和其他幫助信息。那搭建一個(gè)零售體育用品網(wǎng)站呢？也許你可以用一個(gè)旋轉(zhuǎn)的籃球作為加載動(dòng)畫。還沒想好怎么開始？點(diǎn)開本教程學(xué)習(xí)如何預(yù)載內(nèi)容。
加載一整屏背景圖或許太慢了，但你可以給一個(gè)div設(shè)定彩色背景，然后利用JavaScript去載入提示和信息。為保證效果，加載文件大小最好控制在 30KB以下；當(dāng)然，越小越好�？梢杂靡粋�(gè)簡單的AJAX每幾秒就抓取一次內(nèi)容，或者當(dāng)然也可以為每次抓取提交一個(gè)請求。怎么做完全取決于加載內(nèi)容的多少 和你有多少時(shí)間�？匆粋�(gè)這種方式的實(shí)例，Website Grader。提交一個(gè)鏈接后，你期待的結(jié)果就來了。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 Web設(shè)計(jì)師能從游戲中學(xué)到些什么 [2] 下一頁 Web設(shè)計(jì)師能從游戲中學(xué)到些什么 [4]
|
第 1 頁 
第 3 頁 Web設(shè)計(jì)師能從游戲中學(xué)到些什么 [3]
