UI圖示設計從入門到精通

內容簡介

本書全面系統地闡述了UI圖示設計理念、創作過程、設計方法以及各類界面的設計技術等內容，結合Photoshop軟體中常用的各種工具和方法，有針對性地剖析UI設計的設計思路和製作過程。本書分別介紹UI設計概述、Photoshop功能、各類圖形、圖示設計等，並詳細介紹了一系列綜合項目的設計過程。

第 1章　UI圖示設計概述 1

1.1　UI與GUI簡介 1

1.1.1　什麼是UI 1

1.1.2　什麼是GUI 2

1.1.3　UI圖示設計 2

1.2　UI圖示設計原則、要素與流程 3

1.2.1　UI圖示設計原則 3

1.2.2　UI圖示設計要素 4

1.2.3　UI圖示設計流程 6

1.3　UI圖示設計流程及製作軟體 9

1.3.1　UI設計職位與分工 10

1.3.2　UI設計主要流程 14

第 2章　製作扁平化風格UI圖示 17

2.1　製作扁平化風格“西服”圖示 18

2.2　製作扁平化風格“風扇”圖示 30

第3章　UI圖示的色彩設計 42

3.1　製作冷色調“肥皂盒”圖示 43

3.2　製作 “馬卡龍色調”圖示 58

3.3　製作彩虹圖示動態效果 64

3.4　製作暖色調“皮包”圖示 66

第4章　不同材質效果的圖示製作 101

4.1　製作玻璃材質的“玉鐲”圖示 101

4.2　製作“木質音箱”圖示 107

4.3　製作不鏽鋼材質“口哨”圖示 119

4.4　製作鋼鐵材質“蒸汽朋克”風格圖示 131

第5章　基於用戶角色製作UI圖示 141

5.1　面向低齡用戶的“小熊”圖示 141

5.2　面向女性用戶的“口紅”圖示 149

5.3　面向男性用戶的“拉絲鐘錶”圖示 153

第6章　製作擬物化風格UI圖示 162

6.1　製作一個“復古電視機”圖示 162

6.2　“復古電視機”圖示動態效果製作 175

6.3　製作“照相機”圖示 178

6.4　“照相機”圖示動態效果製作 183

6.5　製作“印表機”圖示 185

6.6　“印表機”圖示動態效果製作 203