幫助中心 | 我的帳號 | 關於我們
進階搜尋
car

同類熱銷排行榜

最近瀏覽的商品

按鈕+菜單+載入+轉場UI交互動效設計教程/UI設計從業必讀

  • 作者：編者:王欣|責編:陳曉婕
  • 出版社：電子工業
  • ISBN：9787121401763
  • 出版日期：2021/01/01
  • 裝幀：平裝
  • 頁數：248
人民幣：RMB 89.8 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    UI交互設計是設計人與UI之間的「對話」，交互設計的目的包括對UI的有用性、易用性和吸引性方面進行設計和改善。近年來，隨著互聯網的發展，特別是進入數字時代，多媒體的應用讓交互設計的研究顯得更加多元化。產品的功能越來越複雜，提高產品用戶體驗的需求越來越迫切，這些對交互設計提出了越來越高的要求。
    本書從研究交互設計與用戶體驗的關係開始，圖文並茂、循序漸進地講解了UI交互設計的基礎、UI設計規範、交互設計的UI布局、UI中各種元素的交互設計方法和技巧，並且向讀者介紹了交互動效設計的相關知識，通過對交互動效案例的講解，使讀者能夠輕鬆掌握交互動效的製作方法和技巧，全面提升讀者的UI交互設計水平，達到學以致用的目的。
    本書適合學習UI設計的初、中級讀者閱讀，也可以作為各類在職設計人員在實際UI設計工作中的參考用書。
作者介紹
編者:王欣|責編:陳曉婕
目錄
第1章  UI交互設計基礎
  1.1  UI設計概述
    1.1.1  什麼是UI設計
    1.1.2  UI設計常用術語
    1.1.3  UI設計的特點
  1.2  了解UI交互設計
    1.2.1  什麼是交互
    1.2.2  什麼是交互設計
    1.2.3  了解UI交互設計師
    1.2.4  交互設計需要考慮的內容
    1.2.5  交互設計需要遵循的習慣
  1.3  交互設計與用戶體驗的關係
    1.3.1  什麼是用戶體驗
    1.3.2  六種基礎體驗
    1.3.3  UI交互設計的重要性
    1.3.4  交互設計的五要素
  1.4  交互設計的基本流程
  1.5  產品需求分析
    1.5.1  需求分析的誤區
    1.5.2  需求分析的路徑
  1.6  用戶行為流程設計
    1.6.1  用戶行為流程的分類
    1.6.2  用戶行為流程的設計原則
  1.7  產品信息架構設計
    1.7.1  什麼是產品信息架構
    1.7.2  如何進行產品信息架構設計
  1.8  產品原型設計
    1.8.1  什麼是原型設計
    1.8.2  原型設計的流程
  1.9  移動端App與網站的交互差異
    1.9.1  設備尺寸不同
    1.9.2  交互方式不同
    1.9.3  使用環境不同
    1.9.4  網路環境不同
    1.9.5  基於位置服務的精細度不同
  1.10  本章小結
第2章  UI設計規範
  2.1  了解iOS系統
    2.1.1  iOS系統的屏幕解析度
    2.1.2  邏輯點與倍圖
  2.2  iOS系統UI設計規範
    2.2.1  iPhone常用屏幕尺寸和解析度
    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.3  iOS系統UI設計三大原則
    2.3.1  視覺層——清晰
    2.3.2  交互層——遵從
    2.3.3  結構層——深度
  2.4  了解Android系統
    2.4.1  Android系統的發展
    2.4.2  Android系統常用單位
    2.4.3  單位換算
    2.4.4  Android系統常用解析度
  2.5  Android系統UI設計規範
    2.5.1  界面基本元素的尺寸設置
    2.5.2  字體設計規範
    2.5.3  圖標設計規範
    2.5.4  色彩應用標準
    2.5.5  設計適配
  2.6  本章小結
第3章  交互設計的UI布局
  3.1  移動端UI的布局設計
    3.1.1  UI版面布局的特徵
    3.1.2  UI常見布局形式
    3.1.3  無框設計與卡片式設計
  3.2  UI設計中的平面構成
    3.2.1  統一與變化
    3.2.2  對比與調和
    3.2.3  對稱與平衡
    3.2.4  節奏與韻律
  3.3  界面的格式塔原理
    3.3.1  什麼是格式塔原理
    3.3.2  格式塔原理的七大法則
  3.4  UI的交互設計
    3.4.1  用戶青睞的交互設計模式
    3.4.2  如何提升產品轉化率
    3.4.3  三種新穎的UI交互技巧
  3.5  優秀的UI交互具有哪些特點
    3.5.1  明確系統狀態
    3.5.2  讓按鈕和操控擁有觸感
    3.5.3  有意義的轉場動效
    3.5.4  幫助用戶開始
    3.5.5  強調界面的變化
    3.5.6  需要注意的細節
  3.6  本章小結
第4章  界面元素的交互設計
  4.1  UI設計元素——文字
    4.1.1  襯線字體與無襯線字體
    4.1.2  UI中的字體應用
    4.1.3  在界面中盡可能只使用一種字體
    4.1.4  如何體現文字的層次感
    4.1.5  文字適配的四種方式
  4.2  UI設計元素——圖標
    4.2.1  圖標的功能

    4.2.2  圖標的類型
    4.2.3  圖標的表現形式及適用場景
  4.3  圖標交互的意義
    4.3.1  預見性
    4.3.2  美觀性
    4.3.3  統一性
  4.4  UI設計元素——按鈕
    4.4.1  按鈕的功能與表現
    4.4.2  常見的按鈕形狀
    4.4.3  交互按鈕的樣式與應用
  4.5  如何設計出色的交互按鈕
    4.5.1  按鈕需要看起來可點擊
    4.5.2  按鈕的色彩很重要
    4.5.3  按鈕的尺寸
    4.5.4  合適的擺放位置
    4.5.5  良好的對比效果
    4.5.6  按鈕樣式需要統一
    4.5.7  明確告訴用戶按鈕的功能
    4.5.8  注意按鈕的視覺層級
  4.6  UI設計元素——圖片
    4.6.1  圖片比例
    4.6.2  常見的圖片排版方式
    4.6.3  UI中圖片的應用技巧
  4.7  UI設計元素——導航
    4.7.1  底部標籤式導航
    4.7.2  舵式導航
    4.7.3  選項卡式導航
    4.7.4  抽屜式導航
  4.8  UI設計元素——表單
    4.8.1  文本輸入表單元素
    4.8.2  搜索表單的常見表現形式
    4.8.3  搜索表單的不同交互狀態
  4.9  本章小結
第5章  UI交互動效基礎
  5.1  交互動效與UI設計
    5.1.1  UI動效的發展
    5.1.2  優秀的交互動效具有哪些特點
    5.1.3  交互動效的優勢是什麼
    5.1.4  功能型動效與展示型動效
  5.2  哪些場合可以使用動效表現UI交互
    5.2.1  轉場過渡
    5.2.2  層級展示
    5.2.3  空間擴展
    5.2.4  關注聚焦
    5.2.5  內容呈現
    5.2.6  操作反饋
  5.3  基礎動效類型有哪些
    5.3.1  基礎動效
    5.3.2  屬性變化
    5.3.3  運動節奏

    5.3.4  基礎動效組合應用
  5.4  認識主流交互動效製作軟體——After Effects
    5.4.1  了解After Effects
    5.4.2  After Effects的工作界面
    5.4.3  After Effects的基本操作
    5.4.4  導入素材
    5.4.5  導入PSD格式素材
    實戰練習01——導入PSD格式素材創建合成
  5.5  交互動效製作基礎
    5.5.1  認識「時間軸」面板
    5.5.2  理解幀與關鍵幀
    5.5.3  創建關鍵幀
    5.5.4  編輯關鍵幀
    5.5.5  五種基礎「變換」屬性
    實戰練習02——製作App啟動界面動效
    5.5.6  關於緩動效果
  5.6  關於蒙版動效
    5.6.1  蒙版動效原理
    5.6.2  創建蒙版的工具
    5.6.3  蒙版屬性
    實戰練習03——製作界面蒙版顯示動效
    5.6.4  軌道遮罩
    實戰練習04——製作iOS系統解鎖文字遮罩動效
  5.7  交互動效的渲染輸出
    5.7.1  渲染選項設置
    5.7.2  使用Photoshop將動效輸出為GIF文件
    實戰練習05——將動效渲染輸出為GIF動畫文件
    5.7.3  將動效嵌入手機模板
    實戰練習06——將動效嵌入手機模板
  5.8  本章小結
第6章  UI交互動效設計與實現
  6.1  開關按鈕交互動效
    6.1.1  開關按鈕的功能與特點
    6.1.2  製作開關按鈕交互動效
    實戰練習01——製作開關按鈕交互動效
  6.2  載入進度交互動效
    6.2.1  了解載入等待動效
    6.2.2  常見的載入進度動效表現形式
    6.2.3  製作矩形進度條動效
    實戰練習02——製作矩形進度條動效
  6.3  文字交互動效
    6.3.1  文字動效的表現優勢
    6.3.2  常見的文字動效表現形式
    6.3.3  製作手寫文字動效
    實戰練習03——製作手寫文字動效
  6.4  圖標交互動效
    6.4.1  常見的圖標動效表現形式
    6.4.2  製作圖標路徑變換動效
    實戰練習04——製作圖標路徑變換動效
    6.4.3  圖標工具欄交互動效

    6.4.4  製作工具圖標動感展開動效
    實戰練習05——製作工具圖標動感展開動效
  6.5  導航菜單交互動效
    6.5.1  互動式導航菜單的優勢
    6.5.2  互動式導航菜單的設計要點
    6.5.3  製作側滑交互導航菜單動效
    實戰練習06——製作側滑交互導航菜單動效
  6.6  UI交互動效
    6.6.1  UI交互動效的作用
    6.6.2  常見的UI交互動效表現形式
    6.6.3  製作火箭載入等待動效
    實戰練習07——製作火箭載入等待動效
  6.7  UI轉場交互動效
    6.7.1  常見的UI轉場動效形式
    6.7.2  UI轉場交互動效設計要求
  6.8  UI交互動效設計規範
    6.8.1  UI交互動效設計要點
    6.8.2  通過交互動效設計提升UI用戶體驗
    6.8.3  製作登錄轉場動效
    實戰練習08——製作登錄轉場動效
  6.9  本章小結

  • 商品搜索：
  • | 高級搜索
首頁│ 新手上路│ 客服中心│ 關於我們│ 聯絡我們│ Top↑│
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話：02-2381-2033 02-2381-1863　時間：週一-週五 10:00-17:00
　服務信箱：bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證：浙B2-20060032