《優秀網站設計》是2012年10月機械工業出版社出版的圖書,作者是Patrick J. Lynch。本書主要講述了如何利用各種方法去設計一個完美的網站,以及詳細的寫出了網站設計的方法和技巧。
基本介紹
- 書名:優秀網站設計
- 譯者: 李靜
- ISBN:9787111399599
- 頁數:244
- 定價:69.00元
- 出版社:機械工業出版社
- 出版時間:2012-10
- 副標題:打造有吸引力的網站
內容簡介,作者簡介,目錄,媒體評論,
內容簡介
《優秀網站設計:打造有吸引力的網站(原書第3版)》內容簡介:經典暢銷書全新升級,10餘年長銷不衰,被翻譯為近10種文字在全球範圍內出版,被譽為網站設計領域的典範之作。書中系統講解了網站設計與規劃的流程、步驟、方法、技巧、普適性原則,以及應該避免的錯誤,為建設優秀的網站提供了大量最佳實踐。《優秀網站設計:打造有吸引力的網站(原書第3版)》一共12章:第1章介紹了網站設計的步驟,旨在讓讀者對網站設計有巨觀的認識;第2章講解了網站設計中通用的可用性設計原則和方法;第3章則從信息架構的角度科學地闡述了網站內容的規劃方法;第4章詳細講解了各種類型的網站的界面設計;第5章介紹了網站的整體架構思路和方法;第6~8章分別講解了網站的頁面結構、頁面設計和版式設計等細節問題;第9章講解了網站的編輯風格以及線上樣式的設計;第10~12章介紹了如何在網站設計中巧妙地使用表格、圖形和多媒體等元素,從而使網站更有吸引力。
作者簡介
Patrick J. Lynch,資深網站設計專家,現擔任耶魯大學信息技術服務部的專業技術項目主管。他已在該校執教37年,由於在醫學插圖、出版發行及軟體設計方面的卓越貢獻,共獲得了30餘個國內外獎項。在2005年度“Pirelli國際獎”的評選中,曾獲“最佳多媒體教學網站及最佳高等教育網站”獎。也曾在1992年獲得“健康科學交流協會”所頒發的最佳展示獎,並在“國際INVISION多媒體獎”的評選中包攬了金牌、銀牌及卓越表現獎。
Sarah Horton,資深網站設計專家和用戶體驗專家,專注於網站用戶體驗的研究,經驗十分豐富。曾在達特茅斯學院擔任“網路戰略、設計與基礎設施”部門主管,她對學院網站的建設給予了全方位的戰略指導。她在網站設計領域獲得了非常多的成就,撰寫了多本專著,她所著的《Web Teaching Guide》獲得了2000年度美國出版商協會所頒發的最佳計算機類圖書獎,《Access by Design: A Guide to Universal Usability for Web Designers》也獲得了讀者的廣泛認可。她還為包括《紐約時報》、《Boxes and Arrows》、《Digital Web Magazine》及《Web Design Reference Guide》在內的多家刊物撰寫無障礙網路訪問及網路易用性方面的文章。她經常在國際跨學科無障礙網路訪問研討會(W4A)、WebVision、World Usability Day(世界可用性日)、Academic Impressions以及人機互動實驗室年會等各種學術及研討會上發表有關網頁通用性的演講。
Sarah Horton,資深網站設計專家和用戶體驗專家,專注於網站用戶體驗的研究,經驗十分豐富。曾在達特茅斯學院擔任“網路戰略、設計與基礎設施”部門主管,她對學院網站的建設給予了全方位的戰略指導。她在網站設計領域獲得了非常多的成就,撰寫了多本專著,她所著的《Web Teaching Guide》獲得了2000年度美國出版商協會所頒發的最佳計算機類圖書獎,《Access by Design: A Guide to Universal Usability for Web Designers》也獲得了讀者的廣泛認可。她還為包括《紐約時報》、《Boxes and Arrows》、《Digital Web Magazine》及《Web Design Reference Guide》在內的多家刊物撰寫無障礙網路訪問及網路易用性方面的文章。她經常在國際跨學科無障礙網路訪問研討會(W4A)、WebVision、World Usability Day(世界可用性日)、Academic Impressions以及人機互動實驗室年會等各種學術及研討會上發表有關網頁通用性的演講。
目錄
譯者序
序言
第3版序言
第3版序言
第1章 步驟
1.1 網站開發團隊
1.2 初始規劃
1.3 網站和文檔的類型
1.3.1 靜態與動態網頁
1.3.2 Web內容管理
1.3.3 Web工具的演化
1.3.4 平衡基於Web的服務
1.4 網站開發過程
1.4.1 網站定義和規劃
1.4.2 信息架構
1.4.3 網站設計
1.4.4 網站建設
1.4.5 網站行銷
1.4.6 跟蹤、評估和維護
1.5 制訂項目章程
1.6 運行Web項目的常用設備
1.2 初始規劃
1.3 網站和文檔的類型
1.3.1 靜態與動態網頁
1.3.2 Web內容管理
1.3.3 Web工具的演化
1.3.4 平衡基於Web的服務
1.4 網站開發過程
1.4.1 網站定義和規劃
1.4.2 信息架構
1.4.3 網站設計
1.4.4 網站建設
1.4.5 網站行銷
1.4.6 跟蹤、評估和維護
1.5 制訂項目章程
1.6 運行Web項目的常用設備
第2章 通用可用性
2.1 通用可用性的基礎知識
2.1.1 可訪問性
2.1.2 可用性及以用戶為中心的設計
2.1.3 通用設計
2.2 通用可用性指南
2.2.1 超越“典型”用戶
2.2.2 支持適應性
2.3 設計進程中的通用可用性
2.3.1 用戶調研
2.3.2 設計和評估
2.1.1 可訪問性
2.1.2 可用性及以用戶為中心的設計
2.1.3 通用設計
2.2 通用可用性指南
2.2.1 超越“典型”用戶
2.2.2 支持適應性
2.3 設計進程中的通用可用性
2.3.1 用戶調研
2.3.2 設計和評估
第3章 信息架構
3.1 組織信息
3.1.1 內容目錄
3.1.2 分塊信息
3.2 網站結構
3.2.1 網站的瀏覽功能
3.2.2 使用網站搜尋來導航
3.2.3 網站結構主題
3.3 展示信息架構
3.3.1 網站圖表
3.3.2 線框圖
3.1.1 內容目錄
3.1.2 分塊信息
3.2 網站結構
3.2.1 網站的瀏覽功能
3.2.2 使用網站搜尋來導航
3.2.3 網站結構主題
3.3 展示信息架構
3.3.1 網站圖表
3.3.2 線框圖
第4章 界面設計
4.1 導航和路徑搜尋
4.1.1 路徑:帶路
4.1.2 區域與邊界:矛盾的一致性
4.1.3 節點:本地咖啡館還是泰晤士廣場
4.1.4 地標:“你在這裡”
4.1.5 小結:網站中的路徑搜尋原則
4.1.6 瀏覽與搜尋
4.1.7 定位
4.1.8 支持Web搜尋用戶
4.2 界面設計
4.2.1 清晰的導航幫助
4.2.2 沒有盡頭的頁面
4.2.3 直接訪問
4.2.4 單一性及一致性
4.2.5 設計完整性和穩定性
4.2.6 反饋及對話
4.2.7 寬頻與互動
4.2.8 界面設計慣例
4.3 信息設計
4.3.1 獨立頁面
4.3.2 總結:信息設計指南
4.4 企業界面
4.1.1 路徑:帶路
4.1.2 區域與邊界:矛盾的一致性
4.1.3 節點:本地咖啡館還是泰晤士廣場
4.1.4 地標:“你在這裡”
4.1.5 小結:網站中的路徑搜尋原則
4.1.6 瀏覽與搜尋
4.1.7 定位
4.1.8 支持Web搜尋用戶
4.2 界面設計
4.2.1 清晰的導航幫助
4.2.2 沒有盡頭的頁面
4.2.3 直接訪問
4.2.4 單一性及一致性
4.2.5 設計完整性和穩定性
4.2.6 反饋及對話
4.2.7 寬頻與互動
4.2.8 界面設計慣例
4.3 信息設計
4.3.1 獨立頁面
4.3.2 總結:信息設計指南
4.4 企業界面
第5章 網站結構
5.1 語義內容標註
5.1.1 HTML文檔結構
5.1.2 注意瀏覽器的不同
5.1.3 關於語義標註的小結
5.2 網站檔案結構
5.2.1 隱蔽的網站語義
5.2.2 命名慣例
5.2.3 高效可維護的結構
5.2.4 HTML內容視窗的語義結構
5.3 搜尋引擎最佳化
5.3.1 Web搜尋的長尾
5.3.2 基本的搜尋引擎原則
5.3.3 針對搜尋最佳化頁面
5.1.1 HTML文檔結構
5.1.2 注意瀏覽器的不同
5.1.3 關於語義標註的小結
5.2 網站檔案結構
5.2.1 隱蔽的網站語義
5.2.2 命名慣例
5.2.3 高效可維護的結構
5.2.4 HTML內容視窗的語義結構
5.3 搜尋引擎最佳化
5.3.1 Web搜尋的長尾
5.3.2 基本的搜尋引擎原則
5.3.3 針對搜尋最佳化頁面
第6章 頁面結構
6.1 結合環境進行網站設計
6.1.1 全球資訊網
6.1.2 企業Web標識
6.2 頁面結構和網站設計
6.2.1 頁眉
6.2.2 瀏覽欄
6.2.3 內容區域
6.3 頁面模板
6.3.1 內部頁面模板
6.3.2 次頁模板
6.3.3 主頁
6.1.1 全球資訊網
6.1.2 企業Web標識
6.2 頁面結構和網站設計
6.2.1 頁眉
6.2.2 瀏覽欄
6.2.3 內容區域
6.3 頁面模板
6.3.1 內部頁面模板
6.3.2 次頁模板
6.3.3 主頁
第7章 頁面設計
7.1 文檔設計
7.1.1 適應性設計
7.1.2 文檔順序
7.1.3 選擇性顯示
7.1.4 文本替代物
7.1.5 了解媒介
7.2 視覺設計
7.2.1 一致性
7.2.2 對比
7.2.3 空白區域
7.2.4 樣式
7.2.5 簡單
7.2.6 視覺設計的Gestalt原則
7.3 頁面框架
7.3.1 固定頁面寬度
7.3.2 靈活頁面寬度
7.4 頁面寬度和行長
7.4.1 頁面長度
7.4.2 頁眉和頁腳
7.4.3 網頁的垂直分層
7.5 網頁的設計格線
7.1.1 適應性設計
7.1.2 文檔順序
7.1.3 選擇性顯示
7.1.4 文本替代物
7.1.5 了解媒介
7.2 視覺設計
7.2.1 一致性
7.2.2 對比
7.2.3 空白區域
7.2.4 樣式
7.2.5 簡單
7.2.6 視覺設計的Gestalt原則
7.3 頁面框架
7.3.1 固定頁面寬度
7.3.2 靈活頁面寬度
7.4 頁面寬度和行長
7.4.1 頁面長度
7.4.2 頁眉和頁腳
7.4.3 網頁的垂直分層
7.5 網頁的設計格線
第8章 版式
8.1 Web字型特色
8.1.1 動態構建
8.1.2 內容結構及視覺邏輯
8.1.3 層疊樣式表
8.1.4 一致性
8.2 易讀性
8.2.1 對齊與空白
8.2.2 對齊選項
8.2.3 行長
8.2.4 字型顏色
8.3 字型
8.3.1 選擇字型
8.3.2 字號
8.4 強調
8.5 圖文效果
8.1.1 動態構建
8.1.2 內容結構及視覺邏輯
8.1.3 層疊樣式表
8.1.4 一致性
8.2 易讀性
8.2.1 對齊與空白
8.2.2 對齊選項
8.2.3 行長
8.2.4 字型顏色
8.3 字型
8.3.1 選擇字型
8.3.2 字號
8.4 強調
8.5 圖文效果
第9章 編輯風格
9.1 構建散文
9.1.1 網站結構
9.1.2 頁面結構
9.2 線上樣式
9.2.1 對比和強調
9.2.2 散文風格
9.2.3 其他風格
9.2.4 關鍵字
9.2.5 標題和子標題
9.2.6 頁面標題
9.3 Web文檔的文本格式
9.4 連結
9.4.1 說明性連結
9.4.2 連結下劃線
9.4.3 已訪問和未訪問的連結
9.1.1 網站結構
9.1.2 頁面結構
9.2 線上樣式
9.2.1 對比和強調
9.2.2 散文風格
9.2.3 其他風格
9.2.4 關鍵字
9.2.5 標題和子標題
9.2.6 頁面標題
9.3 Web文檔的文本格式
9.4 連結
9.4.1 說明性連結
9.4.2 連結下劃線
9.4.3 已訪問和未訪問的連結
第10章 表格及套用
10.1 互動支持技術
10.1.1 Ajax
10.1.2 可訪問性
10.2 設計Web應用程式
10.2.1 約束與簡明
10.2.2 設計模式
10.2.3 控制項
10.2.4 互動引導
10.2.5 回響錯誤
10.3 設計進程
10.3.1 線框圖
10.3.2 原型
10.1.1 Ajax
10.1.2 可訪問性
10.2 設計Web應用程式
10.2.1 約束與簡明
10.2.2 設計模式
10.2.3 控制項
10.2.4 互動引導
10.2.5 回響錯誤
10.3 設計進程
10.3.1 線框圖
10.3.2 原型
第11章 圖形
11.1 網路圖形的角色
11.2 充當內容的圖形
11.2.1 插畫
11.2.2 解釋概念以及清晰顯示數據
11.2.3 綜合的視覺展示
11.2.4 網路中的圖形交流
11.3 Web圖形的特點
11.3.1 彩色顯示
11.3.2 螢幕解析度
11.3.3 伽瑪值
11.3.4 圖形和頻寬
11.4 圖形檔案格式
11.4.1 GIF圖形
11.4.2 GIF檔案壓縮
11.4.3 抖動
11.4.4 改善GIF壓縮
11.4.5 隔行顯示的GIF
11.4.6 透明的GIF
11.4.7 JPEG圖形
11.4.8 PNG圖形
11.5 成像策略
11.5.1 界面元素
11.5.2 將照片另外儲存為GIF格式
11.5.3 將照片另外儲存為JPEG格式
11.5.4 將示意圖和插畫另外儲存為矢量圖形
11.5.5 對Web網站的圖形歸檔
11.5.6 總結:檔案格式
11.6 螢幕上的圖像
11.6.1 螢幕顯示與列印彩色藝術作品的對比
11.6.2 複雜的插畫或者照片
11.6.3 用於計算機螢幕顯示的示意圖
11.6.4 圖形文字
11.6.5 使用大圖
11.6.6 隱藏圖形
11.7 圖形標註
11.7.1 高度和寬度標籤
11.7.2 替代性文字
11.7.3 彩色背景
11.7.4 背景圖形
11.2 充當內容的圖形
11.2.1 插畫
11.2.2 解釋概念以及清晰顯示數據
11.2.3 綜合的視覺展示
11.2.4 網路中的圖形交流
11.3 Web圖形的特點
11.3.1 彩色顯示
11.3.2 螢幕解析度
11.3.3 伽瑪值
11.3.4 圖形和頻寬
11.4 圖形檔案格式
11.4.1 GIF圖形
11.4.2 GIF檔案壓縮
11.4.3 抖動
11.4.4 改善GIF壓縮
11.4.5 隔行顯示的GIF
11.4.6 透明的GIF
11.4.7 JPEG圖形
11.4.8 PNG圖形
11.5 成像策略
11.5.1 界面元素
11.5.2 將照片另外儲存為GIF格式
11.5.3 將照片另外儲存為JPEG格式
11.5.4 將示意圖和插畫另外儲存為矢量圖形
11.5.5 對Web網站的圖形歸檔
11.5.6 總結:檔案格式
11.6 螢幕上的圖像
11.6.1 螢幕顯示與列印彩色藝術作品的對比
11.6.2 複雜的插畫或者照片
11.6.3 用於計算機螢幕顯示的示意圖
11.6.4 圖形文字
11.6.5 使用大圖
11.6.6 隱藏圖形
11.7 圖形標註
11.7.1 高度和寬度標籤
11.7.2 替代性文字
11.7.3 彩色背景
11.7.4 背景圖形
第12章 多媒體
12.1 對多媒體的一些考慮
12.2 網路多媒體策略
12.2.1 音頻
12.2.2 幻燈片
12.2.3 視頻
12.2.4 動畫
12.2.5 文本替代物
12.3 多媒體準備
12.3.1 加工
12.3.2 傳輸
12.4 設計和多媒體
12.4.1 通知用戶
12.4.2 提供控制項
12.4.3 支持鍵盤互動
12.4.4 提供選擇
12.2 網路多媒體策略
12.2.1 音頻
12.2.2 幻燈片
12.2.3 視頻
12.2.4 動畫
12.2.5 文本替代物
12.3 多媒體準備
12.3.1 加工
12.3.2 傳輸
12.4 設計和多媒體
12.4.1 通知用戶
12.4.2 提供控制項
12.4.3 支持鍵盤互動
12.4.4 提供選擇
附錄A 縮寫詞
附錄B 參考文獻
附錄B 參考文獻
媒體評論
這是你目前能找到的最簡潔、最實用的網站設計指南。
—— Peteb Morville
信息架構協會聯合創始人兼前總裁
網站設計師的必備手冊。
—— J. D. Biersdorfer 《紐約時報》
這是一本以讀者為中心的網站設計類圖書,信息量大、精彩、生動。
—— Donald A. Norman 尼爾森諾曼集團
本書用平實的語言、易於理解的實例講解了網站設計所需要掌握的知識,無論你是剛剛學習網站設計,還是打算構建公司內部的網站,抑或是重新改造某個已有的網站,本書都不失為一本絕佳的參考書。
—— Mary Creswell 知名演說家
信息架構協會聯合創始人兼前總裁
網站設計師的必備手冊。
—— J. D. Biersdorfer 《紐約時報》
這是一本以讀者為中心的網站設計類圖書,信息量大、精彩、生動。
—— Donald A. Norman 尼爾森諾曼集團
本書用平實的語言、易於理解的實例講解了網站設計所需要掌握的知識,無論你是剛剛學習網站設計,還是打算構建公司內部的網站,抑或是重新改造某個已有的網站,本書都不失為一本絕佳的參考書。
—— Mary Creswell 知名演說家