這一劇集的版本節(jié)目與設(shè)計(jì)師Ethan Marcotte進(jìn)行了對(duì)話，該設(shè)計(jì)師創(chuàng)造了“響應(yīng)網(wǎng)絡(luò)設(shè)計(jì)”一詞。 David和Tim探索了響應(yīng)式設(shè)計(jì)的起源，為不同用戶調(diào)整內(nèi)容的挑戰(zhàn)以及響應(yīng)式原型比靜態(tài)模型的優(yōu)勢(shì)。他們還討論了在設(shè)計(jì)過(guò)程中討論的自我懷疑。

>通過(guò)iTunes訂閱|通過(guò)Stitcher

關(guān)鍵討論點(diǎn)：

• > Marcotte突出顯示了設(shè)備 - 敏捷的佈局的創(chuàng)建，以適應(yīng)任何屏幕大小，以構(gòu)成一致的用戶體驗(yàn)。
討論了從靜態(tài)模型轉(zhuǎn)移到客戶端演示中互動(dòng)響應(yīng)式原型的轉(zhuǎn)變，強(qiáng)調(diào)實(shí)時(shí)調(diào)整和反饋。
• 響應(yīng)式設(shè)計(jì)對(duì)傳統(tǒng)固定寬度佈局的影響，利用靈活的網(wǎng)格和媒體查詢來(lái)提高可訪問(wèn)性和移動(dòng)優(yōu)先的方法。
探索響應(yīng)式設(shè)計(jì)的重大業(yè)務(wù)利益，援引了諸如波士頓環(huán)球報(bào)（Boston Globe）的用戶參與度和運(yùn)營(yíng)效率的示例。 >
• 強(qiáng)調(diào)了綜合設(shè)計(jì)和開發(fā)過(guò)程的重要性，促進(jìn)溝通和協(xié)作原型。
基於用戶上下文的內(nèi)容策略和量身定制內(nèi)容交付，而不僅僅是屏幕尺寸，是關(guān)鍵主題。
• 元素查詢的未來(lái)可能性進(jìn)一步完善了響應(yīng)式設(shè)計(jì)，從而有可能降低對(duì)廣泛的媒體查詢的依賴。
• >顯示註釋：
• Twitter上的Ethan Marcotte：@beep
  > Ethan的RWD Twitter帳戶
  > ethanmarcotte.com
  > Karen McGrane（同事）
  >媒體查詢
  >元素查詢
  “網(wǎng)頁(yè)設(shè)計(jì)的道路”
  > Marcotte的開創(chuàng)性“響應(yīng)式Web Design”文章，
  • >
  >波士頓環(huán)球
  細(xì)絲組
  > Marcotte和McGrane的響應(yīng)式Web Design Podcast
  • 在響應(yīng)式Web Design播客
  上 BBC新聞
  Marcotte的書
  • 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)>
  >馬科特的書
  • 響應(yīng)式設(shè)計(jì)：模式和原理>
  >旋轉(zhuǎn)木馬上的brad霜
  boba fett
  Twitter：@mdavidgreen | @tevko | @versioningshow | @SitePointDotcom
  >

  （成績(jī)單摘錄 - 下麵包括關(guān)鍵對(duì)話重點(diǎn)的選擇，但完整的成績(jī)單在原始輸入中可用。） “基本上，在一天結(jié)束時(shí)，它是假設(shè)您的設(shè)計(jì)沒(méi)有完美的視圖- 我們可以創(chuàng)建這些沒(méi)有理想的寬度和高度的佈局；不管有多大或有多寬您的屏幕恰好是，我們可以為網(wǎng)絡(luò)創(chuàng)建這些非常漂亮的，設(shè)備不合時(shí)宜的佈局。

  “我開始在客戶合同中收到有關(guān)建立iPhone網(wǎng)站的更多請(qǐng)求，這很奇怪。這只是讓我思考，好吧，我們必須構(gòu)建的下一個(gè)網(wǎng)站是什麼？在某個(gè)時(shí)候，其他一些新事物將在移動(dòng)網(wǎng)絡(luò)上出現(xiàn)。

  >“他們開始談?wù)搹闹锌吹降乃袠I(yè)務(wù)利益，並發(fā)布這些指標(biāo)和數(shù)據(jù)。這使媒體中的許多人和出版空間都坐下來(lái)並註意到，這真的很令人興奮，非常令人興奮。請(qǐng)參閱?！?p>

  “設(shè)計(jì)合作夥伴從未在Virgin America上向客戶展示靜態(tài)的comp?；旧希瑥乃麄兊牡谝淮螘?huì)議開始，他們就有一個(gè)響應(yīng)迅速的原型- 在很早的階段，但是他們有一個(gè)原型瀏覽器，在不同的設(shè)備上。

  “而不是構(gòu)建所有這些老鼠的媒體查詢巢巢，這些查詢處理所有這些不同的佈局狀況案例，如果我能擁有的，那麼如果我能擁有某些東西，鑑於該容器的寬度，我想將此設(shè)計(jì)規(guī)則應(yīng)用於這個(gè)特定的模塊，這將是巨大的，我認(rèn)為這可能會(huì)取代我今天寫的大部分媒體查詢。

  此修訂後的輸出維護(hù)原始圖像位置和格式，同時(shí)釋義文本以獲得原始文章的獨(dú)特但語(yǔ)義上等效的版本。

以上是伊?！ゑR科特（Ethan Marcotte）響應(yīng)迅速的網(wǎng)頁(yè)設(shè)計(jì)的挑戰(zhàn)的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！