伊桑·馬科特（Ethan Marcotte）響應迅速的網頁設計的挑戰

這一劇集的版本節目與設計師Ethan Marcotte進行了對話，該設計師創造了“響應網絡設計”一詞。 David和Tim探索了響應式設計的起源，為不同用戶調整內容的挑戰以及響應式原型比靜態模型的優勢。他們還討論了在設計過程中討論的自我懷疑。

>通過iTunes訂閱|通過Stitcher

訂閱

關鍵討論點：

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

  （成績單摘錄 - 下麵包括關鍵對話重點的選擇，但完整的成績單在原始輸入中可用。） “基本上，在一天結束時，它是假設您的設計沒有完美的視圖- 我們可以創建這些沒有理想的寬度和高度的佈局；不管有多大或有多寬您的屏幕恰好是，我們可以為網絡創建這些非常漂亮的，設備不合時宜的佈局。

  “我開始在客戶合同中收到有關建立iPhone網站的更多請求，這很奇怪。這只是讓我思考，好吧，我們必須構建的下一個網站是什麼？在某個時候，其他一些新事物將在移動網絡上出現。

  >“他們開始談論從中看到的所有業務利益，並發布這些指標和數據。這使媒體中的許多人和出版空間都坐下來並註意到，這真的很令人興奮，非常令人興奮。請參閱。”

  “設計合作夥伴從未在Virgin America上向客戶展示靜態的comp。基本上，從他們的第一次會議開始，他們就有一個響應迅速的原型- 在很早的階段，但是他們有一個原型瀏覽器，在不同的設備上。

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

  此修訂後的輸出維護原始圖像位置和格式，同時釋義文本以獲得原始文章的獨特但語義上等效的版本。

以上是伊桑·馬科特（Ethan Marcotte）響應迅速的網頁設計的挑戰的詳細內容。更多資訊請關注PHP中文網其他相關文章！