網(wǎng)頁設(shè)計創(chuàng)意與精品賞析

內(nèi)容概要

作為一本解決問題與啟發(fā)Web創(chuàng)作靈感的工具書，本書展示了杰出的獲獎作品的設(shè)計方案和佳作欣賞。
本書第1章-第3章介紹了關(guān)于頁面設(shè)計的基本原理，針對設(shè)計者-客戶-制作者之間的交互過程，講述了界面的設(shè)計和網(wǎng)站開發(fā)過程以及重要提示；第4章-第10章提供了各方面優(yōu)秀的界面設(shè)計方案示例，每個示例都闡明一些概念、設(shè)計思路、頁面布局、組織關(guān)系、創(chuàng)作者的洞察力和策略、資源分布、硬件技術(shù)以及用于實現(xiàn)這個方案的應(yīng)用軟件；每章的最后是佳作欣賞。
本書是啟發(fā)網(wǎng)頁設(shè)計者、插圖畫家、藝術(shù)家、Web主管及相關(guān)專業(yè)的師生創(chuàng)作靈感的源泉。初學者可從中學到一些好的設(shè)計理念，中高級用戶可以跳出這些實例，獲取設(shè)計創(chuàng)作之精華，奇文共賞，請勿錯過。

書籍目錄

第1章 開發(fā)過程概述                   1.1 時間.金錢和才能                   1.1.1 時間                   1.1.2 金錢和才能                   1.1.3 實例講評                   1.2 通信的挑戰(zhàn)                   1.2.1 明確問題                   1.2.2 選擇適當?shù)陌l(fā)布方法                   1.2.3 實例講評                   1.3 明確觀眾                   1.3.1 你所需要的人口統(tǒng)計學                   1.3.2 上哪兒獲取信息                   1.3.3 實例講評                   1.4 制定解決方案                   1.4.1 設(shè)計交互環(huán)境                   1.4.2 制作和維護                   1.4.3 實例講評                   1.5 內(nèi)容的確定                   1.5.1 信息的組織                   1.5.2 其他形式的內(nèi)容                   1.5.3 技術(shù)不等于內(nèi)容                   1.5.4 實例講評                   1.6 選用合適的技術(shù)                   1.6.1 技術(shù)的作用                   1.6.2 對不同的觀眾選用不同的技術(shù)                   1.6.3 實例講評                   1.7 建立統(tǒng)一的比喻.個性和風格                   1.7.1 選擇比喻                   1.7.2 個性                   1.7.3 風格                   1.7.4 實例講評                   1.8 規(guī)劃好結(jié)構(gòu)和導(dǎo)航                   1.8.1 “深”.“淺”的選擇                   1.8.2 最佳路徑                   1.8.3 讓訪問者在單擊前知道要去向何處                   1.8.4 實例講評                   1.9 用故事板來模擬交互動態(tài)過程                   1.9.1 編排故事板                   1.9.2 不斷優(yōu)化                   1.9.3 實例講評                   1.10 創(chuàng)建原型                   1.10.1 把原型變成現(xiàn)實                   1.10.2 安全操作                   1.10.3 實例講評                   1.11 收集素材和制定標準                   1.11.1 整理素材                   1.11.2 制定和實現(xiàn)標準                   1.11.3 實例講評                   1.12 處理.綜合和存檔                   1.12.1 處理                   1.12.2 綜合                   1.12.3 存檔                   1.12.4 實例講評                   1.13 裝配.編碼和編程                   1.13.1 牢記目標                   1.13.2 靈活使用技術(shù)                   1.13.3 實例講評                   1.14 測試.優(yōu)化和再測試                   1.14.1 第一回合                   1.14.2 第二回合                   1.14.3 第三回合                   1.14.4 實例講評                   1.15 如何讓別人知道你的站點                   1.15.1 注冊                   1.15.2 交換鏈接                   1.15.3 尋找網(wǎng)站評選站點                   1.15.4 使用在線或離線的廣告                   1.15.5 開始忙碌                   1.15.6 實例講評                   1.16 佳作欣賞                   第2章 界面清單                   2.1 界面風格和比喻                   2.1.1 媒體和信息                   2.1.2 2維.2/2維或3維界面的設(shè)計                   2.1.3 實例講評                   2.2 背景和紋理                   2.2.1 背景基礎(chǔ)                   2.2.2 技術(shù)與藝術(shù)                   2.2.3 實例講評                   2.3 按鈕和控件                   2.3.1 是否使用斜面按鈕                   2.3.2 按鈕機制                   2.3.3 實例講評                   2.4 內(nèi)容和目錄                   2.4.1 無法超越書本                   2.4.2 主題和副題                   2.4.3 實例講評                   2.5 啟動.設(shè)置和幫助                   2.5.1 第一印象                   2.5.2 隨手可得的幫助                   2.5.3 實例講評                   2.6 窗口.面板和框架                   2.6.1 框架                   2.6.2 分組                   2.6.3 實例講評                   2.7 版面                   2.7.1 文本：精益求精                   2.7.2 不同的筆劃：顯示字型                   2.7.3 實例講評                   2.8 圖片                   2.8.1 你說“西紅柿”                   2.8.2 圖片的來源                   2.9 動畫                   2.9.1 為什么要使用動畫                   2.9.2 著手工作之前                   2.9.3 選擇合適的技術(shù)                   2.9.4 實例講評                   2.10 視頻                   2.10.1 攝制成小屏幕                   2.10.2 畫國蛇添足                   2.10.3 實例講評                   2.11 音樂.語音和音效                   2.11.1 聲音的作用                   2.11.2 使聲音好聽                   2.11.3 實例講評                   2.12 虛擬現(xiàn)實                   2.12.1 電腦空間, 最后的處女地                   2.12.2 速度.靈活性和現(xiàn)實主義                   2.12.3 實例講評                   2.13 反饋和響應(yīng)                   2.13.1 我做了什么？                   2.13.2 我在何處？我曾去過何處？                   2.13.3 實例講評                   2.14 輸入                   2.14.1 雙向的交互過程                   2.14.2 除了利用按鈕之外                   2.14.3 實例講評                   2.15 分層信息和嵌套導(dǎo)航                   2.15.1 只在必要時出現(xiàn)                   2.15.2 有指導(dǎo)的行程                   2.15.3 實例講評                   2.16 佳作欣賞                   2.16.1 giantrbot.corn站點                   2.16.2 vfs.corn站點                   第3章 五個有關(guān)設(shè)計的提示                   3.1 交互的透明性                   3.1.1 你的要點是什么                   3.1.2 三個成功的機會                   3.1.3 使用通用的語法                   3.1.4 先思而后行                   3.1.5 實例講評                   3.2 保持視覺上.概念上及版面上的一致性                   3.2.1 保持一致性的作用                   3.2.2 導(dǎo)航和信息獲取                   3.2.3 統(tǒng)一風格                   3.2.4 實例講評                   3.3 利用對比                   3.3.1 公路勇士                   3.3.2 對比視覺類型                   3.3.3 對比媒體類型                   3.3.4 實例講評                   3.4 保持條理清楚                   3.4.1 信息已經(jīng)足夠                   3.4.2 擴充光標的能力                   3.4.3 瑞士軍刀方案                   3.4.4 顯示訪問軌跡                   3.4.5 使信息分層                   3.4.6 過濾和聚焦                   3.4.7 當負變成正時                   3.4.8 實例講評                   3.5 采用故事編排的電影原則                   3.5.1 圍著營火聽故事                   3.5.2 音樂之聲                   3.5.3 復(fù)活節(jié)彩蛋                   3.5.4 雙向交互過程                   3.5.5 實例講評                   3.6 佳作欣賞                   3.6.1 sbg.com網(wǎng)站                   3.6.2 coobek.com網(wǎng)站                   第4章 市場學                   4.1 整體設(shè)計                   4.1.1 支持創(chuàng)造性的交互過程                   4.1.2 提供結(jié)構(gòu)及組織                   4.1.3 排版                   4.1.4 顏色                   4.1.5 包括所有基礎(chǔ)技術(shù)                   4.1.6 設(shè)計賞析                   4.2 擴展品牌價值                   4.2.1 建立網(wǎng)上知名度                   4.2.2 界面與包裝相聯(lián)系                   4.2.3 采用個人方法                   4.2.4 直觀的線性導(dǎo)航                   4.2.5 圖片處理                   4.2.6 交叉商標鏈接                   4.2.7 設(shè)計賞析                   4.3 在信息高速公路上旅行                   4.3.1 公司業(yè)務(wù)                   4.3.2 實現(xiàn)可視化的聯(lián)系                   4.3.3 排版                   4.3.4 創(chuàng)作圖片                   4.3.5 設(shè)計賞析                   4.4 向全世界做廣告                   4.4.1 作用：與世界各地的分公司聯(lián)系                   4.4.2 開拓眼界                   4.4.3 創(chuàng)造差異性                   4.4.4 提供兩個版本                   4.5 在世界各地都存在                   4.5.1 瞄準目標                   4.5.2 展示他們的能力                   4.5.3 屏幕布局                   4.5.4 招聘信息                   4.5.5 跟蹤對站點的訪問                   4.5.6 改編字體                   4.5.7 設(shè)計賞析                   4.6 高于網(wǎng)絡(luò)低于普通標準                   4.6.1 高爾夫球員的站點                   4.6.2 設(shè)計界面                   4.6.3 宣傳站點                   4.7 交互式陳列室                   4.7.1 直觀的導(dǎo)航                   4.7.2 估計磁盤空間                   4.7.3 改變調(diào)色板                   4.7.4 交互式駕駛測試                   4.7.5 設(shè)計賞析                   4.8 San Diego Gas and Eectric的插件程序                   4.8.1 聽取觀眾的意見                   4.8.2 響應(yīng)顧客的請求                   4.8.3 確定界面                   4.8.4 促進站點訪問                   4.8.5 高效率的設(shè)計                   4.8.6 保持聯(lián)系                   4.9 WWW.lights.camera.action                   4.9.1 任務(wù)                   4.9.2 界面比喻                   4.9.3 排版集錦                   4.9.4 即時設(shè)計                   4.10 ＠Toyota網(wǎng)站                   4.10.1 發(fā)布網(wǎng)站                   4.10.2 在站點上巡游                   4.10.3 實現(xiàn)統(tǒng)一性                   4.10.4 圖片                   4.10.5 圖片泡                   4.11 佳作欣賞                   4.11.1 designory.com網(wǎng)站                   4.11.2 hallmark.corn網(wǎng)站                   第5章 娛樂                   5.1 一套生物服裝.一些生物芯片和玩家的助手亞瑟                   5.1.1 主要角色介紹                   5.1.2 生物衣服的內(nèi)部設(shè)計                   5.1.3 確定哪個元素最重要                   5.1.4 導(dǎo)航控制                   5.1.5 生物芯片                   5.1.6 亞瑟會幫助你                   5.1.7 最后的潤色                   5.2 用經(jīng)驗指導(dǎo)設(shè)計                   5.2.1 補充電視頻道                   5.2.2 設(shè)定目標                   5.2.3 簡化導(dǎo)航                   5.2.4 高效的設(shè)計                   5.2.5 靈活的結(jié)構(gòu)                   5.2.6 團隊合作                   5.3 交互性增加了電視節(jié)目的價值                   5.3.1 構(gòu)想                   5.3.2 界面                   5.3.3 旋轉(zhuǎn)的地球儀                   5.3.4 獲得幫助                   5.3.5 對齊方式和清晰度                   5.3.6 與各種數(shù)據(jù)庫集成                   5.3.7 設(shè)計賞析                   5.4 在電視上玩探險游戲                   5.4.1 從計算機屏幕到電視屏幕                   5.4.2 低屏幕分辨率的挑戰(zhàn)                   5.4.3 使用人工智能                   5.4.4 界面內(nèi)的界面                   5.4.5 NTSC安全顏色                   5.4.6 導(dǎo)航控制                   5.4.7 設(shè)計賞析                   5.5 隨Dogstar樂隊上路                   5.5.1 增強音樂CD                   5.5.2 制作界面                   5.5.3 創(chuàng)作線索                   5.5.4 沒日沒夜的設(shè)計                   5.5.5 設(shè)計賞析                   5.6 探索Peter Gabriel的隱秘世界                   5.6.1 設(shè)定目標                   5.6.2 組織內(nèi)容                   5.6.3 組織屏幕                   5.6.4 增強游歷效果                   5.6.5 設(shè)計賞析                   5.7 佳作欣賞                   5.7.1 The Dominion網(wǎng)站                   5.7.2 在線的高爾夫球頻道                   第6章 工具與應(yīng)用程序                   6.1 一個CD-ROM.一個小冊子和一個網(wǎng)站                   6.1.1 作用：補充的媒體                   6.1.2 界面                   6.1.3 含蓄謙和                   6.1.4 設(shè)計賞析                   6.2 改造界面                   6.2.1 欣賞和感覺                   6.2.2 隱藏復(fù)雜性                   6.2.3 選項板的排放順序                   6.2.4 功能強大并具有娛樂性                   6.2.5 處于控制之中                   6.2.6 幫助文本                   6.2.7 設(shè)計賞析                   6.3 下拉的抽屜                   6.3.1 通俗易懂                   6.3.2 界面工具和控制的組織方式：按抽屜分組                   6.3.3 選擇工具                   6.3.4 分層信息                   6.3.5 統(tǒng)一各種圖片                   6.3.6 特殊功能                   6.3.7 設(shè)計賞析                   6.4 利用CyberMom的幫助計劃你的未來                   6.4.1 CD-ROM和相應(yīng)的網(wǎng)站                   6.4.2 使比喻個性化                   6.4.3 界面風格                   6.4.4 日常技巧                   6.4.5 設(shè)計賞析                   6.5 一個500頻道的節(jié)目預(yù)報                   6.5.1 迎接挑戰(zhàn)                   6.5.2 面對技術(shù)限制                   6.5.3 設(shè)計一個熟悉的布局                   6.5.4 使信息更清楚                   6.5.5 添加格柵結(jié)構(gòu)                   6.5.6 顏色編碼                   6.5.7 采用合適的可視化比喻                   6.5.8 選擇字體                   6.5.9 設(shè)計賞析                   6.6 無論是外觀還是感覺都像一臺Mac                   6.6.1 超出書本                   6.6.2 設(shè)置標準                   6.6.3 用顏色交互                   6.6.4 建立標識                   6.6.5 設(shè)計賞析                   6.7 佳作欣賞                   6.7.1 surfcheck.com網(wǎng)站                   6.7.2 Dockers.com網(wǎng)站                   第7章 教育和培訓(xùn)                   7.1 技巧和技術(shù)                   7.1.1 格式                   7.1.2 界面的作用                   7.1.3 導(dǎo)航按鈕                   7.1.4 教學電影                   7.1.5 設(shè)計賞析                   7.2 沒有墻壁的博物館                   7.2.1 虛擬博物館                   7.2.2 程序的結(jié)構(gòu)                   7.2.3 設(shè)計開發(fā)                   7.2.4 最終感覺                   7.2.5 未來計劃                   7.2.6 設(shè)計賞析                   7.3 改造一個350頁的連環(huán)畫                   7.3.1 對現(xiàn)存文本和美術(shù)的擴充                   7.3.2 會見教授                   7.3.3 應(yīng)用產(chǎn)品設(shè)計概念                   7.3.4 給頁面做記號                   7.3.5 調(diào)色板                   7.3.6 音頻的作用                   7.3.7 設(shè)計賞析                   7.4 探索森林的奧秘                   7.4.1 達成共識                   7.4.2 創(chuàng)造一種氣氛                   7.4.3 使界面元素變?nèi)岷?                  7.4.4 規(guī)劃站點                   7.4.5 控制窗口參數(shù)                   7.4.6 繪制圖畫                   7.4.7 增加真實感                   7.4.8 設(shè)計賞析                   7.5 逼真的實驗室                   7.5.1 搜尋和探索                   7.5.2 精心設(shè)計的界面                   7.5.3 有效地使用媒體                   7.5.4 既能工作又能娛樂                   7.5.5 設(shè)計賞析                   7.6 與真蛇一樣大的眼鏡蛇圖片                   7.6.1 作用：與電視節(jié)目互補                   7.6.2 準備眼鏡王蛇的圖片                   7.6.3 設(shè)置場景                   7.6.4 堅持指導(dǎo)方針                   7.6.5 動作仿真                   7.6.6 設(shè)計賞析                   7.7 模擬一個小組討論                   7.7.1 取消先前的想法                   7.7.2 如何運行                   7.7.3 錄像                   7.7.4 圖標                   7.7.5 投射到組員身上的聚光燈                   7.7.6 設(shè)計賞析                   7.8 家庭般的舒適感受                   7.8.1 開發(fā)構(gòu)想                   7.8.2 使之直觀                   7.8.3 組織內(nèi)容                   7.8.4 導(dǎo)航                   7.8.5 設(shè)計賞析                   7.9 用于學習的交互式游戲                   7.9.1 使之趣味橫生并易于使用                   7.9.2 四處瀏覽也很容易                   7.9.3 游戲中的物體                   7.9.4 提高放映質(zhì)量                   7.9.5 制作拼圖屏幕                   7.9.6 組裝各類文件                   7.9.7 設(shè)計賞析                   7.10 動畫游戲Monster Lab                   7.10.1 大膽構(gòu)想                   7.10.2 游戲內(nèi)容                   7.10.3 屏幕布局                   7.10.4 大量的動畫                   7.10.5 設(shè)計賞析                   7.11 使Internet易于被教師和學生使用                   7.11.1 主要目標：幫助教師                   7.11.2 附加價值：幫助學生                   7.11.3 研制并設(shè)計內(nèi)容                   7.11.4 設(shè)計賞析                   7.12 佳作欣賞                   7.12.1 fontsite.com網(wǎng)站                   7.12.2 Xpeditions Web網(wǎng)站                   第8章 出版                   8.1 搜索信息                   8.1.1 挖掘信息                   8.1.2 清晰的組織和便捷的導(dǎo)航                   8.1.3 顏色增加了界面的清晰度                   8.1.4 對用戶反饋信息的控制                   8.1.5 設(shè)計賞析                   8.2 絕妙的感覺                   8.2.1 網(wǎng)站介紹                   8.2.2 使指導(dǎo)思想與設(shè)計相協(xié)調(diào)                   8.2.3 由Puget Sound沙灘啟發(fā)出的設(shè)計思想                   8.2.4 對訪問者的考慮                   8.2.5 設(shè)計賞析                   8.3 兩個站點合二為一                   8.3.1 并列的內(nèi)容                   8.3.2 相似但卻不同的頁面設(shè)計                   8.3.3 天天維護更新                   8.3.4 創(chuàng)造氣氛                   8.3.5 從中間開始的負面構(gòu)建方式                   8.3.6 一個結(jié)識朋友的地方                   8.3.7 設(shè)計賞析                   8.4 設(shè)計界面                   8.4.1 美國設(shè)計中心和它的期刊                   8.4.2 設(shè)計難點                   8.4.3 整理內(nèi)容                   8.4.4 為內(nèi)容導(dǎo)航                   8.4.5 Interact徽標                   8.4.6 設(shè)計賞析                   8.5 交互式的期刊                   8.5.1 最初想法                   8.5.2 有效地使用媒體                   8.5.3 用視覺比喻來支持某個概念                   8.5.4 如果需要幫助可轉(zhuǎn)動Quebe                   8.5.5 設(shè)計賞析                   8.6 一個愛滋病患者的紀念物                   8.6.1 講述他們的故事                   8.6.2 內(nèi)容                   8.6.3 界面                   8.6.4 排版                   8.6.5 準備照片                   8.6.6 顏色與灰度                   8.6.7 符合時間要求                   8.6.8 設(shè)計賞析                   8.7 一個極好的站點                   8.7.1 把握沖浪世界的脈博                   8.7.2 理解客戶的目的                   8.7.3 新鮮的能作出響應(yīng)的界面                   8.7.4 三個頁框的格式                   8.7.5 一個想法的產(chǎn)生                   8.7.6 從照片到JPEG圖片                   8.7.7 設(shè)計賞析                   8.8 把藝術(shù)雜志轉(zhuǎn)變成多媒體                   8.8.1 交互難點                   8.8.2 信息的層次                   8.8.3 頁面形狀的控制元素                   8.8.4 四處瀏覽                   8.8.5 揭示秘密                   8.9 佳作欣賞                   8.9.1 altasmagzine.com網(wǎng)站                   8.9.2 allstarmag.com網(wǎng)站                   第9章 文件夾與媒體展示                   9.1 智能                   9.1.1 形象的比喻                   9.1.2 將比喻形象化                   9.1.3 調(diào)色板                   9.1.4 選擇字體                   9.1.5 制作導(dǎo)航圖標                   9.1.6 設(shè)計賞析                   9.2 不會脫離的方法                   9.2.1 很棒的名字——神圣的鯖魚                   9.2.2 好的設(shè)計與幽默相結(jié)合                   9.2.3 界面上的東西都有用                   9.2.4 歷史演變                   9.2.5 逐位計算文件大小                   9.2.6 設(shè)計賞析                   9.3 從HyperCard到SuperCard到Internet                   9.3.1 補充角色                   9.3.2 整體結(jié)構(gòu)                   9.3.3 網(wǎng)頁導(dǎo)航                   9.3.4 主頁                   9.3.5 氣泡的吸引力                   9.3.6 設(shè)計賞析                   9.4 很酷的工具                   9.4.1 建立標記                   9.4.2 設(shè)計結(jié)構(gòu)                   9.4.3 尺寸和景深線索                   9.4.4 顏色顯示了你的位置                   9.4.5 建立結(jié)構(gòu)                   9.4.6 設(shè)計賞析                   9.5 夾子的能力                   9.5.1 戲劇性和戰(zhàn)略性                   9.5.2 對過去的回憶                   9.5.3 數(shù)字化的背景                   9.5.4 后臺制作過程                   9.6 設(shè)計深空間                   9.6.1 探索新媒體的新方法                   9.6.2 研制一個比喻                   9.6.3 塑造界面                   9.6.4 協(xié)作和效率                   9.6.5 設(shè)計賞析                   9.7 奇思妙想                   9.7.1 好的想法通常是不期而至的                   9.7.2 啟動頁的動畫                   9.7.3 設(shè)計目標                   9.7.4 顏色.圖案和排印                   9.7.5 保持簡單                   9.7.6 設(shè)計賞析                   9.8 大師風采                   9.8.1 在線展示攝影師風采                   9.8.2 從一個頁面到下一個頁面                   9.8.3 保持照片的完整性                   9.8.4 設(shè)計過程                   9.9 設(shè)計賞析                   第10章 銷售                   10.1 充滿插圖的罐頭                   10.1.1 檔案抽樣                   10.1.2 設(shè)定基調(diào)                   10.1.3 提高使用價值                   10.1.4 在Line Art中滾動搜尋                   10.1.5 更近的觀察                   10.1.6 設(shè)計賞析                   10.2 包裝產(chǎn)品與制作網(wǎng)站                   10.2.1 需求評估                   10.2.2 圍繞軟件包裝的設(shè)計                   10.2.3 改編包裝設(shè)計并應(yīng)用到界面上                   10.2.4 總體布局方案                   10.2.5 設(shè)計賞析                   10.3 瀏覽或購買：剪貼畫.照片和字體                   10.3.1 網(wǎng)站完善了印刷目錄                   10.3.2 為顧客考慮                   10.3.3 界面                   10.3.4 展示適量的信息                   10.3.5 電子銷售                   10.3.6 設(shè)計賞析                   10.4 從網(wǎng)上沖浪到網(wǎng)上購物                   10.4.1 上網(wǎng)                   10.4.2 增加靈活性                   10.4.3 內(nèi)部鏈接                   10.4.4 命名和標識                   10.4.5 設(shè)計賞析                   10.5 靈活運用格柵                   10.5.1 推銷字體                   10.5.2 一往直前                   10.5.3 對比產(chǎn)生視覺層次                   10.5.4 顏色也扮演重要角色                   10.5.5 決定發(fā)行磁盤版                   10.5.6 制作藝術(shù)作品                   10.5.7 設(shè)計賞析                   10.6 開始在線旅行                   10.6.1 提供服務(wù)                   10.6.2 使顧客感到舒適                   10.6.3 明確服務(wù)                   10.6.4 圖片的價值                   10.6.5 保持最新                   10.6.6 設(shè)計賞析                   10.7 佳作欣賞                   10.7.1 Digital Stock網(wǎng)站的原型                   10.7.2 Iomega網(wǎng)站                   10.7.3 Joe Boxer網(wǎng)站                   附錄A 插圖提供者                   附錄B 軟件供應(yīng)商

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計創(chuàng)意與精品賞析 PDF格式下載

---