全方位大格局的網頁設計思考術!
◆ 最終極的網站規劃藍圖
打造風格網頁的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」網站的熱忱。過去這幾年,在這個專業網站中,他觀察並歸類出網站設計的脈絡趨勢,而這樣的熱情也觸使他寫下這本獨特的著作。