2012年8月15日 星期三

玄奘之路的戈壁挑戰賽

玄奘之路的戈壁挑戰賽競賽網頁

http://www.bizchallenge.net/


選擇原由,這是一個在巧妙的因緣際會下遇見了這個網站,這是一個內地的運動比賽網站,重點是,他顛覆了我對內地網站的看法…這告訴我,身為半個幫忙運動筆記的UI設計的我,應該要再嚐試更多…

為什麼叫玄奘之路,主要因為玄奘三藏法師,在西行求法中遭遇艱險的九死一生的道途,風餐露宿,身體力行,在歷史和現實的長河中,所以他們秉持著體驗三藏當年追求理想、出入生死的絕境、用信念和堅持超越自我的經歷,並且認識理想和信念的強大力量,認識“從堅持到超越”的不變法則,在內心深處尋找到讓生命攀援上升的巨大能量,從而以更積極、更健康、更持久的動力去擁抱生命中更高的挑戰,所以都是跑一些很長途的沙漠西行之路。

讓我們繼續看下去…


配色,主要以穩重又帶熱情的深紅色及沙漠般的大地色系為主,再搭配些許的黑或灰。


版的特點
特色1.網站支援多個瀏覽器
無論是IE還是Chrome看起來都有太大的沒問題,但當然最主要的還是差在一些CSS的小地方,
不過讓網站目前看來並為使用CSS3...

特色2.使用大量的圖片做效果
雖然使用大量的圖片是網站流量最忌諱的,但事實上在效果呈現在才是最可以滿足每個不同使用者和瀏覽器的眼睛,但在設計和套版方面最怕這種版出現破版問題



背景是用一張大圖片,在網頁的邊緣處出現的陰影呢?


其實不是CSS3也不是另外切出來的圖,是直接和背景結合在一起的一張大圖有著具有質感的邊線和陰影效果,如同光照射一般


IE Menu的破版

Chrome Menu的完美排版


特色3.俐落簡潔的華麗設計
原本華麗的設計通常都會很花俏,但其實不然,在該網站的內頁看到的特色是…其實他看起來很乾淨簡潔,但有著華麗的反光和折射效果,又有柔和的大地色漸層,所以看起來俐落簡單又大方,確不失華麗感,不會把太多花俏的東西一起運用在網站上,會在網站上做選擇性的設計編排和擺放位置。




Menu的格子背景加上Banner的流線形反光效果


跑馬燈的廣告效果設計
節省空間,並且可吸引人目光的動態效果


簡潔清楚的內文排版



背影的光影折射,讓普通的背景豐富許多,
明顯的下載按鈕,讓使用者一眼就可以辨示,增加下載率
華麗又有質感的書籤式選單
以及簡潔大方的Share功能


RedBull,最大的贊助商,所以放在網站最上面的Banner處




比賽的照片分享



沒有留言:

張貼留言