UI設計全書

作者：編者:胡衛軍|責編:陳曉婕
出版社：電子工業
ISBN：9787121389184

出版日期：2020/12/01
裝幀：平裝
頁數：609

人民幣：RMB 148 元售價：元

內容大鋼

    本書是一本使用Photoshop CC 2018進行UI設計製作的案例教程，語言淺顯易懂，配合大量精美的UI設計案例，講解了有關UI設計的相關知識和使用Photoshop CC 2018進行UI界面設計製作的方法和技巧。
    本書配套的資源包中提供了書中所有案例的素材源文件和視頻教程，方便讀者借鑒和使用。
    本書適合有一定Photoshop CC 2018軟體操作基礎的UI設計初學者及UI設計愛好者閱讀，也可以為一些設計製作人員及相關專業的學習者提供參考。

作者介紹

編者:胡衛軍|責編:陳曉婕

第1章  關於UI設計
  1.1  關於UI設計
    1.1.1  UI設計概念
    1.1.2  設計類別
    1.1.3  UI設計流程
  1.2  了解UI設計師
    1.2.1  研究界面——圖形設計師
    1.2.2  研究人與界面的關係——交互設計師
    1.2.3  研究人——用戶測試/研究工程師
  1.3  UI設計應用軟體
    1.3.1  圖片處理——Photoshop
    1.3.2  矢量繪圖——Illustrator
    1.3.3  矢量繪圖——Sketch
    1.3.4  交互效果——Axure RP
    1.3.5  小動畫——Flash
  1.4  UI設計的構成元素
    1.4.1  文字元素
    1.4.2  圖形符號元素
    1.4.3  圖像元素
    1.4.4  多媒體元素
    1.4.5  色彩元素
  1.5  UI設計的重要原則
    1.5.1  清晰明了的設計
    1.5.2  記憶負擔最小化
    1.5.3  設計的一致性
    1.5.4  美觀大方的設計
    1.5.5  從用戶習慣考慮
    1.5.6  安全性
    1.5.7  靈活性
    1.5.8  人性化
  1.6  專題討論
    1.6.1  為什麼要培養設計師的產品思維？
    1.6.2  產品層面思考
  1.7  本章小結
第2章  UI設計配色
  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.3  色彩在網站UI設計中的作用
    2.3.1  突出主題
    2.3.2  劃分視覺區域
    2.3.3  吸引用戶

    2.3.4  增強藝術性
  2.4  網站UI設計中的色彩搭配
    2.4.1  網站UI設計配色基礎
    2.4.2  網站UI設計配色原則
  2.5  網站UI設計配色方法
    2.5.1  主色
    2.5.2  背景色
    2.5.3  輔色
    2.5.4  點綴色
  2.6  網站文本配色
    2.6.1  網頁與文本的配色關係
    2.6.2  良好的網頁文本配色
    2.6.3  網頁文本配色要點
  2.7  網頁元素的色彩搭配
    2.7.1  Logo與廣告
    2.7.2  導航菜單
    2.7.3  背景與文字
    2.7.4  鏈接文字
  2.8  手機遊戲界面配色
    2.8.1  手機遊戲界面設計中的色彩表現
    2.8.2  手機遊戲界面設計中的色彩設計方法
  2.9  專題討論
    2.9.1  網站界面配色的基本方法是什麼？
    2.9.2  怎樣培養對色彩的敏感度？
  2.10  本章小結
第3章  圖標按鈕設計
  3.1  圖標按鈕設計概述
    3.1.1  圖標按鈕的起源
    3.1.2  圖標按鈕的分類
  3.2  軟體圖標按鈕設計
    3.2.1  圖標設計規範
    3.2.2  圖標常用格式
    3.2.3  軟體按鈕設計
  3.3  圖標設計風格
    3.3.1  簡約化軟體圖標
    3.3.2  扁平化軟體圖標
    3.3.3  擬物化軟體圖標
  3.4  網頁圖標按鈕設計
    3.4.1  網頁中按鈕的設計規則
    3.4.2  網頁中常見的按鈕類型
    3.4.3  網頁中按鈕的特點
    3.4.4  網頁圖標的應用
  3.5  網頁中按鈕的實際作用
    3.5.1  具有提交功能的按鈕
    3.5.2  具有鏈接功能的按鈕
  3.6  遊戲界面中的按鈕設計
    3.6.1  按鈕元素
    3.6.2  遊戲按鈕的視覺表現
  3.7  專題討論
    3.7.1  圖標的常用尺寸有哪些？

    3.7.2  如何設計出好的圖標或按鈕？
  3.8  本章小結
第4章  應用軟體UI設計
  4.1  了解軟體UI設計
    4.1.1  軟體UI設計基礎
    4.1.2  軟體UI設計原則
    4.1.3  軟體UI設計分類
    4.1.4  軟體UI設計元素
  4.2  開關和進度條設計
    4.2.1  開關設計
    4.2.2  進度條設計
  4.3  軟體菜單和工具欄設計
    4.3.1  軟體菜單的必要性
    4.3.2  軟體菜單的設計原則
    4.3.3  軟體工具欄的作用
  4.4  軟體啟動界面設計
    4.4.1  軟體啟動界面的作用
    4.4.2  軟體啟動界面的設計原則
    4.4.3  設計軟體啟動界面需要注意的事項
  4.5  軟體皮膚設計
    4.5.1  天氣軟體皮膚設計
    4.5.2  輸入法軟體皮膚設計
  4.6  專題討論
    4.6.1  如何在軟體安裝界面設計中提高用戶對軟體的認知？
    4.6.2  在軟體啟動界面中通常會為用戶提供哪些信息？
  4.7  本章小結
第5章  遊戲UI設計
  5.1  了解遊戲UI設計
    5.1.1  遊戲UI設計基礎
    5.1.2  確定遊戲設計風格
    5.1.3  遊戲UI設計規範
    5.1.4  遊戲UI的三種設計方式
  5.2  遊戲UI設計元素
    5.2.1  圖形圖像元素
    5.2.2  文字元素
    5.2.3  動態顯示元素
    5.2.4  視聽元素
  5.3  網頁遊戲UI設計
    5.3.1  熟悉網頁遊戲
    5.3.2  設計流程
    5.3.3  設計規則
    5.3.4  設計目標
  5.4  iOS系統遊戲UI設計
    5.4.1  設計基礎
    5.4.2  設計原則
    5.4.3  移動端遊戲UI的特點
    5.4.4  iPad遊戲視覺設計要素
  5.5  Android系統遊戲UI設計
    5.5.1  設計基礎
    5.5.2  設計規範

    5.5.3  傳統遊戲與手機遊戲UI設計
    5.5.4  手機遊戲UI設計常見問題
  5.6  專題討論
    5.6.1  什麼是人性化的網頁遊戲UI？
    5.6.2  網頁遊戲UI為什麼要具有一定的可擴充性？
  5.7  本章小結
第6章  網頁UI設計
  6.1  網頁UI設計詳解
    6.1.1  認識網頁界面設計
    6.1.2  網頁界面設計要點
    6.1.3  網頁界面設計規範
    6.1.4  網頁界面設計思路
  6.2  網頁Logo設計
    6.2.1  網頁Logo的表現形式
    6.2.2  網頁Logo的設計特點
    6.2.3  網頁Logo的設計原則
  6.3  網頁導航設計
    6.3.1  網頁導航概述
    6.3.2  導航在網頁中的表現形式
    6.3.3  導航的擺放位置
  6.4  網頁廣告設計
    6.4.1  網頁廣告的特點
    6.4.2  常見的網頁廣告類型
  6.5  網頁布局與版式設計
    6.5.1  了解網頁布局
    6.5.2  常見的網頁布局形式
    6.5.3  網頁構成的藝術表現
    6.5.4  網頁界面風格設計
  6.6  專題討論
    6.6.1  互動式導航的優勢與劣勢
    6.6.2  文字排版設計在網站界面中起到的作用
    6.6.3  什麼是網站界面布局的連貫性和多樣性？
  6.7  本章小結
第7章  淘寶店鋪UI設計
  7.1  淘寶店鋪UI設計基本元素
    7.1.1  關於網店設計
    7.1.2  店鋪中的導航表現形式
    7.1.3  設計店鋪中的工具欄
  7.2  淘寶店鋪視覺設計原則
    7.2.1  功能性原則
    7.2.2  實用性原則
    7.2.3  一致性原則
  7.3  店鋪專題海報設計
    7.3.1  海報的擺放位置
    7.3.2  海報設計的層次
    7.3.3  海報設計中文字的作用
    7.3.4  利用設計凸顯海報主題
  7.4  淘寶店鋪廣告設計
    7.4.1  移動端與PC端淘寶店鋪廣告的不同
    7.4.2  廣告設計元素

    7.4.3  廣告設計要點
    7.4.4  廣告設計技巧
  7.5  專題討論
    7.5.1  淘寶店鋪的海報尺寸
    7.5.2  店招的作用
  7.6  本章小結
第8章  移動端App設計
  8.1  初識移動端App
    8.1.1  什麼是App
    8.1.2  智能設備
  8.2  移動端屏幕尺寸
    8.2.1  Android系統屏幕尺寸
    8.2.2  iOS系統屏幕尺寸
    8.2.3  App啟動界面
    8.2.4  App引導界面分類
  8.3  App界面布局
    8.3.1  Android系統軟體界面布局
    8.3.2  iOS系統軟體布局
    8.3.3  音樂App界面布局
    8.3.4  App界面設計要求
    8.3.5  App軟體界面設計原則
  8.4  App界面視覺設計規範
    8.4.1  視覺設計規範的意義
    8.4.2  常見的App視覺設計流程
    8.4.3  注意事項
  8.5  專題討論
    8.5.1  移動端AppUI設計與軟體UI設計之間的區別是什麼？
    8.5.2  為什麼App軟體界面非常重要？
  8.6  本章小結
第9章  圖標按鈕設計綜合案例
  9.1  繪製電源按鈕
    9.1.1  按鈕在不同頁面中的作用
    9.1.2  按鈕在不同環境下的狀態
    9.1.3  案例解析
    9.1.4  操作步驟
  9.2  繪製遊戲啟動圖標
    9.2.1  產品構思
    9.2.2  優化設計
    9.2.3  案例解析
    9.2.4  操作步驟
  9.3  繪製遊戲圖標
    9.3.1  按鈕屬性
    9.3.2  按鈕分類
    9.3.3  案例解析
    9.3.4  操作步驟
  9.4  繪製水晶質感圖標
    9.4.1  按界面位置和模塊分類
    9.4.2  按功能模塊分類
    9.4.3  案例解析
    9.4.4  操作步驟

  9.5  本章小結
第10章  UI配色設計綜合案例
  10.1  繪製新春海報
    10.1.1  配色技巧——同色系搭配
    10.1.2  配色方案的熟練使用
    10.1.3  案例解析
    10.1.4  操作步驟
  10.2  製作Banner海報
    10.2.1  配色技巧——對比配色
    10.2.2  色彩心理學的重要性
    10.2.3  案例解析
    10.2.4  操作步驟
  10.3  繪製休閑食品海報
    10.3.1  配色技巧——鄰近色配色
    10.3.2  從生活中獲取配色
    10.3.3  案例解析
    10.3.4  操作步驟
  10.4  繪製數碼產品促銷海報
    10.4.1  配色技巧——互補色配色
    10.4.2  色彩搭配中的文化差異
    10.4.3  案例解析
    10.4.4  操作步驟
  10.5  本章小結
第11章  應用軟體設計綜合案例
  11.1  繪製視頻播放器界面
    11.1.1  播放器界面設計
    11.1.2  案例解析
    11.1.3  操作步驟
  11.2  半透明音樂播放器界面
    11.2.1  人性化的播放器界面設置
    11.2.2  軟體界面設計要點
    11.2.3  案例解析
    11.2.4  製作步驟
  11.3  雲空間軟體界面
    11.3.1  Web界面設計要點
    11.3.2  播放器界面設計原則
    11.3.3  案例解析
    11.3.4  製作步驟
  11.4  繪製視頻設置界面
    11.4.1  界面設計趨勢
    11.4.2  軟體界面的屏幕顯示
    11.4.3  案例解析
    11.4.4  製作步驟
  11.5  本章小結
第12章  遊戲UI設計綜合案例
  12.1  繪製遊戲幫助界面
    12.1.1  按遊戲種類分類
    12.1.2  按遊戲模式分類
    12.1.3  案例解析
    12.1.4  製作步驟

  12.2  繪製撞球網頁遊戲界面
    12.2.1  網路遊戲設計要求
    12.2.2  了解遊戲的世界觀
    12.2.3  案例解析
    12.2.4  製作步驟
  12.3  繪製拼圖網頁遊戲界面
    12.3.1  遊戲界面的製作流程
    12.3.2  案例解析
    12.3.3  製作步驟
  12.4  繪製馬會遊戲界面
    12.4.1  色彩元素在遊戲界面中的作用
    12.4.2  案例解析
    12.4.3  製作步驟
  12.5  本章小結
第13章  網頁設計綜合案例
  13.1  設計製作企業網站界面
    13.1.1  了解企業網站設計
    13.1.2  了解兒童網站設計
    13.1.3  案例解析
    13.1.4  製作步驟
  13.2  設計製作咖啡網站界面
    13.2.1  網頁布局設計
    13.2.2  網頁布局原則
    13.2.3  案例解析
    13.2.4  製作步驟
  13.3  設計製作淘寶促銷網頁
    13.3.1  網頁中文字設計要求
    13.3.2  網頁中文字設計原則
    13.3.3  案例解析
    13.3.4  製作步驟
  13.4  本章小結

同類熱銷排行榜

最近瀏覽的商品

UI設計全書