網(wǎng)頁設(shè)計(jì)創(chuàng)意書

前言

這是一本充滿了各種web設(shè)計(jì)創(chuàng)意的書，適合各類前端設(shè)計(jì)人員參考。本書按照設(shè)計(jì)、類型風(fēng)格、主題、色彩、元素、結(jié)構(gòu)將各種設(shè)計(jì)精彩、主題各異的網(wǎng)站歸類，集中展示了由作者精選的各類網(wǎng)站中的一些優(yōu)秀設(shè)計(jì)。本書主要以網(wǎng)站首頁截圖為例，結(jié)合一些簡單的講解，使讀者可以通過范例和講解受到啟發(fā)，文字部分雖然篇幅不長，但語言精練，概括性強(qiáng)，用寥寥數(shù)句便可將一個(gè)網(wǎng)站設(shè)計(jì)的精髓提點(diǎn)出來，起到拋磚引玉的作用。值得一提的是，本書是由圖靈公司的編輯利用業(yè)余時(shí)間合作翻譯的。雖然平日里大家都編輯過許多圖書，對編輯工作駕輕就熟，但嘗試翻譯工作，還是頭一次。參與翻譯的有朱巍、明永玲、陳興璐、羅婧、楊爽、謝靈芝、印星星和我一共8人，兩兩一組結(jié)成4個(gè)對子來協(xié)同翻譯。雖然篇幅不長，但遇到的問題也不少，尤其是在一些設(shè)計(jì)專業(yè)術(shù)語的處理上，頗費(fèi)一番腦筋，不過經(jīng)過大家的努力與合作，最終還是完成了這項(xiàng)工作。我們親歷了一回譯者的工作，這讓我們有所提高，也讓我們深刻體會(huì)到了譯者的不易之處。本書所涉及的內(nèi)容多是我們所不太熟知的。使翻譯工作極具挑戰(zhàn)性，盡管我們非常努力，還結(jié)對翻譯，但因水平所限，書中難免會(huì)有一些疏漏之處，還請各位同仁和廣大讀者多多指正。

內(nèi)容概要

本書首先從大處著眼，介紹了不同類型（如博客、論壇、電子商務(wù)網(wǎng)站）、不同風(fēng)格（如懷舊風(fēng)格、超簡清風(fēng)格和仿古風(fēng)格）以及具有豐富主題（如自然風(fēng)光、舊報(bào)紙、仿印刷品）的網(wǎng)站。作者通過大量范例介紹了如何為不同類型的網(wǎng)站添加不同的功能，從而帶來好的用戶體驗(yàn)，并為網(wǎng)站提高人氣：如何選擇合適的風(fēng)格以及主題來打造與眾不同、令人過目難忘的網(wǎng)站。隨后從小處著手，講述了如何為網(wǎng)站選用合適的色彩及裝飾元素，從而為網(wǎng)站的整體設(shè)計(jì)錦上添花。最后介紹了網(wǎng)頁的布局方式，力求為訪問者帶來更好的視覺享受?！　”緯冗m合為初學(xué)者開闊視野，又適合為設(shè)計(jì)師開拓思維。

作者簡介

Patrick McNeil曾任Moosylvania Marketing公司副總裁，現(xiàn)任SimpleFlame公司網(wǎng)頁開發(fā)高級工程師。擅長將網(wǎng)頁技術(shù)與網(wǎng)頁設(shè)計(jì)結(jié)合起來，由于熱愛設(shè)計(jì)、富有創(chuàng)作靈感以及樂于分享知識，他創(chuàng)建了Design Meltdown公司。

書籍目錄

第1章 類型　1.1 博客　1.2 論壇　1.3 活動(dòng)網(wǎng)站　1.4 電子商務(wù)網(wǎng)站　1.5 免費(fèi)腳本網(wǎng)站　1.6 教會(huì)網(wǎng)站　1.7 個(gè)人網(wǎng)站　1.8 設(shè)計(jì)公司的網(wǎng)站　1.9 攝影網(wǎng)站　1.10 作品集　1.11 主機(jī)托管網(wǎng)站　1.12 Web服務(wù)網(wǎng)站　1.13 Web軟件網(wǎng)站第2章 風(fēng)格　2.1 懷舊風(fēng)格　2.2 極簡抽象風(fēng)格　2.3 超簡潔風(fēng)格　2.4 仿古風(fēng)格　2.5 三維風(fēng)格　2.6 速寫風(fēng)格　2.7 拼貼畫風(fēng)格　2.8 插畫風(fēng)格　2.9 照片風(fēng)格　2.10 大字體風(fēng)格　2.11 藝術(shù)作品風(fēng)格第3章 主題　3.1 自然風(fēng)光　3.2 饕餮美食　3.3 舊報(bào)紙　3.4 綠草青青　3.5 原木本色　3.6 白云飄飄　3.7 濺色　3.8 辦公室元素　3.9 仿印刷品　3.10 基于場所　3.11 極端主題第4章 色彩　4.1 粉色　4.2 紅色　4.3 橙色　4.4 黃色　4.5 綠色　4.6 藍(lán)色　4.7 紫色　4.8 棕色　4.9 黑色　4.10 灰色　4.11 白色　4.12 黑與白　4.13 粉與藍(lán)　4.14 藍(lán)與綠　4.15 濃抹　4.16 淡妝第5章 元素　5.1 圖標(biāo)　5.2 日歷　5.3 圓角　5.4 折角　5.5 光線　5.6 標(biāo)簽　5.7 紋章　5.8 徽章　5.9 條紋　5.10 裝飾元素　5.11 裝飾背景　5.12 漸變　5.13 光亮第6章 結(jié)構(gòu)　6.1 水平滾動(dòng)　6.2 放大　6.3 個(gè)性導(dǎo)航　6.4 選項(xiàng)卡　6.5 三個(gè)板塊　6.6 模塊　6.7 微型網(wǎng)站　6.8 單頁網(wǎng)站　6.9 巨大的頁腳　6.10 不同尋常的布局　6.11 混合樣式索引/授權(quán)

章節(jié)摘錄

插圖：即使是介紹一些好的博客設(shè)計(jì)，也足以講上一整本書了，因此在這里只用少量例子來講博客設(shè)計(jì)似乎有點(diǎn)過分。但受到這本書的整體結(jié)構(gòu)的限制，我只能在這里展示一些博客中的精品作為范例。對博客設(shè)計(jì)者來說，最大的挑戰(zhàn)莫過于創(chuàng)建一個(gè)完全不同于博客默認(rèn)模板的全新設(shè)計(jì)。有這樣一種不錯(cuò)的設(shè)計(jì)模式，它會(huì)在主頁上突出顯示最新發(fā)布的博客文章，使它變得更為醒目。這種設(shè)計(jì)的典型例子是North East。這個(gè)制作精美的博客會(huì)把最新發(fā)布的博客文章的標(biāo)題突出顯示在主橫幅上。這可以算做這種特殊風(fēng)格的一種最明顯、最有效的實(shí)現(xiàn)方法。它使訪問者很容易就能找到最新發(fā)布的文章，從而吸引訪問者再次訪問。這樣一來，訪問者不用操心怎樣從一長串頗感興趣的文章標(biāo)題中作出選擇，就算是新用戶，也可以從推薦的文章開始瀏覽，并由此受到鼓舞進(jìn)而深挖網(wǎng)站的內(nèi)容。Veerle Pieters的博客也是這方面不錯(cuò)的例子，它將最新發(fā)布的文章顯示在頁面左側(cè)，與之相鄰的是之前所發(fā)布文章的列表。一段簡短的文章節(jié)選、一個(gè)日期圖標(biāo)以及一個(gè)大號標(biāo)題都能使這篇突出顯示的文章顯得與眾不同。該博客的另一個(gè)優(yōu)秀特性是它更注重對文章的分類，而不是單純按照發(fā)布時(shí)間來排列這些文章。這種面向主題的組織方式對網(wǎng)站內(nèi)容的管理來說很合適，而且也能滿足訪問者的要求，這一小小的改動(dòng)，就使得它和大多數(shù)博客引擎的默認(rèn)配置大相徑庭。

媒體關(guān)注與評論

“本書所展示的大量示例網(wǎng)站都是難得一見的佳作，作者組織這些示例的方式可謂別出心裁”  　　——Diane Cipollo, Bella Online數(shù)字藝術(shù)設(shè)計(jì)師  “本書是網(wǎng)頁設(shè)計(jì)師和平面設(shè)計(jì)師不可多得的案頭參考書  ”  　　——亞馬遜讀者評論

編輯推薦

《網(wǎng)頁設(shè)計(jì)創(chuàng)意書(全彩印刷)》由資深web設(shè)計(jì)師撰寫，脈絡(luò)清晰，層次分明作者按照類型、風(fēng)格、主題、色彩、元素和結(jié)構(gòu)等對700多個(gè)網(wǎng)站進(jìn)行分類，每一類都輔以大量示例進(jìn)行闡述這些網(wǎng)站時(shí)而濃墨重彩、時(shí)而簡潔素雅，為讀者帶來一場豐富的視覺盛宴讀者可以從這些優(yōu)秀的作品中獲得啟發(fā)，博采眾長，將這些作品的成功設(shè)計(jì)理念為己所用，從而設(shè)計(jì)出奪人眼球、新穎獨(dú)到的網(wǎng)頁。一場Web設(shè)計(jì)的視覺盛宴，全面、詳盡、層次清晰，700多個(gè)示例網(wǎng)站引人入勝。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計(jì)創(chuàng)意書 PDF格式下載

---