內容簡介
導航是網站/APP的核心功能之一,導航設計的成功與否,直接關係到用戶體驗是否良好。隨著上網設備的多元化及瀏覽器性能的高速發展,網站設計需要兼容多種設備和屏幕。傳統桌麵網站的導航設計相對比較成熟瞭,但隨著比如HTML5等新技術的不斷升級,導航設計可以做到更多功能和視覺效果。而在目前移動網站和移動應用並存的時期,移動界麵導航設計也有瞭其自身的特點。
《互聯網産品(Web/移動Web/APP)視覺設計·導航篇》是一本全麵闡述網站及移動應用的導航設計理論、方法和案例分析的專業書籍。主要內容包括:認識導航,導航的設計理論及原則,導航係統分類,導航的基石,導航的核心,導航的焦點,導航評價,移動APP和Web導航策略。
《互聯網産品(Web/移動Web/APP)視覺設計·導航篇》作者為江南大學博士(産品設計理論與技術專業),北京印刷學院副教授(數字媒體藝術專業),長期從事教學科研及設計實踐工作。
《互聯網産品(Web/移動Web/APP)視覺設計·導航篇》力求將國內外導航設計方麵的知識體係融會貫通,從貼近實戰的角度齣發,結閤案例式教學的方法經驗,做到“有用、能用、好用”。《互聯網産品(Web/移動Web/APP)視覺設計·導航篇》適閤從事網站及移動APP設計人員以及大專院校、培訓機構相關專業師生閱讀,特彆適閤希望掌握界麵導航設計方法技巧的讀者作為參考。
作者簡介
王愉,北京印刷學院副教授、碩士研究生導師、江南大學博士生、高級攝影師。2007年、2012年北京市教委赴美訪問學者,2010年清華大學訪問學者。入選北京市中青年骨乾教師;第九屆“雅昌教育奬”獲得者;校級精品課程負責人;精品教材主編。曾主持北京市教委科技創新平颱項目、北京市教委社科計劃項目、校重點教學改革項目、校級重點科研項目。齣版《FIashActionScript3.0溢彩編程》、《DHTML動態網頁設計》等書籍,發錶多篇論文、多項設計、攝影作品。在多年的教學與視覺研究中,始終堅持:讓每一個作品與市場對接,讓每一個學生與社會對接。
內頁插圖
目錄
第1章 界麵導航的設計理論及原則
1.1 導航需求
1.2 導航定義
1.3 以用戶為中心
1.3.1 需求層次理論
1.3.2 基於UCD的導航設計
1.4 用戶體驗要素
1.5 情感化設計
1.6 最小努力
1.7 降低不確定感
1.8 藝術性原則
1.9 隱喻
1.10 設計模式
第2 章 界麵導航係統的分類
2.1 結構性導航係統
2.1.1 全局導航
2.1.2 局部導航
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.3 實用性導航
2.3.1 標識鏈接
2.3.2 語種或地域導航
2.3.3 搜索引擎
2.3.4 網站地圖
第3 章 導航的基石——結構層
3.1 信息構架
3.1.1 信息結構圖示
3.1.2 卡片分類法
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.1.7 圖片與圖標
4.2 信息設計
4.2.1 位置
4.2.2 字母錶
4.2.3 時間
4.2.4 類彆
4.2.5 層級
4.3 界麵設計
4.4 綫框圖
4.5 原型
第5章 導航的焦點——錶現層
5.1 視覺設計概述
5.2 風格設計
5.2.1 菜單、標簽、按鈕、圖標
5.2.2 文字和數字
5.2.3 空間
5.2.4 最小化或無導航
5.2.5 圖像導航
5.2.6 模擬紙製品
5.2.7 封麵頁
5.2.8 第一屏
5.3 交互的視覺呈現
5.3.1 導航菜單的交互視覺效果
5.3.2 Ajax技術的應用
5.3.3 Flash技術的保全方案
5.3.4 鏈接文本的四種狀態
5.3.5 鏈接的響應區域
5.3.6 Material Design交互動效
5.4 格式塔效應
5.4.1 接近性
5.4.2 相似性
5.4.3 連續性
5.4.4 對稱性
5.4.5 完整和閉閤傾嚮
5.4.6 共同方嚮運動
5.4.7 主體背景法則
5.5 視覺影響
5.5.1 分組及對齊
5.5.2 視覺層次
5.5.3 視綫流
5.6 導航布局
5.6.1 橫嚮頂部
5.6.2 縱嚮左側
5.6.3 橫嚮底部
5.6.4 縱嚮居中
5.6.5 隨意布局
5.6.6 浮動布局
第6章 導航評價
6.1 導航評價方法
6.1.1 符閤用戶目標
6.1.2 與網站類型相稱
6.1.3 廣度與深度的平衡
6.1.4 視覺清晰
6.1.5 統一性
6.1.6 良好的反饋
6.1.7 有效率、有效果
6.1.8 易學易用
6.2 導航測試
6.2.1 測試方法與內容
6.2.2 眼動追蹤技術
6.2.3 導航測試分析
6.3 優秀導航案例
第7章 移動APP和移動Web的導航策略
7.1 移動APP和Web的導航模式分類
7.1.1 菜單欄模式
7.1.2 標簽模式
7.1.3 抽屜模式
7.1.4 樹狀模式
7.1.5 平鋪頁麵模式
7.1.6 組閤模式
7.1.7 模態視圖模式
7.1.8 沉浸模式
7.1.9 鏇轉木馬模式
7.1.10 卡片瀑布流模式
7.1.11 導航模式案例
7.2 移動APP/Web的導航視覺元素設計
7.2.1 導航結構
7.2.2 導航布局
7.2.3 導航顔色
7.2.4 導航文字
7.2.5 導航圖標
7.2.6 "使能"的設計
7.2.7 扁平化設計
7.2.8 Google Material Design
7.3 移動APP/Web導航交互設計原則
7.3.1 布局閤理
7.3.2 界麵簡潔
7.3.3 細化場景
7.3.4 減少輸入
7.3.5 積極反饋
7.4 展望
參考文獻
前言/序言
互聯網産品(Web/移動Web/APP)視覺設計:導航篇 下載 mobi epub pdf txt 電子書