![](/up_files/book/cf320d12ff16f93ace93947cc95270c4.jpg)
UI界面設(shè)計(jì)
- 所屬分類:
高職高專計(jì)..
- 作者:
張小玲,張莉 主編
- 出版社:
電子工業(yè)出版社
- ISBN:9787121241604
- 出版日期:2014-9-1
-
原價(jià):
¥29.80元
現(xiàn)價(jià):¥29.80元
-
本書(shū)信息由合作網(wǎng)站提供,請(qǐng)前往以下網(wǎng)站購(gòu)買(mǎi): 京東商城
當(dāng)當(dāng)網(wǎng)
圖書(shū)簡(jiǎn)介
本書(shū)按照高職高專計(jì)算機(jī)多媒體技術(shù)專業(yè)教學(xué)大綱的要求編寫(xiě),是一本全面的UI界面設(shè)計(jì)與制作的基礎(chǔ)教程。本書(shū)以培養(yǎng)學(xué)生的UI設(shè)計(jì)理念、方法為基本,結(jié)合Photoshop軟件中常用的各種工具和方法,有針對(duì)性地剖析設(shè)計(jì)制作的實(shí)施策略與過(guò)程,以訓(xùn)練和提高學(xué)生UI界面設(shè)計(jì)制作技能。
全書(shū)內(nèi)容共7章,分為三個(gè)部分。第一部分是UI界面設(shè)計(jì)相關(guān)知識(shí)的介紹,包括什么是UI界面設(shè)計(jì)、UI界面設(shè)計(jì)的常用方法和設(shè)計(jì)工具、UI設(shè)計(jì)與用戶體驗(yàn)的關(guān)系等基本知識(shí)。第二部分是各種UI界面常用元素的制作。第三部分是UI界面設(shè)計(jì)典型實(shí)戰(zhàn),通過(guò)4個(gè)遞進(jìn)的設(shè)計(jì)實(shí)例,從任務(wù)分析、功能定位、制作步驟入手對(duì)界面設(shè)計(jì)制作進(jìn)行全過(guò)程講解。
本書(shū)結(jié)構(gòu)合理、內(nèi)容翔實(shí)、圖文并茂,在項(xiàng)目中講述Photoshop CC的要點(diǎn)和難點(diǎn),將藝術(shù)設(shè)計(jì)的知識(shí)與技巧融入其中,引導(dǎo)讀者進(jìn)行思考及軟件操作實(shí)踐,提升讀者的審美、審藝能力。
目錄
第一部分 知識(shí)準(zhǔn)備
第1章 UI界面設(shè)計(jì)相關(guān)知識(shí)
1.1 UI界面設(shè)計(jì)
1.1.1 UI設(shè)計(jì)的概念
1.1.2 UI設(shè)計(jì)的流程
1.1.3 UI界面設(shè)計(jì)的規(guī)范
1.1.4 UI界面設(shè)計(jì)常用工具
1.2 UI界面設(shè)計(jì)與用戶體驗(yàn)
1.2.1 UI界面設(shè)計(jì)與用戶體驗(yàn)
1.2.2 影響用戶體驗(yàn)的因素
1.3 知識(shí)拓展
1.3.1 Photoshop CC入門(mén)
1.3.2 Photoshop CC精彩新功能
1.3.3 圖像常用基本操作
1.3.4 選區(qū)的基本操作
1.3.5 畫(huà)筆工具的應(yīng)用
本章小結(jié)
第2章 UI界面設(shè)計(jì)的常用方法
2.1 UI界面設(shè)計(jì)中的設(shè)計(jì)方法
2.1.1 方法與方法論
2.1.2 認(rèn)識(shí)論和設(shè)計(jì)方法
2.1.3 UI界面設(shè)計(jì)中實(shí)用的設(shè)計(jì)方法
2.2 UI界面設(shè)計(jì)中實(shí)用的構(gòu)成方法
2.2.1 什么是構(gòu)成
2.2.2 形式美法則
2.2.3 構(gòu)成的思維方式
2.3 UI界面設(shè)計(jì)中實(shí)用的色彩搭配技巧
2.3.1 色彩的基本理論
2.3.2 色彩搭配法則
2.4 知識(shí)拓展——UI界面設(shè)計(jì)風(fēng)格
2.4.1 扁平化
2.4.2 擬物化
2.4.3 卡通化
2.5 能力拓展——Photoshop CC中圖層的應(yīng)用
2.5.1 圖層類別
2.5.2 圖層的基礎(chǔ)操作
2.5.3 圖層樣式
2.5.4 混合模式
2.5.5 Photoshop中的蒙版
2.5.6 漸變工具
本章小結(jié)
第二部分 牛刀小試
第3章 各種UI界面常用元素制作
3.1 常用圖形制作
3.1.1 圓形、圓角
3.1.2 多邊形
3.1.3 直線
3.2 常見(jiàn)控件制作
3.2.1 按鈕的制作
3.2.2 下拉選擇框的制作
3.2.3 滑動(dòng)條的制作
3.2.4 TAB切換塊的制作
3.2.5 氣泡對(duì)話框的制作
3.3 創(chuàng)意圖標(biāo)設(shè)計(jì)與制作
3.3.1 圖標(biāo)設(shè)計(jì)技巧
3.3.2 利用Photoshop打造擬物化設(shè)計(jì)風(fēng)格圖標(biāo)
3.3.3 利用Photoshop打造四種扁平化設(shè)計(jì)風(fēng)格圖標(biāo)
3.4 知識(shí)拓展
3.4.1 圖標(biāo)設(shè)計(jì)的趨勢(shì)——響應(yīng)式圖標(biāo)
3.4.2 路徑與形狀工具
3.4.3 擦除類工具
3.5 能力拓展——簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)例
本章小結(jié)
第三部分 UI界面設(shè)計(jì)典型實(shí)戰(zhàn)
第4章 操作型APP——計(jì)算器界面設(shè)計(jì)
4.1 界面設(shè)計(jì)任務(wù)分析
4.2 學(xué)習(xí)目標(biāo)
4.3 制作步驟詳解
4.3.1 新建文件,確定尺寸規(guī)范
4.3.2 制作背景
4.3.3 制作狀態(tài)欄區(qū)域
4.3.4 制作顯示區(qū)細(xì)節(jié)
4.3.5 制作功能鍵區(qū)和數(shù)字鍵區(qū)細(xì)節(jié)
4.3.6 定稿輸出有效的設(shè)計(jì)方案
4.4 知識(shí)拓展
4.4.1 圖層組
4.4.2 APP界面布局設(shè)計(jì)
4.4.3 Photoshop外部素材的載入使用
4.5 能力拓展
4.5.1 拓展練習(xí):水平儀UI界面設(shè)計(jì)
4.5.2 拓展練習(xí):拼拼樂(lè)APP界面設(shè)計(jì)
4.5.3 獨(dú)立實(shí)踐
本章小結(jié)
第5章 實(shí)用型軟件——播放器界面設(shè)計(jì)
5.1 界面設(shè)計(jì)任務(wù)分析
5.2 學(xué)習(xí)目標(biāo)
5.3 制作步驟詳解
5.3.1 創(chuàng)建播放器
5.3.2 播放器專輯信息部分制作
5.3.3 播放器播放按鈕部分制作
5.4 知識(shí)拓展
5.4.1 色彩的搭配
5.4.2 Photoshop中的色彩調(diào)整
5.5 能力拓展
5.5.1 拓展練習(xí):設(shè)計(jì)制作DVD光盤(pán)圖標(biāo)
5.5.2 拓展練習(xí):設(shè)計(jì)制作金屬按鈕
5.5.3 拓展練習(xí):為黑白照片調(diào)色
5.5.4 獨(dú)立實(shí)踐
本章小結(jié)
第6章 手機(jī)主題UI界面設(shè)計(jì)
6.1 界面設(shè)計(jì)任務(wù)分析
6.2 學(xué)習(xí)目標(biāo)
6.3 制作步驟詳解
6.3.1 主體形象設(shè)計(jì)制作
6.3.2 手機(jī)壁紙?jiān)O(shè)計(jì)制作
6.3.3 鎖屏設(shè)計(jì)制作
6.3.4 天氣插件制作
6.3.5 桌面圖標(biāo)制作
6.4 知識(shí)拓展
6.4.1 手機(jī)界面設(shè)計(jì)原則
6.4.2 手機(jī)常用尺寸與圖標(biāo)格式
6.5 能力拓展
6.5.1 拓展練習(xí):ico圖標(biāo)設(shè)計(jì)制作
6.5.2 拓展練習(xí):偽扁平手機(jī)主題UI界面設(shè)計(jì)
6.5.3 獨(dú)立實(shí)踐
本章小結(jié)
第7章 Web界面設(shè)計(jì)實(shí)例——兒童節(jié)專題網(wǎng)頁(yè)設(shè)計(jì)
7.1 界面設(shè)計(jì)任務(wù)分析
7.2 學(xué)習(xí)目標(biāo)
7.3 制作步驟詳解
7.3.1 設(shè)計(jì)制作頭部主圖
7.3.2 設(shè)計(jì)制作裝飾圖形
7.3.3 設(shè)計(jì)制作欄目“書(shū)籍系列”
7.3.4 設(shè)計(jì)制作欄目“服飾系列”
7.3.5 設(shè)計(jì)制作欄目“玩具系列”
7.3.6 設(shè)計(jì)制作底部區(qū)域
7.4 知識(shí)拓展
7.4.1 網(wǎng)站界面設(shè)計(jì)基本原則
7.4.2 網(wǎng)站界面的功能美與形式美
7.5 能力拓展
7.5.1 拓展練習(xí):照射在透明玻璃窗上效果
7.5.2 拓展練習(xí):Photoshop打造傾盆大雨效果
7.5.3 拓展練習(xí):Photoshop打造電子商務(wù)網(wǎng)頁(yè)界面
7.5.4 全局觀念的強(qiáng)化
7.5.5 獨(dú)立實(shí)踐
本章小結(jié)
參考文獻(xiàn)