11 本基本的網頁設計書籍

博客文章、雜誌和在線課程是學習網頁設計的絕佳資源。 事實上，當大多數人想要填補他們的知識空白或複習某些東西時，他們可能是第一個去的地方。 但書籍是一種非常適合深入基礎研究的媒介。 他們的作者比一篇文章甚至系列文章有更多的時間和空間來介紹基本思想並以系統的方式構建它們。 正因為如此，設計師（經驗豐富的老手和新手）總是需要閱讀網頁設計書籍。

訂閱我們的 YouTube 頻道

11本可以藉用或購買的網頁設計書籍

這些書涵蓋了各種網頁設計主題，從設計理論和可訪問性到 CSS 和 JavaScript。 網頁設計涉及各種子技能，因此最適合您的一本書（或多本書）將專注於您最感興趣的領域。讓我們深入研究！

注意：定價是撰寫本文時成本最低的版本，四捨五入到最接近的美元。

學習網頁設計：HTML、CSS、JavaScript 和網頁圖形初學者指南，Jennifer Robbins

如果您要從任何一本書開始，請從這裡開始。 羅賓斯的指南有五個主要部分、25 個章節和無數個子章節。 你會加入並最終成為一名網頁設計專家——或者至少是一個非常精通的初學者。 您不需要任何經驗，並且在整個測試中進行測驗，實際上，您可以學習關鍵概念。 即使你對網頁設計知道一兩件事，這本書仍然值得——它可能會教你一些你忘記或從未學過的東西。

值得注意的章節包括：

• 它需要一個村莊（網站創建角色）
• 網頁剖析
• 對速度的需求（網站性能）
• 當好頁面變壞時
• 下劃線和其他“裝飾”

價格： $12 出租 | 更多信息

Jason Beaird、Alex Walker 和 James George 的精美網頁設計原則

本書不僅會告訴您如何創建網頁或向其中添加元素，還會告訴您如何在開始工作之前選擇您的設計。 例如，要選擇調色板，您將學習色彩理論； 以合法方式選擇字體和採購圖像也是如此。 當然，您還將發現如何應用所涵蓋的策略，特別感謝示例項目，因此您可以立即開始練習。

值得注意的章節包括：

• 定義好的設計
• 色彩理論101
• 建築紋理：復古、圖案、磨損和懷舊風格
• 選擇正確的字體
• 合法圖片來源

價格： $17 出租 | 更多信息

UX 設計 2020：Theo Farrington 的終極初學者用戶體驗指南

雖然本書有一小部分專門用於作為專業的用戶體驗 (UX) 設計師工作，但它更傾向於教授網頁設計師有關 UX 設計的知識。 是的，具有高質量用戶體驗設計的網站更易於訪問者使用。 不過，它不僅限於此——它還可以改善用戶的生活。

想一想：有人上網從當地醫院查找信息。 考慮到用戶體驗，該網站將易於瀏覽，並提供相關信息。 用戶將確切知道如何找到醫生或最近的醫院分支機構的位置； 他們甚至可以要求預約。 該網站不僅易於瀏覽，而且快速瀏覽它可能意味著在某人處於醫療危機中時幫助他們。

值得注意的章節包括：

• 什麼是用戶體驗？ （界面、產品、內容、服務和空間）
• 用戶體驗設計的 7 條黃金法則
• 您的視角與用戶視角
• 人類行為和動機
• UX設計師做什麼？

價格： 10 美元 | 更多信息

用戶體驗法則：Jon Yablonski 用心理學設計更好的產品和服務

本書首先解釋了心理學和設計的不同法則和原則，從而幫助網頁設計師改進他們的用戶體驗。 總的來說，它回答了以“為什麼用戶在……時會以某種方式做出反應”開頭的許多問題，雖然理解心理學聽起來不像是一種設計技能，但它確實是。 你的目標是吸引用戶，這意味著像他們一樣思考並在他們做之前知道他們將如何表現。

值得注意的章節包括：

• 雅各布定律（設計一個與您的受眾熟悉的其他網站相似的網站）
• 峰終規則（小變化有大影響）
• 美學-可用性效應（用戶如何在可用性方面感知美觀的設計）
• Doherty 閾值（計算機和用戶應該快速交互）
• 在設計中應用心理學原理

價格： 27 美元 | 更多信息

Web Design Playground: HTML + CSS the Interactive Way by Paul McFedries

雖然本書的重點是 HTML 和 CSS，但顧名思義，它對各種 Web 設計元素進行了廣泛的研究。 儘管您確實需要精通技術，或者至少需要對精通技術感興趣，但它面向需要介紹該主題的初學者。 這些項目是可操作的，而不僅僅是信息豐富，所以一旦你完成了這本書，你就可以擁有一個主頁、登錄頁面、投資組合頁面和畫廊。 此外，本書還附有一個實際的交互式網頁設計遊樂場，您可以用它來測試您的代碼。

值得注意的章節包括：

• 浮動和定位元素
• 創建登陸頁面
• 使您的圖像和地形具有響應性
• 為您的網頁設計添加一抹色彩
• 創建投資組合頁面

價格： 34 美元 | 更多信息

網頁設計基礎：Terry Felke-Morris 的 HTML 和 CSS

從技術上講，《網頁設計基礎》是一本學生教科書，它的突出之處還在於它討論了 HTML 和 CSS 策略，但也涉及軟技能，例如為您的網站選擇顏色和為您的目標受眾設計。

值得注意的章節包括：

• 在網頁的引擎蓋下
• 練習結構元素
• 您的目標受眾
• 網站組織
• 選擇一個虛擬主機

說實話，那些章節的例子甚至沒有涵蓋它的一半。 例如，這本書中有一個部分叫做響應式佈局基礎知識，它下面有近 20 個子主題。 這些子主題包括 CSS 靈活框佈局、CSS 網格佈局和帶有媒體查詢的響應式網格佈局。 重點？ 您可以深入了解各種 HTML 和 CSS 主題的細節。 是的，這本書仍然被認為是對該領域的介紹，但它是一個非常透徹和深思熟慮的介紹。

價格： $63 出租 | 更多信息

CSS in Depth 作者：Keith J. Grant

這本書塞了很多東西。 但是，即使您不想精通 CSS 的每個領域，如果您想深入研究幾個子主題，它也會很有用。 例如，也許你更關心排版而不是動畫——跳過你不關心的章節，深入研究你關心的章節。

如果您確實想成為您所知道的最大的 CSS 專家，您會喜歡 Grant 提供的最佳實踐和聰明的例子。 閱讀本文後，您的設計直覺和技術技能都會得到提高。 還有一個好處：如果你也在設計一個移動應用程序，它會有所幫助。

值得注意的章節包括：

• 理解漂浮物
• 響應式設計
• 模式庫
• 背景、陰影和混合模式
• 對比度、顏色和空間

價格： 42 美元 | 更多信息

CSS Secrets: Better Solutions to Everyday Web Design Problem by Lea Verou

這是另一本以 CSS 為重點的書，涵蓋了許多與 Grant 相同的主題。 但是，您可能會發現它更深入地體現了特定的美學，如果您有特定的元素需要處理，這可能會使其更適合您。 例如，“地形”部分包含“連字符”、“斑馬條紋文本行”和“圓形文本”等子部分。

值得注意的章節包括：

• 網絡標準：朋友還是敵人？
• 逼真的文字效果
• 選擇正確的光標
• 調整表格列寬
• 逐幀動畫

價格： $9 出租 | 更多信息

數字世界的包容性設計：Regine M. Gilbert 著眼於無障礙設計

縮小目標受眾範圍是一項值得的追求，但您不想因為網站無法訪問而排除其中的一部分（即使是意外）。 在數字世界的包容性設計中，您將學習如何讓需要解決方案的人可以訪問您的網站（以及其他技術產品，如移動應用程序）。 這本書的描述說得最好：“想想每一個可能使用你的產品的潛在用戶。 他們可能有視力障礙嗎？ 運動技能有限？ 耳聾或聽力困難？ 本書解決了殘疾人面臨的大量網絡可訪問性問題。”

值得注意的章節包括：

• 殘疾的醫學/社會模型
• 什麼是輔助技術？
• 創造包容性/無障礙文化
• 使用虛擬現實技術
• 人工智能和可訪問性

價格： $9 出租 | 更多信息

網頁設計：1990 年數字世界的演變——今天，Rob Ford

對於網頁設計愛好者或技術負責人來說，這本書是一段回憶之路——即使你還沒有經歷過互聯網的曙光。 這本視覺歷史書將帶您了解與互聯網相關的幾乎所有內容，從拖放導航和視頻集成到病毒式網站和移動網站。 此外，這些有史以來第一個網站和元素的創建者也提供了一些見解。 了解先驅者的想法，以及技術是如何開始的，以便它可以發展成為我們今天所知的現代網站。

值得注意的章節包括：

• 2000 年：網絡活躍起來
• 2004 年：原始病毒網站年
• 2007 年：全屏視頻到來之年——與 iPhone 一起
• 2014 年：移動瀏覽器與台式機一樣強大的一年
• 2017 年：網絡從網絡演變而來的一年

價格： 31 美元 | 更多信息

榮譽獎：像藝術家一樣偷竊，奧斯汀·克萊恩 (Austin Kleon)

這絕對是這份名單上最古老的書，出版於 2012 年，但我們不可能將它排除在外。 像藝術家一樣偷竊：沒有人告訴過你關於創造性的 10 件事並不是一本簡單的網頁設計書，你可能會說。 但是，對於任何和所有創意人員，包括網頁設計師（專業人士或業餘愛好者）而言，它都是必讀的。 它會讓你的藝術齒輪轉動，一口大小的交付（軼事、模因、引言……）讓你很容易快速地讀完這本書，這樣你就可以利用所有新的動力。

值得注意的章節包括：

• 不要等到你知道你是誰才開始
• 秘訣：做好工作並與人分享
• 善待：世界是一個小鎮
• 無聊：這是完成工作的唯一途徑
• 創意就是減法

價格： 8 美元 | 更多信息

如何選擇網頁設計書籍

有一種選擇要閱讀哪些網頁設計書籍的方法，我們將要分享的許多技巧都遵循了上面的列表。 如果您要參考其他“最佳”圖書列表，請記住以下幾點：

選擇最近出版日期的書籍

即使一本書承諾對您感興趣的主題進行深入研究，如果這本書是幾年前出版的，也不值得付出努力。 對於這個列表，我們堅持使用 2018 年或之後出版的書籍。 我們覺得網頁設計策略變化太頻繁，以至於無法發布任何比可靠相關的內容更遠的內容。 過時的書籍將包含現在無關緊要的統計數據、想法和圖像，以及不再有效的鏈接。

注意佈局和可讀性

網頁設計專業人士應該了解一兩件事，比如展示和可讀性等細節。 如果你正在考慮的書有奇怪的佈局問題，比如空白頁或不穩定的表格，它應該引發危險信號。 此外，如果措辭難以閱讀，請重新考慮這本書——網頁設計的一部分是連貫性，作者應該能夠清楚地溝通。

確定主題是否被徹底覆蓋

您選擇的網頁設計書籍應該深入研究該主題，而不是略讀表面。 如果您只想對某個主題進行粗略的概述，則可以查找“初學者指南”博客文章。

在你讀完這本書之前很難弄清楚這一點，但瀏覽章節列表是一個好的開始。 看看主題是否進入主題的子和子主題，而不是堅持有限的信息。 此外，如果某些章節或子章節聽起來像是涵蓋了相同的想法，這可能表明作者沒有進行足夠的研究來填滿整本書。

對重新包裝成書的博客文章說“不”

“寫”一本書的一種常見方法是將一系列關於某個主題的博客文章變成一本書。 並不是這種類型的書不值得，只是你不應該為已經免費的信息付費。 許多網頁設計專業人士可以從他們的網站免費下載此類產品，可能會換取您的電子郵件地址。 當涉及到您真正花錢購買的書籍時，請尋找那些僅包含您在作者網站上找不到的新信息的書籍。

關於網頁設計書籍的最終想法

沒有一本書會教你所有你需要知道的關於網頁設計的知識。 即使您有時間閱讀此列表中的每個條目，您仍然無法 100% 了解那裡的信息——這是一個不可能設定的目標。 網頁設計的世界是廣闊、複雜和不斷變化的。 但是，無論是現在還是將來，尋找解決您最感興趣的主題的網頁設計書籍將使您處於行業領先地位，而不是淹沒在知識中。

潛入網頁設計書籍世界的最後一個提示：從一本開始，而不是一次用幾本讓自己不知所措。 你永遠不會讀完世界上所有的網頁設計書籍，所以更明智的方法是閱讀一本，從中學習盡可能多的知識，將你所能應用到你的網站，然後繼續閱讀下一本。

精選圖片來自 [藝術家姓名]/shutterstock.com