December 2014
Intermediate to advanced
416 pages
5h 33m
Chinese
Content preview from Responsive Web Design 響應式網頁設計學習手冊
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
7. 響應式工作流
|
203
圖 7-9 三個樣式板被用來達成 The Examiner 網站所使用的最後設計，如第四幅圖像
所示
使用樣式板，幫助你在敲定完整設計之前，先確認核心設計元素。
從傾聽客戶及詢問問題開始 — 這是你在收集需求期間通常會做的所
有事情。尤其是，試著瞭解客戶想要從網站得到的視覺化外觀與感
覺，注意他們所使用的形容詞。另外，確認是否存在著既有的品牌
與樣式指南需要遵守。
在建立樣式版時，你可以使用 Photoshop 之類的圖像編輯工具，或
者直接在瀏覽器裡工作。不管透過何種方式，你可以多次反覆嘗試，
以便達成共識。現在進行反覆嘗試會比稍後再進行容易很多。不過，
不要以為你不能在稍後做樣式變更 — 有時候，直到真實的網站設計
出現，才會知道設計決策的完整效應。
204
|
響應式網頁設計學習手冊
測試與調整
在整個過程中，響應式流程需要持續測試。一旦有了 HTML 原型，
你應該在不同的裝置上測試它，看看會發生什麼事。如果理論上似
乎很好的配置最後卻無法運作在特定螢幕尺寸上，最好早一點發現
問題，而不是在一個幾乎完成的網站上費力做調整。
我們會在第 8 章中更詳細地探討如何進行測試。
樣式指南
樣式指南
（
style guide
）收集並整理已針對網站做的所有設計決策，
什麼字型被使用 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.