Transcending CSS: The Fine Art of Web Design

Table of Contents

Chapter One: Designing on a Moving Surface
In this chapter, the focus is on expressing current challenges faced by visual designers and the contemporary solutions they can rely on to:
* Better understand the designer's role within the Web team
* Find inspiration outside of contemporary software and technology approaches
* Reinvigorate passion for design by understanding that the Web medium is different than print

Chapter Two: Visualizing Code
Here, the designer won't learn to write code, rather experience through existing visual designs how code can be represented. This is done using 3d emulations of code structures, and using markup guides to create structural models.
* Visualizing general structures in contemporary Web design
* Working with navigation design
* Creating common interface elements
* Designing visual tables
* Artful forms

Chapter Three: Design Workflow
Building on the more elemental techniques described in Chapter Two, the designer will learn how to create visual maps of a site using markup guides, building wireframes, creating sprites and maximizing the workflow process with a balance of both traditional and progressive techniques. Readers will learn:
* How to create markup guides
* Why and how to build effective wireframes
* Creating and using sprites to increase workflow productivity

Chapter Four: Progressive Enhancement
Now that the designer is thinking about Web design in a visual manner, he or she is ready to progress beyond the conventional needs of an agency or company. This chapter provides inspiration for going beyond the limitations of contemporary Web browsers and the desktop, and encourages designers to constantly seek new ways of expressing design without the constraints of technology.

Appendix I: Recommended resources for continued success
While many books have a resource guide, most of them list resources by technical topic. This appendix will include hand-picked, annotated resources of specific interest to the visual designer.

目錄

第一章：在移動平台上設計
本章重點在於表達視覺設計師面臨的當前挑戰，以及他們可以依賴的當代解決方案，包括：
* 更好地理解設計師在網頁團隊中的角色
* 在當代軟體和技術方法之外尋找靈感
* 通過理解網頁媒體與印刷媒體的不同來重新激發對設計的熱情

第二章：視覺化程式碼
在這裡，設計師不會學習編寫程式碼，而是通過現有的視覺設計體驗如何表示程式碼。這是通過使用程式碼結構的3D模擬和使用標記指南來創建結構模型來完成的。
* 視覺化當代網頁設計中的一般結構
* 與導航設計合作
* 創建常見的介面元素
* 設計視覺化表格
* 精心設計的表單

第三章：設計工作流程
在第二章描述的更基本技術的基礎上，設計師將學習如何使用標記指南創建網站的視覺地圖，建立線框圖，創建精靈圖並通過傳統和進步技術的平衡來最大化工作流程。讀者將學習：
* 如何創建標記指南
* 為什麼以及如何建立有效的線框圖
* 創建和使用精靈圖以提高工作流程生產力

第四章：進步增強
現在，設計師以視覺方式思考網頁設計，他們已經準備好超越機構或公司的傳統需求。本章提供了超越當代網頁瀏覽器和桌面限制的靈感，並鼓勵設計師不斷尋求表達設計的新方式，而不受技術限制。

附錄一：持續成功的推薦資源
雖然許多書籍都有資源指南，但大多數按技術主題列出資源。本附錄將包括對視覺設計師特別感興趣的精選資源的註釋。