人們常說靠前印像往往會給人留下一生的記憶。對於一個網站而言，這一說法也同樣成立。但遺憾的是注意到這一點的站點並不是很多。要把這一切搬到互聯網上則更不容易。不過，設計一個引人注目、令人動心的頁面仍然是設計者工作中不可缺少的一部分。隨著時代的發展，網頁設計更接近於一門藝術。網絡帶寬和硬件的發展為網頁提供了使用更大圖片、動畫甚至視頻的權利，而這些也為視覺設計師提供了更多表現的空間。本書就是這樣一本速食的設計創意與技巧手冊。本書可以幫助有一定基礎的網頁設計初學者或在職者，在遇到設計創意瓶頸時，能夠在較短等

●目錄本書的使用方法····························· 8PART  0網頁設計基礎知識01網頁設計基礎知識························ 1002網頁的結構和工作流程······················ 1203在網頁中加入設計部件······················ 14專欄 關於網頁瀏覽器························· · 1404網頁中所用的圖像························ 1605網頁設計與文字版式······················· 18專欄 設計小竅門···························· 1906色彩的基礎知識························· 20專欄 通過調整補色讓照片的色調更加理想················ · 21專欄 顏色搭配方法的參考網站····················· · 23專欄 用於判斷色覺異常患者所看顏色效果的工具·············· 23專欄 在醒目位置或頁面按鈕上反映出顏色的印像·············· 2307配色的基礎知識························· 24專欄 可供參考的網頁設計網站···················· ·· 26PART  1從風格方面進行網頁設計01源自可愛的萌動設計······················· 2802充滿活力的流行風格設計····················· 3003洋溢著雅致高端氣息的設計···················· 3204自然柔和的設計························· 3405炫酷優選的設計························· 3606信任可靠的設計························· 3807復古懷舊的設計························· 40專欄 復古風格的字體在CSS中的表現方法·················· 4108古典高雅的設計························· 4209日式和風的設計························· 4410透明感的設計·························· 4611面向兒童用戶的設計······················· 4812女人味的設計·························· 5013男人味的設計·························· 5214高級感的設計·························· 5415讓食物看起來更美味的設計···················· 5616帶有季節感的設計························ 58專欄 可商用的攝影素材網站·················· ····· 60PART  2從配色方面進行網頁設計01基於標志、品牌顏色的配色···················· 6202以黃色為基調的配色······················· 6403以橙色為基調的配色······················· 6604以紅色為基調的配色······················· 6805以粉色為基調的配色······················· 7006以紫色為基調的配色······················· 7207以藍色為基調的配色······················· 7408以綠色為基調的配色······················· 7609以茶色為基調的配色······················· 7810以白色和灰色為基調的配色···················· 8011以黑色為基調的配色······················· 8212與色調相結合的配色······················· 84專欄 配色生成器與瀏覽器插件····················· · 86PART  3從不同行業、領域方面進行網頁設計01西餐廳、咖啡店類網站的網頁設計················· 8802醫療機構類網站的網頁設計···················· 9003流行時尚類網站的網頁設計···················· 9204美容、美發類網站的網頁設計··················· 9405藝術節、展覽類網站的網頁設計·················· 9606音樂類網站的網頁設計······················ 9807動畫、遊戲類網站的網頁設計··················· 10008職業資格類網站的網頁設計···················· 10209學校、幼兒園類網站的網頁設計·················· 10410藝術類網站的網頁設計······················ 10611新聞、門戶類網站的網頁設計··················· 10812電子商務類網站的網頁設計··············· ···· 110專欄 電子商務網站與平臺······················· · 11113企業類網站的網頁設計······················ 11214體育健身類網站的網頁設計···················· 11415引導頁的網頁設計························ 116專欄 提供引導頁參考的網站················· ··· ·· 117專欄 將使用目的與網頁設計結合起來的方法·············· ·· 118PART  4從版式、構圖方面進行網頁設計01網格型版式··························· 120專欄 在Photoshop中輕松制作參考線···················· 12102卡片、瓷磚型版式························ 12203單專欄型版式·························· 12404雙專欄型版式·························· 12605組合專欄型版式························· 12806全屏型版式··························· 13007脫離網格型版式························· 13208自由型版式··························· 134專欄 版式設計的4個法則························· 136PART  5使用素材、字體、程序的設計01以圖像素材為主體的設計····················· 138專欄 豐富的視差效果帶來的魅力····················· 14002使用摳圖照片的設計······················· 14203使用紋理材質的設計······················· 14404使用裝飾素材的設計······················· 14605使用手繪插圖的設計······················· 14806使用文字版式的設計······················· 15007有效運用視頻的設計······················· 15208帶有動態特效的設計······················· 15409展示數據圖像的設計······················· 156專欄 能夠輕松制作出統計圖和圖表的Java Script庫············· 157專欄 Font Awsome的導入方法······················· 158PART  6網頁設計的趨勢01響應式網頁設計························· 16002網頁字體·········· 162專欄 提供網頁字體服務的網站·················· ···· 16303分屏式設計··························· 16404扁平化設計和材料設計······················ 166專欄 采用材料設計語言的示例網站···················· 16705微交互式設計·························· 168專欄 從手機APP的UI中學習微交互的應用·················· 16906品牌主視覺設計························· 17007視差設計···························· 172專欄 能夠實現視差效果的jQuery插件示例················· 17308雙色調設計··························· 174專欄 雙色調圖像的制作方法······················· 17509文字豎排的版式設計······················· 176專欄 使用可更新編輯的WordPress····················· 178PART  7網頁各個要素的設計01頁眉······························ 18002全局導航欄··························· 18203標題························ ······18404按鈕、圖標··························· 18505表格······························ 18606填寫項目···························· 18707頁腳····························· ·188專欄 收藏夾圖標的設置方法······················· 190

現代社會，互聯網、計算機硬件、移動終端設備的發展日新月異，對於企業和用戶來說，網站是一個很好的宣傳與交流平臺，它既是企業形像的展示平臺，又是用戶了解企業產品的平臺，因此網頁的視覺效果尤為重要。那麼對於從事或即將從事網頁設計的讀者來說，如何纔能高效又快速地制作出抓人眼球的網頁頁面呢？本書將帶領讀者從網頁設計的基礎知識開始學起。全書共分為8個部分：Part 0介紹了網頁設計的基礎知識，包括服務對像決定的設計核心內容、建立網站所用的工作流引擎、頁面內所使用的設計要素等內容；Part 1則從字體、素材、配色三個方面分析了如何把握網頁設計的風格；Part 2依次對顏色的固有印像、搭配方法、調配方法以及配色理論進行了講解；Part 3則從多個角度對不同行業、不同領域的網站中出現的信息設計方法及異同之處進行了分析，同時在功能、配色、版式等方面進行了逐一解析，使讀者在實際的網頁設計工作中可以作為參考；等

[日] 久保田涼子 著 寧凡 譯