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

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

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

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

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

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

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

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

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

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

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