美工與創意：網頁設計藝術

《美工與創意:網頁設計藝術》是一本探討網頁製作中美工和創意設計藝術的專著。《美工與創意:網頁設計藝術》既適合研究網頁美工的網頁設計師，又適合網頁製作初學者學習，是一本美術院校網頁美工與設計製作的推薦教材，適用於網頁設計師、網站編輯和美工、平面設計從業者、在校師生、社會培訓班以及網頁設計愛好者。

基本介紹

• 書名：美工與創意：網頁設計藝術
• ISBN：9787030239105
• 出版社：北京希望電子出版社，科學出版社
• 出版時間：2009年3月1日
• 裝幀：平裝
• 正文語種：簡體中文

基本信息

條形碼: 9787030239105

產品尺寸及重量: 25.6 x 19 x 1.8 cm ; 522 g

品牌: 中科希望

ASIN: B0023B2C1O

內容簡介

《美工與創意:網頁設計藝術》由專業教師撰寫，從網頁美工到網頁設計，內容涵蓋網頁設計理論、網頁創意、圖形圖像、文字與編排、網頁版式、配色效果、網頁排版、動畫以及綜合實例，系統地介紹了Photshop、Fireworks、Flash及Dreamweaver在網頁製作中分工合作、各盡其職的搭配操作細節。美工部分是進行網頁創意設計的藝術體驗題材，設計實踐部分則以具體實例將所講知識融合套用，這些實例既有作者多年教學與設計實踐的作品，也有指導學生參加國家大賽的獲獎之作，值得研究與借鑑。

目錄

第1章網頁設計基本理論

1.1 網頁設計概述

1.2 網頁設計的構成要素及特性

1.2.1 網頁設計的構成要素

1.2.2 網頁設計的特性

1.3 網頁設計的定位

1.3.1 網頁設計定位

1.3.2 網頁的類型

1.4 網頁美工與設計流程

1.4.1 網頁美工的需求

1.4.2 網頁設計流程

第2章 網頁創意設計

2.1 網頁設計創意思維

2.1.1 什麼是創意

2.1.2 創意思維的原則

2.1.3 創意過程

2.2 網頁設計創意方法

2.2.1 富於聯想

2.2.2 巧用對比

2.2.3 大膽誇張

2.2.4 趣味幽默

2.2.5 擅用比喻

2.2.6 巧設懸念

2.2.7 以小見大

2.2.8 以人為本

2.2.9 偶像崇拜

2.2.10 古典傳統

2.2.11 流行時尚

2.2.12 神奇迷幻

2.2.13 合理綜合

第3章 網頁圖形圖像設計

3.1 網頁圖形圖像設計的構成要素

3.1.1 圖形圖像在網頁中的套用

3.1.2 構成要素——點、線、面

3.2 網頁圖形圖像的創意設計

3.2.1 圖形圖像創意設計原則

3.2.2 圖形圖像創意設計方法

3.3 網頁圖形圖像處理實例

3.3.1 網頁圖形圖像設計形式

3.3.2 網頁圖形圖像處理方法

第4章 網頁文字編排設計

4.1 網頁字型與字型編排

4.1.1 網頁文字的形式

4.1.2 字型的使用

4.1.3 文字的大小

4.1.4 字型的粗細

4.1.5 字距與行距

4.1.6 特殊字型

4.2 文字編排的基本形式

4.2.1 文字編排方式

4.2.2 文字的強調

4.3 網頁文字設計方法

4.3.1 網頁文字設計技巧

4.3.2 網頁文字創意設計方法

第5章 網頁版式設計

5.1 網頁版式設計的形式原理

5.1.1 重複與交錯

5.1.2 節奏與韻律

5.1.3 對稱與均衡

5.1.4 對比與調和

5.1.5 比例與適度

5.1.6 變異與秩序

5.1.7 虛實與留白

5.1.8 力場與結構

5.1.9 變化與統一

5.2 網頁版式設計的視覺因素

5.2.1 符合視覺規律

5.2.2 避免視覺疲勞

5.2.3 注重主從關係

5.2.4 合理視覺流程

5.2.5 一致導航

5.3 網頁版式構成的類型

5.3.1 骨骼型

5.3.2 國字型

5.3.3 拐角型

5.3.4 框架型

5.3.5 滿版型

5.3.6 分割型

5.3.7 中軸型

5.3.8 流線型

5.3.9 傾斜型

5.3.10 對稱型

5.3.11 焦點型

5.3.12 自由型

5.4 網頁導航設計

5.4.1 網頁導航分類

5.4.2 導航位置

5.4.3 導航方向

5.4.4 顯示當前位置的導航信息

第6章 網頁色彩的設計

6.1 認識色彩

6.1.1 色彩的相關概念

6.1.2 色彩的對比

6.1.3 色彩的調和

6.2 色彩的心理效應

6.2.1 黑白灰系列

6.2.2 七大色系

6.3 確定網站的主題色

6.3.1 網站的色調

6.3.2 主色

6.3.3 輔色

6.3.4 背景色

6.4 網頁色彩搭配方法

6.4.1 網頁配色準則

6.4.2 網頁配色技巧

6.4.3 網頁元素色彩搭配

第7章 Photoshop網頁效果圖設計

7.1 網頁標誌設計

7.1.1 標誌創意分析

7.1.2 網頁上部背景設計

7.1.3 標誌曲線造型

7.1.4 標誌上色描邊

7.1.5 網站名稱設計

7.2 網頁導航設計

7.2.1 導航背景設計

7.2.2 導航文字的設計

7.3 主頁欄目設計

7.3.1 網頁主圖的設計

7.3.2 網頁底部的設計

7.3.3 信息中心欄目的設計

7.3.4 熱點連結欄目設計

7.3.5 認證欄目設計

7.4 子頁效果圖設計

7.4.1 子頁主圖設計

7.4.2 左側導航設計

7.4.3 右側內容的設計

7.5 Fireworks網頁圖像切片製作

7.5.1 圖像切片的作用

7.5.2 圖像切片製作

7.5.3 最佳化圖像切片

7.5.4 導出圖像切片

7.5.5 欄目文字圖形切片的技巧

第8章 Dreamweaver網頁設計

8.1 建立網站

8.1.1 建立站點

8.1.2 創建檔案和資料夾

8.1.3 頁面設定

8.1.4 HTML原始碼

8.2 利用表格排版

8.2.1 表格的基本操作

8.2.2 表格的HTML代碼

8.2.3 表格排版實例

8.3 建立超連結

8.3.1 內部連結

8.3.2 外部連結

8.3.3 電子郵件連結

8.3.4 錨點連結

8.3.5 熱點連結

8.4 CSS樣式套用

8.4.1 定義CSS樣式

8.4.2 套用CSS樣式

8.4.3 修改CSS樣式

8.4.4 變化的超連結

8.4.5 使用外部CSS

8.5 模板的套用

8.5.1 創建模板

8.5.2 創建基於模板的網頁

8.5.3 套用模板到頁

8.5.4 更新模板及網頁

8.6 建立框架網頁

8.6.1 準備框架網頁

8.6.2 新建框架組織網頁

8.6.3 設定框架樣式

8.6.4 設定框架超連結

8.7 信息表單

8.7.1 插入表單

8.7.2 插入文本欄位

8.7.3 插入單選和複選框

8.7.4 插入列表和選單

8.7.5 插入檔案域

8.7.6 插入按鈕

第9章 FIash網頁動畫設計

9.1 網頁動畫的基本理論

9.1.1 網頁動畫的特點

9.1.2 網頁動畫種類

9.1.3 網頁動畫設計原則

9.1.4 常見動畫設計效果

9.2 基本動畫設計

9.2.1 FlashCS3軟體界面

9.2.2 幀的類型

9.2.3 製作逐幀動畫

9.2.4 製作運動動畫

9.2.5 製作形狀動畫

9.2.6 製作遮罩動畫

9.2.7 製作引導層動畫

9.2.8 製作影片剪輯動畫

9.3 Flash網頁廣告設計

9.3.1 布置舞台

9.3.2 演員化妝

9.3.3 進行導演

9.3.4 排練預演

9.3.5 最佳化動畫

9.4 Flash導航設計

9.4.1 舞台搭建

9.4.2 插入圖形元件

9.4.3 插入影片剪輯元件

9.4.4 插入導航文字圖形

9.4.5 插入按鈕

9.4.6 演員登場

9.4.7 動作設定

第10章 綜合網頁設計實例

10.1 風尚志網頁設計

10.1.1 網頁藝術創意

10.1.2 網頁效果圖設計

10.1.3 Fireworks效果圖切片

10.1.4 Dreamweaver網頁版式編排

10.1.5 Flash動畫設計

10.2 Flash全站設計

10.2.1 準備素材元件

10.2.2 設計動畫

10.2.3 設定按鈕動作

10.2.4 設定背景音樂

參考文獻

序言

網頁設計是一門集美工與技術於一身的交叉學科，對於從事網頁設計的讀者來說，首先需要理解視覺傳達的原理，掌握網頁設計中所需的基本版式、色彩、字型、圖形、動畫的套用，從而能夠設計出美觀實用的網頁界面。同時還應掌握基本的網頁設計與網頁動畫設計技術，使設計思維能夠通過技術完美實現。本書內容介紹

本書是一本由專業教師傾心撰寫的網頁設計教程，從網頁美工到網頁設計實踐，內容涵蓋網頁設計理論、網頁創意、網頁圖形圖像設計、網頁文字設計與編排、網頁版式設計、網頁色彩搭配、網頁效果圖設計、網頁排版與製作和網頁動畫設計以及網頁設計綜合實例。採用Adobe公司的CS3系列軟體設計實現，系統詳細介紹了PhotoshopCS3設計網頁效果圖、FireworksCS3切片製作與最佳化、DreamweaverCS3網頁設計、FlashCS3網頁動畫設計的過程。