Photoshop智能手机APP UI设计之道

目录

第01章智能手机 APP 界面设计概述

1.1智能 APP界面设计概述010

1.1.1什么是智能手机用户界面 010

1.1.2优秀的界面具有哪些特点 011

1.2 APP界面设计的布局和分类 012

1.2.1 APP 界面设计的布局 012

1.2.2 APP 界面设计的分类 013

1.3如何制作出优秀的 APP界面 016

1.3.1你的 UI是不是保持着高度一致016

1.3.2用户可以自由掌控自己的操作吗017

1.3.3你对你的用户群了解吗 017

1.3.4你有预防错误的措施吗 018

1.3.5你有没有在重要的位置为用户展示出最重要的内容018

1.3.6你的设计是不是显得很简约018

1.3.7你有没有使用视觉提示019

1.3.8你的 UI有操作提示吗 019

1.3.9你的内容清晰吗 019

1.3.10你是怎样使用色彩的 019

1.3.11你的 UI是不是太过花哨 020

1.3.12你的 UI结构是否清晰明了020

1.4 UI 设计师如何自我提升 020

1.4.1形状 / 轮廓 021

1.4.2美术基础021

1.4.3色彩识别 022

1.4.4引导视觉 022

设计思路：如何设计出更加友好的界面 024

知识拓展：浏览本书所有范例，从视觉上总结 APP UI设计的基本要素026

第02章手机 UI设计基础

2.1关于手机030

2.1.1智能手机操作系统的分类 030

2.1.2手机屏幕的分辨率 030

2.1.3屏幕的色彩 031

2.2 UI 设计相关知识 032

2.2.1什么是 UI设计 032

2.2.2 UI设计的目的和重要性 033

2.2.3 UI设计中最重要的元素是什么 033

2.2.4平面 UI与手机 UI的不同 033

2.3 UI 设计的原则 034

设计思路：一个 UI设计师去找工作，如何展示他的价值 037

知识拓展：思考一下 UI设计的流程 037

第03章APP 界面设计的色彩理论

3.1色彩的意象 040

3.2色彩的重要性042

3.2.1色彩的物理效应 042

3.2.2色彩的心理反应 042

3.3色彩的属性 043

3.3.1色彩的分类 043

3.3.2色相 043

3.3.3明度 044

3.3.4饱和度 044

3.3.5色调 044

3.4色彩的搭配原则 045

3.4.1色相配色 045

3.4.2色调配色 046

3.4.3明度配色 047

3.5使用 Kuler配色 047

设计思路：如何找到完美的色彩搭配 050

知识拓展：色彩在 UI设计中起到什么样的作用 056

第04章Photoshop 制作图标常用的编辑操作

4.1 Photoshop

4.1.1了解工作界面 058

4.1.2了解工具箱 059

4.1.3了解选项栏 059

4.1.4了解状态栏 061

4.1.5了解面板 062

4.2 UI 设计的准则 063

4.3图标设计的格式和大小 064

4.3.1 JPEG 格式 065

4.3.2 PNG 格式 065

4.3.3 GIF格式 065

4.3.4图标尺寸大小 065

4.4跟大师设计一组图标 066

4.4.1准备工作 066

4.4.2构思、草图 067

4.4.3辅助背景制作 067

4.4.4基本形、放大067

4.4.5创作过程 068

4.4.6常用方法——变形 069

4.4.7成品 070

设计思路：设计一个图标的三个阶段 071

知识拓展：图标格式的那点事 073

第05章手机 UI设计平面图标制作

实战 01 Home 图标制作 078

实战 02日历图标制作 079

实战 03录音机图标制作 081

实战 04文件夹图标制作 083

实战 05徽章图形 085

实战 06秒表图形 088

设计思路：绘制基本形状 092

知识拓展 1：了解绘图模式 095

知识拓展 2：了解图层样式 095

第06章手机 UI设计的字效表现

实战 01车灯字体 098

实战 02星星字体 102

实战 03牛仔布料字体 106

设计思路：如何在 APP UI中控制字号 109

知识拓展：字体配色的那点事 111

第07章UI的质感表现

实战 01金属 114

实战 02胶布 118

实战 03玻璃 121

实战 04光滑表面 127

实战 05木纹 135

实战 06皮革 138

实战 07纸张 143

实战 08陶瓷 144

实战 09光滑漆皮 147

实战 10塑料、金属和玻璃综合表现 152

设计思路：Apple 和 Android 移动端尺寸指南 155

设计思路：iOS 扁平化系统有哪些特色156

知识拓展：关于透明元素和透明度使用的艺术158

第08章手机 UI设计立体图标制作

实战 01 Dribbbleb 图标制作 160

实战 02按钮图标制作 164

实战 03 Chrome 图标制作 170

实战 04 twieer 图标制作 173

实战 05照相机图标制作 176

设计思路：如何让图标更具吸引力 182

知识拓展：立体图标的设计原则183

第09章手机 UI按钮设计

实战 01发光按钮 186

实战 02控制键按钮 189

实战 03播放器按钮 193

实战 04清新开关按钮 198

实战 05高调旋钮 203

设计思路：如何设计和谐的交互 208

知识拓展：关于按钮设计，设计师的几点建议 209

第10章手机 UI局部界面设计

实战 01登录界面 212

实战 02设置界面开关 217

实战 03通知列表界面 223

实战 04日历界面 230

设计思路：如何制作配色卡 236

知识拓展：关于进度条设计的几点建议 240

第11章手机 UI零件设计大集合

实战 01进度条 242

实战 02音量设置 251

实战 03选项设置 265

设计思路：导航列表的设计原则 273

第12章智能手机 UI整体界面制作

实战 01Windows

实战 02苹果手机 iOS 界面总体设计 289

实战 03 Android 手机界面总体设计 300

附录 313