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

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

英文原作是 HTML5 一本、CSS3 一本,簡中版本則是將兩者合為「HTML5+CSS3 网页设计入门必读 」一起。翻譯文句順暢,紙質一般,排版不差,就是字印得太淺…

HTML5 网页设计入门必读

設計師閱讀這本應該打開第一章就傻掉了,前兩章在講 HTML 演進史,滿滿的專有名詞。
第三章開始講 Canvas、聲音、影片,搭配 JS ,同樣超出設計師能力範圍。
第四章講表單,稍微能看懂這些 屬性在幹嘛了,附了很多例子嘛,但程度還是有點深,要懂一些些 JS。
第五章講語義,Class 怎麼用,並簡單介紹 HTML5 新元素。
第六章寫了幾個例子示範結構元素。

這本該是 F2E 看的書,但又很粗淺,只能說是入門沾水用。可以讓初學者看到大量專有名詞,然後去 Google。簡單建立下「HTML5 能做什麼」的概念,但 F2E 們八成早就都知道了,頂多補些細節。

設計師看這本書應該和瞎子摸象一樣。(我自己也只看得懂第 5 章而已。)

CSS3 网页设计入门必读

這本我就比較推設計師買了,書裡很多例子,可以當工具書,需要製作滾動視差、動態特效的時候就拿起來翻一下,照抄…如果想是完全沒碰過 CSS 的初學者不建議拿這本當啟蒙,包你看不懂。適合懂一點 CSS、想把網頁設計的更炫一些的網頁設計師看,大約是初階到中階的水平。

書裡提到轉場效果、圓角、文字陰影、旋轉、變形、多重背景、視差捲動、表單樣式、按鈕樣式等,都是現在很常見且流行作法,原始碼照抄改下細節就是了,很方便~~~~

.
.
.

評價似乎沒有很高,但一對照它的售價,就覺得桌上可以擺!訂價是 RMB 39 元,約 NT$197。2 本技術書賣你不到台幣 200 元,雖然薄了點,但內容是有料的,對得起它的售價了啦~~HTML 那本我程度不夠,有看沒有懂。但 CSS 那本對很多網頁設計師應該都有幫助。

當然內容在網路上都找得到,書籍的好處是已幫你系統性整理過了。CSS 那本不錯,在設計網頁一時沒靈感不知道可以加什麼樣的特效可以拿起這本翻翻,很多範例攻參考,挺有用的。

PS.感謝人民郵電出版社贈書,但恕我寫文一向很任性…

不知道設計卡在哪?

👉 第一次來?從這裡開始

下面這些文章,從不同角度整理那些容易被忽略的地方

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

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

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

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

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

nav 要包在 header 裡?

Html5 有很多新元素,最常用到的就是 nav、header、footer 這三個。不過對於 nav 該放在 header 裡、還是在 header 外,就我學習到、和老公教的是「看情況」。

從 Airbnb、Apple 到 Google,這本書的設計原則都能用上!
從 Airbnb、Apple 到 Google,這本書的設計原則都能用上!

面對厚重的《操作介面設計模式》,你是否感到無從下手?
別擔心,本文將帶你輕鬆拆解這本書,讓你在 UI 設計的路上事半功倍!

Akane Lee

Akane Lee

我是 Akane Lee,10 年 UI/UX 設計教學,帶過 1000+ 學員擺脫焦慮,找出人生方向。不只聊設計,也教你怎麼少繞遠路,摔坑也知道怎麼自己爬起來。

Comments

wave
comments powered by Disqus

Press ESC to close