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

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

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

里約熱內(nèi)盧奧運(yùn)會(huì)官網(wǎng)的色彩搭配，沿襲了2016奧運(yùn)標(biāo)志的色系，以綠藍(lán)黃為主色調(diào)來設(shè)計(jì)網(wǎng)站。我們?cè)谥暗囊恍┪恼轮刑岬竭^，不建議在網(wǎng)站建設(shè)中使用三種以上的色彩作為主色調(diào)，因?yàn)槟强赡茉斐稍L客的視覺混亂感。但很多時(shí)候，設(shè)計(jì)也并不是要生搬硬套，里約奧運(yùn)官網(wǎng)的用色可以說恰到好處，多種主色調(diào)分布于圖片和文字之間，張弛有度，不僅沒有造成視覺混亂，還營(yíng)造出了激情奧運(yùn)、巴西特色的感覺。

如果用手機(jī)打開 rio2016.com 是這樣的：

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

好的，我們?cè)賮黻P(guān)注一下國(guó)際奧委會(huì)的官方網(wǎng)站（olympic.org），相信很多人看了這么多屆奧運(yùn)會(huì)，還沒有打開過這個(gè)網(wǎng)站吧。

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

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

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

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