讀後感:移動優先與響應式Web設計

同樣是A Book Apart, Brief books for people who make websites. 這個網站出的書,這次要介紹的是 MOBILE FIRST 和 RESPONSIBLE RESPONSIVE DESIGN 的簡中版本。

先講結論,做 App 或網站的設計師都快去買吧,會學到很多。

人民郵電出版社出版 移动优先与响应式Web设计(2册) 定價 RMB 49 元,台幣約 250 元,這還是 2 本一套的價格,有夠便宜的。就內容來說價值絕對超過單本 NT 300 以上,至少台灣繁體書絕對找不到這種定價。雖然印刷品質還可以再更好…

移动优先

很棒的內容,幾乎每一段都有重點,從一開始介紹智慧型手機的使用量、舉出實例說明修改能改進什麼樣的問題優化介面、到最後照著他提出的方法做準沒錯。你可以系統性、有邏輯的學習到為什麼要這樣設計。

1.增長

講智慧型手機在人類的生活中越來越重要,網頁版和原生的 App 有什麼差異等。針對手機製作網頁和 App 對使用者體驗有什麼好處。

2.限制

基於硬體和環境等各種限制,人們使用手機的時間,和 Desktop、iPad 的數據綜合比較、分析。

3.功能

手機有哪些特有功能,那些功能的運作原理、以及可以延伸出什麼樣的服務或應用程式。

4.組織

舉出實例:幾個知名 App 如何改進他們的介面缺點?他們注意到哪些問題並加以改良。

5.動作

操作手機的方式有限,如何活用?為什麼要這樣設計?

6.輸入

手機操作上最難操作的就是一整長串的表單輸入,有哪些可用元件,並能用哪些方式簡化表單。

7.佈局

在手機上設計網頁,有那些守則可以幫助畫面更漂亮。

响应式Web设计

這本需要有點 HTML 和 CSS 基礎的人閱讀,裡頭提到 Grid、像素換算成百分比、圖片要如何優化等方法。提供不少現成 HTML 和 CSS 碼供參考,要抄的時候翻開就有…

不只是本方便查閱的工具書,在實例之外也說明「為什麼要這樣做」的理由,並詳解「這樣做解決了什麼問題」。

如果是 Responsive 剛入門的新手網頁設計師,很推薦入手這本,最常遇到的幾個問題在書中都有答案。有些是別人照作、跟著照做就對了,不知道原因的,在書裡也有介紹。

.
.
.

這兩本是 2014 年 11 月 出版,很新的書,非常推薦購買。搭配歐萊禮那本行動介面設計模式圖鑑一起看,會收穫很多。讓你知道「為什麼會這樣設計」、「這樣做能改善什麼問題」。

差點漏講,看到作者是 Luke Wroblewski 就該買了,還躊躇什麼。

.
.
.

補充:人民郵電出版社的設計書籍是正版談授權的,請放心購買。

《移动优先与响应式Web设计(2册)》- 当当图书

《移动优先+响应式Web设计(套装共2册)》- Amazon.cn

《移动优先与响应式Web设计(套装2册)》- 京东图书

如果上述網址購買不便,淘寶或天貓也都買得到,雖然運費不會太便宜,但加一加還是比買原文書省。通常我一次會帶好幾本一起寄省運費省麻煩…

更多文章

wave
試閱:網頁設計職人必修:網頁設計鐵則&問題對策 84
試閱:網頁設計職人必修:網頁設計鐵則&問題對策 84

感謝旗標出版社贈書試閱,我有好好把這本書看完。本文除了心得外、另寫了些個人和書中觀點不同的部份。這是本值得入手的好書。

讀後感:HTML5+CSS3 網頁設計入門必讀

A Book Apart, Brief books for people who make websites. 這個網站專出一些很薄、放包包通勤閱讀很方便的技術書籍,這次要介紹的是 HTML5 FOR WEB DESIGNERS 和 CSS3 FOR WEB DESIGNERS 的簡中版本,人民郵電出版社出版。

這種網頁設計越來越受歡迎!Bento Design 有什麼魔力?
這種網頁設計越來越受歡迎!Bento Design 有什麼魔力?

「Bento」怎麼唸?扁東?對,就是日語「便當」。
但這跟網頁設計有什麼關係?
其實,Bento Design 就像便當一樣,把資訊分格擺放,整齊又有條理!

Framer AI 產出網頁,實用性高
Framer AI 產出網頁,實用性高

Framer 新功能,AI 產出網頁!
試了一下,還真的可以!感覺好酷啊!
0 代碼做網頁的時代不遠了!

Akane Lee

Akane Lee

內心戲小劇場超多!每個事件背後,都有無數個為什麼,天天和自己的腦內聲音吵架。

Comments

wave
comments powered by Disqus

Press ESC to close