里約奧運會激戰(zhàn)正酣，中國代表隊雖然首日未奪金牌，但在第二日便由女子10米氣手槍的張夢雪奪得首金，隨后女子雙人3米板的吳敏霞 / 施廷懋，以及男子舉重56公斤級的龍清泉，再為中國隊連下兩金。截止到小編發(fā)稿前，中國隊以 3金 / 2銀 / 3銅 的成績暫居奧運獎牌榜首位。

以上截圖來自于里約熱內(nèi)盧奧運會官方網(wǎng)站（rio2016.com）。也許大多數(shù)人了解奧運戰(zhàn)況，并不是通過這個網(wǎng)站，特別是我們國內(nèi)的網(wǎng)民，一般都通過電視、手機APP、桌面應(yīng)用的彈窗消息，或一些大型門戶網(wǎng)站去獲得奧運信息。

當(dāng)然，千助小編今天的發(fā)稿并不是為了關(guān)注里約奧運會，而是想帶大家一起去看看奧運會的官方網(wǎng)站到底長的啥樣。

里約熱內(nèi)盧奧運會官網(wǎng)的色彩搭配，沿襲了2016奧運標(biāo)志的色系，以綠藍黃為主色調(diào)來設(shè)計網(wǎng)站。我們在之前的一些文章中提到過，不建議在網(wǎng)站建設(shè)中使用三種以上的色彩作為主色調(diào)，因為那可能造成訪客的視覺混亂感。但很多時候，設(shè)計也并不是要生搬硬套，里約奧運官網(wǎng)的用色可以說恰到好處，多種主色調(diào)分布于圖片和文字之間，張弛有度，不僅沒有造成視覺混亂，還營造出了激情奧運、巴西特色的感覺。

如果用手機打開 rio2016.com 是這樣的：

里約奧運官網(wǎng)運用了當(dāng)前互聯(lián)網(wǎng)上較為流程的響應(yīng)式布局技術(shù)，可以適用PC、Pad、手機等多種終端的瀏覽模式。在提高了用戶體驗度的同時，也為網(wǎng)站管理節(jié)省了成本，當(dāng)上傳一篇新聞報道時，管理者只需要操作一次，即可將信息發(fā)布到各個終端上去。

好的，我們再來關(guān)注一下國際奧委會的官方網(wǎng)站（olympic.org），相信很多人看了這么多屆奧運會，還沒有打開過這個網(wǎng)站吧。

國際奧委會官網(wǎng)采用了簡約大氣的扁平化設(shè)計方案，整體布局思路清晰、可讀性強，且極具現(xiàn)代感。以綠色為主色調(diào)，白色為背景的配色模式，體現(xiàn)了綠色奧運的理念。

同樣用手機來瀏覽一下 olympic.org，我們發(fā)現(xiàn)他們也采用了響應(yīng)式布局設(shè)計，去適用移動終端的用戶瀏覽方式。

由此可見，響應(yīng)式布局技術(shù)在國外已經(jīng)應(yīng)用的非常成熟，還記得去年我們發(fā)布的一篇《白宮官網(wǎng)升級，網(wǎng)站制作采用HTML5響應(yīng)式布局》嗎？是的，反觀國內(nèi)，響應(yīng)式布局仍然在起步階段，普及程度還主要集中在一線城市和強二線城市的企業(yè)單位中，政府和事業(yè)單位應(yīng)用該技術(shù)的較少。

縱觀互聯(lián)網(wǎng)技術(shù)的發(fā)展，響應(yīng)式布局必將成為未來解決多終端用戶體驗的一大趨勢，為自己的網(wǎng)站盡早使用響應(yīng)式布局技術(shù)，才能夠更好地抓住用戶，提高網(wǎng)站轉(zhuǎn)化率，在未來的市場中站穩(wěn)腳跟。