設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(shì)(2)
當(dāng)然也并不是所有的情況都理所應(yīng)帶應(yīng)該采用響應(yīng)式設(shè)計(jì),那么什么情況下更適合采用響應(yīng)式呢?
1、你想節(jié)約成本地去適應(yīng)更多場(chǎng)景
資源都是有限的,但總是希望能利用有限的資源去獲得更大的價(jià)值。雖然比起開(kāi)發(fā)設(shè)計(jì)一個(gè)普通的網(wǎng)站來(lái)說(shuō),要打造一個(gè)響應(yīng)式站點(diǎn),所需要的人力和時(shí)間資源都會(huì)有所增加,但比起為不同設(shè)備分別打造多個(gè)版本的成本還是要低很多;從維護(hù)的角度來(lái)說(shuō),也會(huì)輕松很多。
2、你并不清楚要設(shè)計(jì)開(kāi)發(fā)的全新產(chǎn)品更適合哪個(gè)場(chǎng)景
與其通過(guò)預(yù)測(cè)挑選核心設(shè)備再進(jìn)行分別設(shè)計(jì),倒不如先花些心思將網(wǎng)站打造得更具彈性,使其在各種設(shè)備中都擁有盡可能優(yōu)秀體驗(yàn)。因?yàn)樵诟鞣矫娑嘉粗记闆r下,做預(yù)測(cè)會(huì)加劇過(guò)程風(fēng)險(xiǎn),使得結(jié)果存在巨大的挑戰(zhàn)性。
3、你希望網(wǎng)站可以兼容未來(lái)的新設(shè)備
新的設(shè)備層出不窮,與其被動(dòng)地進(jìn)行更新維護(hù),不如主動(dòng)應(yīng)萬(wàn)變,成為響應(yīng)式。 當(dāng)然這里只是說(shuō)更適合,其實(shí)個(gè)人認(rèn)為只要項(xiàng)目資源和時(shí)間允許,基本上大部分網(wǎng)站都可以去嘗試實(shí)現(xiàn)響應(yīng)式;而對(duì)于初次嘗試響應(yīng)式設(shè)計(jì)的,也可以從“簡(jiǎn)單瀏覽型頁(yè)面”開(kāi)始。
模式目前大多網(wǎng)站中選擇成為響應(yīng)式的設(shè)計(jì)模式主要有兩種:
1、基于設(shè)備
通過(guò)主流設(shè)備的類(lèi)型及尺寸來(lái)確定布局?jǐn)帱c(diǎn)(Break point),設(shè)計(jì)多套樣式,再分別投射到響應(yīng)的設(shè)備。
2、內(nèi)容優(yōu)先
根據(jù)內(nèi)容的可讀性、易讀性作為確定斷點(diǎn)(Break point)的標(biāo)準(zhǔn),即在對(duì)內(nèi)容進(jìn)行布局設(shè)計(jì)的時(shí)候,可以無(wú)視設(shè)備,有內(nèi)容決定何時(shí)需要采用不同的呈現(xiàn)方式。
個(gè)人還是傾向內(nèi)容優(yōu)先的方式,這是真正符合響應(yīng)式設(shè)計(jì)核心策略的模式,也是對(duì)未來(lái)友好的方式。 從過(guò)去基本上是基于pc的幾個(gè)尺寸,選擇最佳的標(biāo)準(zhǔn)尺寸去設(shè)計(jì)頁(yè)面;到現(xiàn)在移動(dòng)設(shè)備已經(jīng)玲瑯滿(mǎn)目,同時(shí)電視、穿戴設(shè)備也慢慢開(kāi)始起來(lái),已經(jīng)不再有固定的尺寸;未來(lái),將是更加無(wú)法預(yù)知的設(shè)備環(huán)境;那么什么才是王道呢?——就是內(nèi)容本身! 變化總是來(lái)得快且狠,我們要做的就是抓住那根可以貫通全局的線!
在內(nèi)容優(yōu)先的策略中,有三點(diǎn)思維模式可以貫穿整個(gè)響應(yīng)式設(shè)計(jì)的過(guò)程:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- Photoshop初級(jí)教程-命令的技巧
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論