第一章 數(shù)字媒介視覺傳播概述
第一節(jié) 數(shù)字媒介視覺傳播概述
一、數(shù)字媒體技術與視覺傳播體系
二、數(shù)字媒介傳播特性
三、數(shù)字媒介視覺設計與傳播
第二節(jié) 網絡技術發(fā)展及數(shù)字媒介產品
一、網頁設計技術發(fā)展簡史
二、主要網頁設計技術簡介
三、數(shù)字媒介產品
第三節(jié) 數(shù)字媒介視覺設計原則
一、通用設計原則
二、Web視覺設計產品適用原則
三、移動視覺設計產品適用原則
思考題
第二章 用戶視覺認知
第一節(jié) 用戶和用戶模型
一、用戶
二、用戶模型
第二節(jié) 用戶認知和認知結構
一、用戶認知
二、用戶認知結構
第三節(jié) 用戶視覺心理認知
一、從認知心理學研究界面的必要性
二、用戶界面設計中的人本思想轉化
第四節(jié) 常見用戶視覺心理認知特征
一、知覺的特性
二、視覺組織規(guī)律
三、色彩心理認知
四、形象思維和視覺隱喻特征
五、視覺注意和視覺搜索規(guī)律
第五節(jié) 視覺體驗
一、視覺體驗概念
二、視覺體驗的特征
三、視覺體驗的流程
思考題
第三章 數(shù)字媒介視覺設計元素
第一節(jié) 視覺設計與界面
一、用戶界面概述
二、圖形用戶界面概述
第二節(jié) 視覺設計元素
一、色彩
二、文字
三、圖像
四、圖形及符號
五、按鈕
六、多媒體元素
七、空間
第三節(jié) 視覺設計元素應用案例
一、空間元素應用案例——極簡設計
二、圖形及符號元素應用案例——中國風
思考題
第四章 布局設計
第一節(jié) 布局設計概述
一、編排
二、Web布局設計
第二節(jié) 布局設計功能
一、實用功能
二、審美功能
第三節(jié) 布局設計原理
一、造型元素
二、延伸造型元素
三、布局設計的基本原則
四、布局設計的視覺因素
五、如何提升視覺傳播的效果
第四節(jié) 布局常用模式
一、Web布局模式
二、移動App布局模式
第五節(jié) 布局設計步驟
一、繪制草案——草圖
二、粗略布局——線框圖
三、交互布局——原型圖
四、靜態(tài)定案——視覺稿
第六節(jié) 布局設計實例分析
一、富有東方韻味的布局
二、去界面化設計風格
思考題
第五章 導航設計
第一節(jié) 導航設計概述
一、理解導航
二、導航設計
第二節(jié) 導航設計的功能
一、提供更多獲取信息的途徑
二、提供定向和用戶位置信息
三、顯現(xiàn)相關性特征
四、提升品牌形象
五、提高產品可信度
第三節(jié) UCD導航設計理念
一、提供滿足用戶預期的信息氣味
二、提高導航關注度,避免廣告無視
三、根據(jù)用戶目標設定導航設計目標
四、從用戶出發(fā)融合多學科
第四節(jié) 導航設計形式
一、Web導航常用形式
二、移動端導航形式
三、小結
第五節(jié) 導航設計實現(xiàn)
第六節(jié) 導航設計實例分析
一、向導式導航設計
二、桌面端和移動端的比較
思考題
第六章 色彩設計
第一節(jié) 色彩基礎理論
一、色彩理論
二、色彩的心理感覺
三、色彩的作用與應用
第二節(jié) 色彩應用原理
一、數(shù)字色彩
二、數(shù)字色彩模式
三、色彩搭配的原則
四、色彩搭配方法
五、色彩應用影響因素
第三節(jié) 色彩應用實例分析
一、具有東方味的網頁配色
二、色彩在App中的分級應用分析——以豆瓣App 4.0為例
思考題
第七章 數(shù)字圖形圖像設計
第一節(jié) 數(shù)字圖形圖像概述
一、圖形圖像分類
二、圖形圖像應用分類
三、圖形圖像在界面設計中的作用
第二節(jié) 圖形圖像設計元素
一、基本造型元素
二、擴展造型元素
第三節(jié) 圖形圖像編輯處理
一、圖形圖像創(chuàng)意的起點
二、圖形設計的造型方法
三、圖像設計的表現(xiàn)技巧
第四節(jié) 圖形圖像應用實例分析
一、App應用圖標設計
二、Banner的制作
思考題
第八章 文字及編排設計
第一節(jié) 文字與字體
一、文字概述
二、字體概述
第二節(jié) 字體選擇和應用
一、字體選擇
二、字體應用
第三節(jié) 文字編排設計
一、文字編排設計概述
二、核心概念
三、文字編排應用
第四節(jié) 文字及編排設計應用實例分析
一、字體設計
二、長文布局示例
思考題
第九章 視覺傳播優(yōu)化
第一節(jié) 視覺傳播優(yōu)化概述
一、視覺傳播優(yōu)化概念
二、視覺傳播優(yōu)化的原因
第二節(jié) 視覺傳播優(yōu)化方法
一、提出視覺傳播優(yōu)化需求
二、分模塊優(yōu)化
三、完善模塊一致性
第三節(jié) 視覺傳播優(yōu)化實施
一、布局優(yōu)化
二、導航優(yōu)化
三、色彩優(yōu)化
四、圖形優(yōu)化
五、文本優(yōu)化
第四節(jié) 視覺傳播優(yōu)化案例
一、社交型健身App Keep的優(yōu)化案例
二、布局優(yōu)化系列案例