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

同類熱銷排行榜

最近瀏覽的商品

Photoshop+Adobe XD+Illustrator移動UI設計教程/UI設計從業必讀

  • 作者：編者:張曉景|責編:陳曉婕
  • 出版社：電子工業
  • ISBN：9787121414312
  • 出版日期：2021/08/01
  • 裝幀：平裝
  • 頁數：196
人民幣：RMB 89.8 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    本書主要講解了iOS系統和Android系統兩種移動設備系統界面的結構及設計規範，全面解析了移動端App界面的設計流程及技巧。本書還介紹了如何使用Adobe XD、Photoshop、PxCook和Cutterman等主流軟體進行UI設計製作。
    本書共6章。第1章主要講解移動UI設計基礎；第2章主要講解iOS系統界面設計；第3章主要講解Android系統界面設計；第4章主要講解移動UI圖標設計；第5章主要講解iOS系統界面應用設計；第6章主要講解Android系統界面應用設計。
    本書將提供全部案例的素材、源文件和教學視頻，讀者可以結合書、練習文件和教學視頻，提升移動端App界面設計的學習效率。
    本書適合UI設計愛好者、App界面設計從業者、移動UI設計從業者閱讀，也適合作為各院校相關設計專業的參考教材。
作者介紹
編者:張曉景|責編:陳曉婕
目錄
第1章  移動UI設計基礎
  1.1  UI設計與移動UI設計
    1.1.1  了解UI設計
    1.1.2  了解移動UI設計
    1.1.3  移動UI與平面UI
  1.2  移動UI設計的平台類型
    1.2.1  Android系統
    1.2.2  iOS系統
    1.2.3  Wear OS系統和Watch OS系統
  1.3  移動UI的設計內容
    1.3.1  配色方案的設計
    1.3.2  頁面布局的設計
    1.3.3  按鈕和圖標的設計
    1.3.4  文字和版式的設計
  1.4  了解移動UI設計常用的軟體
    1.4.1  Axure RP 和Adobe XD
    1.4.2  Photoshop和Sketch
    1.4.3  PxCook和Assistor PS
  1.5  了解UI設計的工作流程
    1.5.1  需求分析
    1.5.2  交互設計
    1.5.3  視覺設計
  1.6  了解互聯網產品職位劃分
    1.6.1  產品經理
    1.6.2  項目經理
    1.6.3  頁面設計師
    1.6.4  開發人員
  1.7  本章小結
第2章  iOS系統界面設計
  2.1  解析度與界面設計尺寸
    2.1.1  像素與解析度
    2.1.2  iOS系統界面設計尺寸
    實戰練習01——使用Photoshop新建App文件
  2.2  iOS系統的組件尺寸
    2.2.1  組件尺寸
    2.2.2  邊距和間距
    實戰練習02——創建輔助線繪製iOS組件
  2.3  iOS系統文字設計規範
    2.3.1  字體
    2.3.2  字型大小
    2.3.3  顏色和字重
  2.4  iOS系統圖標設計規範
  2.5  iOS系統圖片設計規範
    2.5.1  圖片的比例
    2.5.2  圖片的格式
  2.6  iOS系統內容布局
    2.6.1  列表式布局
    2.6.2  陳列館式布局
    2.6.3  宮格式布局
    2.6.4  卡片式布局

  2.7  iOS系統版式設計規範
    實戰練習03——設計製作iOS系統App版面
  2.8  iOS系統設計適配
    2.8.1  向下適配
    2.8.2  向上適配
  2.9  iOS切圖規範
    2.9.1  切圖輸出
    實戰練習04——使用Photoshop切圖輸出
    2.9.2  切片命名規範
    2.9.3  設計稿標注
  2.10  提交最終文件
  2.11  本章小結
第3章  Android系統界面設計
  3.1  了解Android系統「碎片化」
  3.2  Android系統界面設計尺寸
    3.2.1  了解屏幕密度的概念
    3.2.2  Android系統開發單位
    3.2.3  Android系統界面設計尺寸
    實戰練習01——使用Adobe XD創建Android文檔
  3.3  Android系統組件設計尺寸
    3.3.1  Android系統組件尺寸
    3.3.2  Android系統的元素間距
    實戰練習02——創建Android系統界面的組件
  3.4  Android系統文字設計規範
    3.4.1  字體
    3.4.2  字型大小
  3.5  Android系統中圖標設計規範
    3.5.1  圖標尺寸
    3.5.2  觸摸反饋
    實戰練習03——繪製Android App界面結構
  3.6  Android界面標注與切圖
    3.6.1  Android界面的標注
    3.6.2  Android界面的切圖
    3.6.3  「點9」切圖的應用
  3.7  Android系統界面適配問題
    3.7.1  採用哪種解析度設計
    3.7.2  設計師需要提供幾套切圖
    3.7.3  界面設計中字體的應用技巧
  3.8  如何做到一稿兩用
  3.9  本章小結
第4章  移動UI圖標設計
  4.1  圖標設計基礎
    4.1.1  圖標設計的必要性
    4.1.2  影響圖標的屬性
    4.1.3  好圖標的特點
  4.2  了解圖標柵格系統
    4.2.1  系統圖標柵格
    4.2.2  不同造型圖標的柵格規範
  4.3  圖標的渲染風格
  4.4  圖標的透視

    4.4.1  關於透視
    4.4.2  繪製零點透視圖標
    實戰練習01——繪製零點透視圖標
    4.4.3  繪製一點透視圖標
    實戰練習02——繪製一點透視圖標
    4.4.4  繪製兩點透視圖標
    實戰練習03——繪製兩點透視圖標
  4.5  圖標集的製作流程
    4.5.1  創建製作清單
    4.5.2  設計草圖
    4.5.3  數字呈現
    4.5.4  確定最終效果
    4.5.5  命名並導出
  4.6  移動UI圖標設計形式
    4.6.1  中文形式
    4.6.2  英文形式
    4.6.3  圖形形式
    4.6.4  數字和特殊符號形式
  4.7  啟動圖標設計
    4.7.1  啟動圖標設計要求
    4.7.2  啟動圖標設計規範
    實戰練習04——設計製作iOS指南針啟動圖標
    4.7.3  快速索引、設置頁面和通知圖標
  4.8  標籤欄圖標設計
    實戰練習05——設計製作標籤欄圖標
  4.9  圖標設計的優點與原則
  4.10  本章小結
第5章  iOS系統界面應用設計
  5.1  設計製作旅遊App界面
    5.1.1  旅遊App界面布局分析
    實戰練習01——設計製作旅遊App界面布局
    5.1.2  旅遊App界面色彩搭配分析
    5.1.3  旅遊App界面元素分析
    實戰練習02——設計製作旅遊App界面
    5.1.4  旅遊App界面輸出分析
    實戰練習03——旅遊App界面適配
  5.2  設計製作外賣App界面
    5.2.1  外賣App界面布局分析
    實戰練習04——設計製作外賣App界面布局
    5.2.2  外賣App界面色彩搭配分析
    5.2.3  外賣App界面元素分析
    實戰練習05——設計製作外賣App登錄界面
    實戰練習06——設計製作外賣App主頁界面
    5.2.4  外賣App界面輸出分析
    實戰練習07——外賣App界面適配
    5.2.5  外賣App界面交互效果分析
    實戰練習08——設計製作外賣App交互原型
  5.3  設計製作播放器App界面
    5.3.1  播放器App界面圖標組
    實戰練習09——設計製作播放器App界面圖標組

    5.3.2  設計製作播放器App界面
    實戰練習10——設計製作播放器App界面
    5.3.3  輸出適配播放器App界面
    實戰練習11——輸出播放器App界面
    5.3.4  標注適配播放器App界面
  5.4  本章小結
第6章  Android系統界面應用設計
  6.1  設計製作商城App界面
    6.1.1  商城App界面布局分析
    實戰練習01——設計製作商城App界面布局
    6.1.2  商城App界面色彩搭配分析
    6.1.3  商城App界面元素分析
    實戰練習02——設計製作商城App首頁界面
    6.1.4  商城App界面輸出分析
    實戰練習03——商城App界面適配
  6.2  設計製作社交App界面
    6.2.1  社交App界面設計同質化分析
    實戰練習04——設計製作社交App「推薦」界面
    6.2.2  社交App界面邊距的設置分析
    實戰練習05——設計製作社交App「自己」界面
    6.2.3  社交App界面交互設計分析
    實戰練習06——設計製作社交App「信息」界面
    6.2.4  社交App界面標注和輸出
    實戰練習07——輸出和標注社交App界面
  6.3  本章小結

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