設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(shì)(2)

來(lái)源:aliued 作者:aliued 學(xué)習(xí):4213人次

設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(shì)

當(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è)備。

設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(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)方式。

設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(shì)

個(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)得快且狠,我們要做的就是抓住那根可以貫通全局的線!

設(shè)計(jì)趨勢(shì)!設(shè)計(jì)的現(xiàn)狀與趨勢(shì)

在內(nèi)容優(yōu)先的策略中,有三點(diǎn)思維模式可以貫穿整個(gè)響應(yīng)式設(shè)計(jì)的過(guò)程:

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!