全方位大格局的網頁設計思考術!
◆ 最終極的網站規劃藍圖
打造風格網頁的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 網站結構
網站的結構的創意,相當於靈感的突發奇想,它改變我們的一貫思路。有時必須由簡單的選項來提醒,如水平捲動、改變網站元素的實體尺寸、或調整所有內容使它能放進單一頁面。
作者簡介:
派屈克‧麥可尼爾(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索引/授權
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 ...
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。