輕鬆玩出網頁視覺大格局

内容概要

派屈克‧麥可尼爾(Patrick McNeil)

自由網站開發者，也是www.designmeltdown.com網站的創辦人。作者的興趣多元，他結合了視覺設計和網站技術，創作出許多遍及各個領域的有趣作品，從高質感的視覺設計到硬裡子的程式設計，一應俱全。他熱愛設計、靈感、以及與人們分享點燃他經營「Design MeltDown」網站的熱忱。過去這幾年，在這個專業網站中，他觀察並歸類出網站設計的脈絡趨勢，而這樣的熱情也觸使他寫下這本獨特的著作。

书籍目录

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索引／授權

作者简介

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

全方位大格局的網頁設計思考術！

◆最終極的網站規劃藍圖

打造風格網頁的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 網站結構

網站的結構的創意，相當於靈感的突發奇想，它改變我們的一貫思路。有時必須由簡單的選項來提醒，如水平捲動、改變網站元素的實體尺寸、或調整所有內容使它能放進單一頁面。

 輕鬆玩出網頁視覺大格局下载