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

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

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

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

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

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

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

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

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

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

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