幫助中心 | 我的帳號 | 關於我們

App+軟體+遊戲+網站界面設計教程/UI設計從業必讀

  • 作者:編者:李曉斌|責編:陳曉婕
  • 出版社:電子工業
  • ISBN:9787121392382
  • 出版日期:2020/09/01
  • 裝幀:平裝
  • 頁數:284
人民幣:RMB 89.8 元      售價:
放入購物車
加入收藏夾

內容大鋼
    如今,人們對各種類型的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.3  UI界面設計中的文字
    1.3.1  簡化文字內容
    1.3.2  字體設計合理
    1.3.3  安排文字層次
    1.3.4  信息表達準確
    1.3.5  文字畫面美感設計
  1.4  UI界面設計中的黃金法則
    1.4.1  保持界面的一致性
    1.4.2  在界面中設置快捷方式
    1.4.3  為用戶提供信息反饋
    1.4.4  提供簡單的錯誤處理
  1.5  UI界面設計的色彩搭配
    1.5.1  色彩基礎
    1.5.2  色彩搭配原則
    1.5.3  色彩搭配方案
  1.6  UI界面設計中的布局
    1.6.1  構圖的基本概念
    1.6.2  構圖的法則
  1.7  UI界面設計的工作流程
    1.7.1  市場調研/需求分析
    1.7.2  設計分析/線框圖繪製
    1.7.3  界面製作/調研驗證
    1.7.4  測試產品/改進方案
    1.7.5  投入市場/用戶反饋
  1.8  常見的UI界面設計軟體
    1.8.1  Axure RP
    1.8.2  Sketch
    1.8.3  Photoshop
    1.8.4  Illustrator
  1.9  本章小結
第2章  UI界面設計元素
  2.1  UI界面設計元素的分類
  2.2  UI界面中的啟動界面
    2.2.1  啟動界面的概念
    2.2.2  啟動界面的作用
    2.2.3  啟動界面的設計技巧
  2.3  UI界面中的裝飾線條
    2.3.1  點與線的關係
    2.3.2  線條風格的變化
    2.3.3  裝飾線條的作用
  2.4  UI界面中的按鈕和圖標
    2.4.1  按鈕設計的概況

      實戰練習01——製作扁平化按鈕
    2.4.2  UI界面中的圖標
    2.4.3  圖標的設計原則
    2.4.4  圖標的常用格式
    2.4.5  擬物化風格圖標
      實戰練習02——設計製作逼真的話筒圖標
    2.4.6  扁平化風格圖標
      實戰練習03——設計製作扁平化圖標
  2.5  UI界面中的開關和進度條
    2.5.1  軟體開關
    2.5.2  進度條設計
      實戰練習04——設計製作進度條
  2.6  UI界面中的菜單和工具欄設計
    2.6.1  菜單的重要性
    2.6.2  菜單的設計重點
      實戰練習05——製作UI界面導航和索引菜單
    2.6.3  工具欄的作用
  2.7  本章小結
第3章  軟體UI界面設計
  3.1  軟體界面設計基礎
    3.1.1  軟體界面的概念
    3.1.2  軟體界面的分類
    3.1.3  與移動端的差異性
    3.1.4  軟體包裝及市場化
  3.2  PC端應用軟體設計規範
    3.2.1  顏色規範
    3.2.2  文字規範
    3.2.3  控制項規範
    3.2.4  尺寸規範
  3.3  軟體安裝與啟動界面設計
    3.3.1  軟體啟動界面設計
    3.3.2  軟體安裝界面流程
    3.3.3  安裝界面的細節設計
  3.4  軟體面板設計
    3.4.1  軟體面板布局
      實戰練習01——製作在線聊天軟體的界面框架
    3.4.2  軟體面板布局的合理性
      實戰練習02——製作軟體界面的標題欄、頭像與圖標
    3.4.3  軟體面板的設計原則
      實戰練習03——製作聊天軟體界面的聯繫人列表
  3.5  軟體皮膚設計
  3.6  播放器軟體界面設計
    3.6.1  播放器界面設計原則
      實戰練習04——製作圖片播放器的背景和名稱
    3.6.2  界面的人性化設計
      實戰練習05——製作圖片播放器的主體
  3.7  本章小結
第4章  遊戲UI界面設計
  4.1  遊戲UI界面設計基礎
    4.1.1  關於遊戲UI界面設計

    4.1.2  遊戲UI界面中的設計理念
    4.1.3  與其他UI界面設計的區別
    4.1.4  認知心理學的作用
  4.2  遊戲UI界面設計中的視聽元素
    4.2.1  圖形元素設計
      實戰練習01——製作遊戲界面的背景和圖形元素
    4.2.2  動態元素設計
      實戰練習02——製作遊戲界面的標籤欄
    4.2.3  視聽元素設計
      實戰練習03——製作遊戲界面的導航欄和裝飾元素
  4.3  遊戲UI界面設計的要求
    4.3.1  遊戲UI界面設計的準備工作
      實戰練習04——製作遊戲的幫助界面
    4.3.2  遊戲UI界面的設計原則
    4.3.3  遊戲UI界面的設計要點
  4.4  遊戲UI界面的類型
    4.4.1  PC端遊戲UI界面設計
    4.4.2  移動端遊戲UI界面設計
  4.5  本章小結
第5章  網頁UI界面設計
  5.1  網頁的類型
    5.1.1  環境型界面
    5.1.2  情感型界面
    5.1.3  功能型界面
  5.2  網頁設計原則
    5.2.1  界面美觀
      實戰練習01——製作時尚簡潔的網站背景
    5.2.2  優秀的用戶體驗
    5.2.3  中心明確
    5.2.4  整體性與一致性
      實戰練習02——製作時尚簡潔的網站主體與版底
    5.2.5  及時更新與定期維護
  5.3  網頁界面構成元素
    5.3.1  文本
    5.3.2  圖像
      實戰練習03——製作寬屏網頁的頂部與底部
    5.3.3  多媒體
    5.3.4  配色
  5.4  網頁版式與布局
    5.4.1  布局方式
    5.4.2  網頁選圖
      實戰練習04——製作寬屏網頁的主體
    5.4.3  網頁構圖
  5.5  網頁切圖規範
      實戰練習05——製作時尚簡潔地電子商務網站切圖
  5.6  網頁UI界面適配
    5.6.1  適配的方式方法
    5.6.2  適配需要注意的點
  5.7  本章小結
第6章  Android系統UI界面設計

  6.1  認識Android系統
    6.1.1  Android系統概述
    6.1.2  Android系統的優勢
    6.1.3  Android系統的局限性
    6.1.4  定製Android系統
  6.2  Android系統UI界面設計規範
    6.2.1  Android系統的基本單位
    6.2.2  Android系統界面的設計尺寸
      實戰練習01——製作購物App的頂部和Banner
    6.2.3  Android系統的圖標與按鈕
    6.2.4  Android系統的元素間距
    6.2.5  App中的文字規範
      實戰練習02——製作App的分類圖標和Banner
  6.3  Android系統UI界面設計原則
    6.3.1  界面美觀整潔
    6.3.2  操作簡便
    6.3.3  優化用戶體驗
    6.3.4  App界面的整體性
      實戰練習03——製作App的版本更新彈出框
  6.4  Android系統界面輸出
    6.4.1  設計稿標注
    6.4.2  設計稿切圖
      實戰練習04——製作App的優惠專區和底部導航
    6.4.3  適配輸出
  6.5  本章小結
第7章  iOS系統UI界面設計
  7.1  iOS系統概況
    7.1.1  了解iOS系統
    7.1.2  了解WatchOS系統
  7.2  iOS系統界面設計規範
    7.2.1  界面尺寸規範
    7.2.2  欄高尺寸規範
    7.2.3  邊距和間距尺寸規範
      實戰練習01——製作iOS系統天氣界面
    7.2.4  圖標尺寸規範
    7.2.5  字體規範
    7.2.6  圖片設計規範
      實戰練習02——製作iOS系統監測界面上半部分
  7.3  iOS系統界面設計原則
    7.3.1  審美完整性
    7.3.2  一致性
    7.3.3  直接操作
    7.3.4  反饋
    7.3.5  隱喻
    7.3.6  用戶控制
      實戰練習03——製作iOS系統監測界面下半部分
  7.4  iOS系統界面輸出
    7.4.1  項目立項
    7.4.2  項目製作
    7.4.3  切圖標注

    7.4.4  切圖輸出
      實戰練習04——製作完美的iOS系統天氣界面切圖
    7.4.5  適配輸出
  7.5  本章小結

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們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