出版時間:2012-7 出版社:人民郵電出版社 作者:[美]Dave Shea Molly E. Holzschlag 著 頁數(shù):273 字數(shù):557000
Tag標簽:無
內(nèi)容概要
《CSS禪意花園(修訂版)》作者是世界著名的網(wǎng)站設計師,書中的范例來自網(wǎng)站設計領(lǐng)域最著名的網(wǎng)站——CSS Zen Garden(CSS禪意花園)。全書分為兩個主要部分。第1章為第一部分,討論網(wǎng)站“CSS禪意花園”及其最基本的主題,包含正確的標記結(jié)構(gòu)和靈活性規(guī)劃等。第二部分包括6章,占據(jù)了本書的大部分篇幅。每章剖析“CSS禪意花園”收錄的6件設計作品,每章介紹的作品圍繞一個主要的設計概念展開,如文字的使用等。通過探索36件設計作品面臨的挑戰(zhàn)和解決的問題,讀者將洞悉主要的Web設計原則以及它們運用的CSS布局技巧,理解CSS設計的精髓,恰當?shù)靥幚韴D形和字體來創(chuàng)建界面優(yōu)美、性能優(yōu)良且具有強大生命力的網(wǎng)站。
《CSS禪意花園(修訂版)》原版書自出版以來持續(xù)暢銷,受到眾多網(wǎng)站設計師的推崇。本書適合網(wǎng)站設計人員和網(wǎng)站設計愛好者閱讀,更是專業(yè)網(wǎng)站設計師必讀的經(jīng)典著作。
作者簡介
Steven Holzner是一位專注于Ajax和JavaScript的Web領(lǐng)域的獲獎作者。他編寫了超過100本圖書,而且都是關(guān)于編程的話題,總銷量超過300萬冊。他的圖書已經(jīng)翻譯成18種語言,遍布全世界,并且其中很多成為行業(yè)暢銷書。他曾是《PC Magazine》的撰稿編輯。他畢業(yè)于麻省理工學院(MIT)并獲得了康奈爾大學博士學位,曾經(jīng)在MIT和康奈爾大學任教。他是《The Dojo Toolkit: Visual QuickStart Guide》的作者。Dave Shea是一位圖像設計師,“CSS禪意花園”網(wǎng)站的創(chuàng)始人和耕耘者,該網(wǎng)站獲得了很多獎項,包括SouthWest Interactive會議授予的“Best ofShow”。Dave Shea曾在全球的行業(yè)大會上發(fā)表演講,其作品被世界各地的書籍和雜志廣泛收錄。他還是Web標準項目(Web Standards Project,WaSP)的成員,該項目是一個由Web開發(fā)人員和設計師組成的小組,致力于推廣基于跨平臺和標準技術(shù)的Web設計。DaveJ~是Web設計機構(gòu)Bright Creative的擁有者兼總監(jiān),其在線出版物mezzoblue.com中所有的Web內(nèi)容幾乎均為Dave所作。
書籍目錄
目 錄
第1章 追本溯源 1
第2章 設計 39
2.1 Atlantis(亞特蘭蒂斯) 40
2.2 Zunflower 46
2.3 Springtime(春天) 52
2.4 Viridity(翠綠活力) 58
2.5 Ballade(敘事曲) 64
2.6 Night Drive 70
第3章 正文布局 77
3.1 Backyard(庭院) 78
3.2 Entomology(昆蟲學) 84
3.3 White Lily(白百合) 90
3.4 prêt-à-porter 96
3.5 CS(S) Monk 102
3.6 Not So Minimal 108
第4章 圖像 115
4.1 Japanese Garden(日式花園) 116
4.2 Revolution!(革命!) 122
4.3 Deco 128
4.4 No Frontiers! 134
4.5 Coastal Breeze 140
4.6 What Lies Beneath 146
第5章 字體排印 153
5.1 Oceans Apart(天水之間) 154
5.2 si6 160
5.3 Release One(釋放) 166
5.4 Dead or Alive(生與死) 172
5.5 Blood Lust(血色欲望) 178
5.6 Golden Mean(黃金平衡) 184
第6章 特效 191
6.1 This is Cereal 192
6.2 Gemination(雙子座) 198
6.3 Bonsai Sky(盆景天空) 204
6.4 Tulipe(郁金香) 210
6.5 door to my garden(花園之門) 216
6.6 Elastic Lawn(綠草如茵) 222
第7章 重構(gòu) 229
7.1 Hedges(樹籬) 230
7.2 Radio Zen 236
7.3 South of the Border(南部邊境) 242
7.4 Corporate Zen Works 248
7.5 Open Window(敞開窗口) 254
7.6 mnemonic(記憶) 260
結(jié)語 266
章節(jié)摘錄
版權(quán)頁: 插圖: 在隨后的標題中,西方樣式成為主導,我們可以看到正文的多個標題都使用了人們熟知的手指符號(圖5—4—5)。 另外的兩處裝飾是在作品的頂部和底部類似錢幣紋理的圖樣(圖5—4—6)和一個寫有“mikepick.com”的郵戳(圖5—4—7)。 若是沒有了裝飾和符號的恰當運用,要體現(xiàn)出這部作品的獨特風格將會變得很困難。而恰如其分的修飾點綴也的確在強化這部作品的設計效果和傳達作品理念中起到了獨到的作用。 5.4.2 文字排布 文字排布和頁面元素的位置關(guān)系密切,先前我們已經(jīng)有了很多相關(guān)討論。不過在視覺元素布局的發(fā)展過程中,還有著更多科學理論和奇聞軼事。 1.視覺行為 研究表明,人類眼睛使用非常特殊的方式進行閱讀。因而排版專業(yè)人員推薦我們遵循人們的閱讀方式進行頁面布局(除非你要實現(xiàn)的是一種錯亂的風格)。 在從左向右閱讀的語言中,人們遵循一種特殊的模式閱讀文字,這在紙面和網(wǎng)頁設計中都是一樣的。 排版的主流理論認為人類視覺會自然地偏向于頁面的左上角,也就是所謂的視覺中心區(qū)。之后視線可以順暢地向右移動,或是轉(zhuǎn)向新的一行,這樣逐漸趨近于頁面底端。在這個過程中,視線會將頁面的底端作為最終的??奎c。在日常的設計中,設計師們都會遵循上述視覺原理(圖5—4—8)。2.使用“引力感"來引導視線視線被吸引的現(xiàn)象被形象地比喻為“引力”。就如地心的吸引作用那樣。視線也會自然地被作品的布局導引。 因此,將重要的站點標志放置于視覺中心區(qū),而把文字等其他元素置于頁面下部形成??奎c的設計規(guī)則是非常合理的。而視線從右方轉(zhuǎn)向左側(cè)時形成的折點通常也是較易被瀏覽者關(guān)注的地方。于是我們可以得出如圖5—4—9中所示的理想化的站點模版,這和Dead or Alive中遵循的規(guī)則完全一致。 5.4.3 避免產(chǎn)生理解上的問題 排版中的另一個問題是如何保證人們能正確理解文字所傳達的消息。當然,對那些專注于圖像而不是文字的實驗性作品還需另當別論。 1.標題文字 標題文字用來指明段落的主要內(nèi)容。如Dead or Alive中,標題的樣式用于向瀏覽者傳達作品的含義,同時也能起到強化作品整體效果的作用。
編輯推薦
《CSS禪意花園(修訂版)》閱讀的方式也沒有對錯之分。既可以從頭開始逐頁閱讀,也可以直接跳到感興趣的章節(jié)。讀者可以以任何非線性方式閱讀《CSS禪意花園(修訂版)》,以任何順序研究書中的每個作品?!禖SS禪意花園(修訂版)》原版書自出版以來持續(xù)暢銷,受到眾多網(wǎng)站設計師的推崇?!禖SS禪意花園(修訂版)》適合網(wǎng)站設計人員和網(wǎng)站設計愛好者閱讀,更是專業(yè)網(wǎng)站設計師必讀的經(jīng)典著作。
圖書封面
圖書標簽Tags
無
評論、評分、閱讀與下載