&

首頁(yè) -> UI交互頻道 -> 理論文摘 -> 設(shè)計(jì)理念

10個(gè)國(guó)內(nèi)優(yōu)秀的移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)案例分析

作者：TGideas-騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì) 來(lái)源：TGideas-騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì) ：

響應(yīng)式設(shè)計(jì)

　　而說(shuō)到移動(dòng)端網(wǎng)站不得不提響應(yīng)式設(shè)計(jì)。什么是響應(yīng)式?簡(jiǎn)而言之，就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。面對(duì)繁雜的移動(dòng)設(shè)備分辨率，這聽(tīng)起來(lái)非常美好，我們接下來(lái)了通過(guò)一個(gè)案例來(lái)了解一下。

NEWTON RUNNING

　　通過(guò)案例我們能清晰了解到在各種移動(dòng)終端層出不窮的今天，響應(yīng)式設(shè)計(jì)的強(qiáng)大兼容性得到了巨大的體現(xiàn)。同時(shí)建立在強(qiáng)大的兼容性基礎(chǔ)上，由于全終端共用一個(gè)網(wǎng)站，那么在開(kāi)發(fā)、運(yùn)營(yíng)和維護(hù)上會(huì)更節(jié)省成本，而在網(wǎng)站建設(shè)前期會(huì)給設(shè)計(jì)以及重構(gòu)加重任務(wù);對(duì)于產(chǎn)品包裝而言在不同終端會(huì)有更一致更完整的品牌形象。而在實(shí)際使用過(guò)程中發(fā)現(xiàn)，響應(yīng)式設(shè)計(jì)在不同移動(dòng)終端上能獲得兼容度較高的視覺(jué)呈現(xiàn)同時(shí)會(huì)有部分功能性不夠完善(如按鈕點(diǎn)擊區(qū)域過(guò)小);而在PC端部分瀏覽器會(huì)出現(xiàn)錯(cuò)位等不兼容情況;我們還發(fā)現(xiàn)在硬件性能較差的終端下，網(wǎng)站的流暢程度并不高(動(dòng)態(tài)展示特效會(huì)出現(xiàn)卡頓);而在移動(dòng)終端上網(wǎng)站的載入過(guò)程受到網(wǎng)速的很大影響。所以使用響應(yīng)式設(shè)計(jì)的同時(shí)對(duì)設(shè)計(jì)師在交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)，性能優(yōu)化和重構(gòu)方面會(huì)有更高的要求。

　　盡管此去任重道遠(yuǎn)，但是在國(guó)內(nèi)外眾多設(shè)計(jì)師的努力下依舊涌現(xiàn)許許多多的優(yōu)秀案例。