輕鬆玩出網頁視覺大格局：主題、定位、架構、風格、色彩、創意全視點 

全書超過700多個網頁創意實例，作者有系統的整理歸納出本書風格多元的精華案例，是在網站規劃和網頁設計時，必備的視覺靈感創意指南！ 

001 Words From the Author 作者的話 01∕SITES BY TYPE 網站類型 004 Blog部落格 008 Forum討論區 011 Event活動 014 E-Commerce電子商務 017 Free Script免費程式 020 Church教會 023 Personal個人網站 026 Design Firm設計公司 029 Photography攝影集 033 Portfolio作品集 037 Web Hosting主機代管 040 Web Service網路服務 043 Web Software網路軟體 02∕SITES BY DESIGN STYLE 設計風格 048 Retro復古 052 Minimalist極簡主義 055 Super-Clean簡潔風格 058 Distressed斑駁 062 Three-Dimensional 3D立體 064 Sketchy素描 067 Collage拼貼 070 Illustrated插畫 073 Photographic照片 076 Giant Type巨型字體 078 Let the Art Speak讓作品發聲 03∕SITES BY THEME 主題佈置 082 Nature大自然 085 Food食物 087 Old Paper舊紙張 090 Grass草地 093 Wood木材 096 Clouds雲朵 099 Splatters飛濺效果 102 Workplace工作場所 105 Print Imitation仿印刷 108 Location-Based特定地點 112 Extreme Theme極端的題材 04∕SITES BY COLOR 色彩點綴 116 Pink粉紅色 119 Red紅色 122 Orange橙色 125 Yellow黃色 127 Green綠色 131 Blue藍色 135 Purple紫色 138 Brown棕色 142 Black黑色 146 Gray灰色 149 White白色 152 Black & White黑∕白 156 Pink & Blue粉紅∕藍 159 Blue & Green藍∕綠 163 Bold醒目色 167 Muted無色 05∕SITES BY ELEMENT 設計元素 172 Icons圖示 175 Date & Calendars日期與月曆 177 Round Corners圓角 179 Folded Corners摺角 181 Rays射線 184 Tags標籤 187 Crests冠飾 190 Badges徽章 193 Stripes條紋 196 Ornate Elements裝飾性元素 199 Ornate Backgrounds裝飾性背景 202 Gradients漸層 205 Shine光澤 06∕SITES BY STRUCTURE 網站結構 210 Horizontal Scrolling水平捲動 214 Zoom In放大 220 Atypical Navigation非典型導覽 224 Tabs頁籤 226 Three Buckets三欄式 229 Modules模組式 232 Tiny迷你型 234 One Page單頁型 238 Massive Footers大型頁尾 240 Atypical Layout非典型版面 243 Hybrid混合型 246 Index/Permissions索引∕授權  

作者的話 　　歸類網站設計是種危險的事業，從少數幾個明顯的主題開始，馬上就可以導引出數百個類別和數千個實例。 　　這本書代表了兩年來有系統的活動。由史蒂芬．海勒（Steven Heller）的作品：《100個圖示設計》得到啟發，我藉著成立Design MeltDown網站，來尋找關於現代網站設計模式的靈感。這個實驗結果遠超過我的期望，我從任意分群中得到的靈感，像滾雪球般累積成今天你們面前的這本書。 　　說創作一本當代網站設計的書是個挑戰，其實不足以闡明它的困難度。本書出版之時，已有數不清的範例在改變，同時其他的例子可能徹底消失，這都在預期之中。事實上，就是網路不斷地成長和改變吸引著網站設計師，使這個產業一直都令人興奮。有點諷刺的是這種變化，提供了源源不絕的需求，給像本書這樣的資源。 　　我願意將本書視為時間的縮影。它捕捉了網路在2008年存在的樣子，展出了我們在這個時候所能提供最好的一切。包含特定主題、排除另一些主題，反映了這個產業的狀態，並可望成為未來幾年的參考。我也願意將網站設計看作像印刷設計一般，可以被緬懷，那些古老的風格可以重返人間，找到新的生命。這個產業已經到達一個可真正被視為合法商業平台的程度，更有趣的是，可被視為設計的一種，因而品質無限地被提升。我希望當我們回頭看時，不要輕視這個年代的網站設計，像我們有時輕視早年的網際網路一般；相反地，欣賞我們創作過的作品，讓它們重新啟發我們，幫助我們形塑未來。  

全方位大格局的網頁設計思考術！ ◆ 最終極的網站規劃藍圖 打造風格網頁的6大創意思考──架構、色彩、主題、風格、類型、元素超級應用大補帖 ◆ 最酷炫的設計風格解剖 開創全新潮流的75種設計元素──為使用者量身打造，找出最合胃口的網頁製作解決方案 ◆ 最實用的網頁設計總覽 總覽超過700個精采網頁實例──依照個人特殊需求，快速鎖定最理想好用的的參考網頁 [ALL-IN -ONE] 動手前，一定要想的關鍵事！ 搶眼網頁一步到位，就靠這一本！ 動手設計之前，你真的都想清楚了嗎？ 要做出搶眼網頁的快速鍵，關鍵就在一步到位！ 如果你也有下列這些困擾，在本書你可以找到答案。 ．部落格的瀏覽人氣低迷是哪裡出了問題？ ．主題和色彩的搭配怎麼樣才會更有風格？ ．那些類型的網站適合什麼樣的架構？ ．只要簡單的設計元素就能讓你的網頁跳脫平凡？ ．要怎樣才能讓別人快速抓住討論區要傳遞的訊息？ 　　《輕鬆玩出網頁視覺大格局》全書超過700多個網頁創意實例，作者派屈克．麥可尼爾（Patrick McNeil）從二萬多個頂尖網站，有系統的整理歸納出本書風格多元的精華案例，以詳細的創作概念解說搭配精采網頁圖片，讓你輕輕鬆鬆破解版面、色彩、風格……各種網站設計的多元應用模式，是所有Web Designer在網站規劃和網頁設計時，必備的視覺靈感創意指南！ 　　部落格、討論區、活動頁、個人網站、攝影集、作品集，無論你是因個人需求而架設網站，或者是為了服務客戶的專業設計師，在無遠弗屆的網際網路時代，要如何做出屬於個人∕工作室∕企業特色的風格網站，本書所網羅的經典設計類型，到現代的前衛風格，各種酷炫案例一應俱全，將帶給你創意上源源不絕靈感。 Inspiring Web Design at a Glance 網頁設計的靈感來源，用看的你就知道！ 要如何使用本書 尋找你的創意架構──對症下藥，動手前回頭先思考問題的需求為何。 → step 1 需要決定「網站類型」的最炫版式？ → step 2 對於「設計風格」拿捏不定？ → step 3 什麼樣的「主題布置」最適合網頁？ → step 4 哪些「色彩點綴」看起來最舒服？ → step 5 簡單的「設計元素」可以創造大大的不同？ → step 6 精確的「網站結構」達成最順暢的流覽視線？ 鎖定適合的設計範例──類型多元，全面解剖各種網頁的設計應用方法。 → step 7 部落格、討論區、活動、電子商務、個人網站…… → step 8 復古、極簡主義、簡潔風格、斑駁、3D立體…… → step 9 大自然、食物、舊紙張、草地、木材、雲朵…… → step 10 粉紅色、紅色、橙色、黃色、綠色、藍色…… → step 11 圖示、圓角、摺角、射線、標籤、冠飾…… → step 12 水平捲動、放大、頁籤、三欄式、模組式…… 本書架構 01∕SITES BY TYPE 網站類型 　　本書選擇的網站類別，都足以代表線上世界中最活躍的領域，從作品集、部落格和討論區網站，展示了各種類別最酷最炫的網站設計案例。 02∕SITES BY DESIGN STYLE 設計風格 　　在設計的世界中，風格是一種視覺定義的標記，從極簡主義、復古、拼貼、斑駁到素描風格，這代表著網站整體的品牌形象和傳達的訊息。 03∕SITES BY THEME 主題佈置 　　有些主題設計是精緻的，有些卻華而不實，但都可以提供我們靈感，讓我們專注於創意點子上。這類靈感都會帶來具感染力的顯著樂趣。記得慎選你的題材，因為它將塑造你所要溝通的訊息。 04∕SITES BY COLOR 色彩點綴 　　每種顏色和顏色組合都有獨特的意義，這些意義能以無數不同的方式運用，但終究應從設計的目標去尋找色系選擇的理由。每種顏色都蘊含有力的內涵，將成為我們揮灑創意的證據。 05∕SITES BY ELEMENT 設計元素 　　設計元素是由形狀、尺寸和風格構成的廣大陣容，有些反映了新潮的手法﹝如標誌﹞，有些僅歸因於單純的需求。這群元素的迷人之處是，每一個都有使命，每一個都有獨特的用法。 06∕SITES BY STRUCTURE 網站結構 　　網站的結構的創意，相當於靈感的突發奇想，它改變我們的一貫思路。有時必須由簡單的選項來提醒，如水平捲動、改變網站元素的實體尺寸、或調整所有內容使它能放進單一頁面。