Photoshop手机App界面设计实战入门

作品简介

设计在我们的生活中无处不在，随着智能设备的快速发展，掀起了一股UI设计风，越来越多的人加入UI设计的大军，使这个行业变得越来越多彩。本书以3大智能手机系统（Android、iOS、Windows Phone）为主线，详细讲解App用户界面的设计思路和制作过程。

本书分为5章，从App界面基础知识讲起，然后详细讲解了UI界面设计色彩学、App行业规则及设计分析等内容，让读者了解App设计的精髓与行业规则。之后通过App基本元素绘制和App界面设计实战，讲解了常用几何图形绘制工具的使用和常见控件元素的绘制技巧，包括图形、控件、启动图标与图片的艺术处理等，通过对3个系统的UI设计实战分析，再现智能手机UI界面的设计思路与方法。本书的后配有附录，为读者推荐了UI设计的实用工具、杰出网站、UI常见名词释义和激发创作灵感的图标与界面欣赏。通过本书能帮助读者真正掌握并吸收UI设计中精华的部分，快速成为UI设计领域的精英。

杜长清编著。

作品目录

• 内容提要
• 前言
• 第01章 App界面基础知识
• 1.1 UI设计快速入门
• 1.1.1 UI设计概念
• 1.1.2 什么是App
• 1.1.3 手机UI与平面UI的不同
• 1.2 UI设计与产品团队合作流程关系
• 1.2.1 团队成员
• 1.2.2 UI设计流程
• 1.3 UI设计组成部分
• 1.3.1 ADS（Application Definition Statement）
• 1.3.2 画草图
• 1.3.3 低保真原型与高保真原型
• 1.3.4 Axure即 Axure RP
• 1.3.5 图形界面设计
• 1.4 常用UI设计单位解析
• 1.4.1 英寸（Inch）
• 1.4.2 分辨率（Resolution）
• 1.4.3 网点密度（DPI）
• 1.4.4 屏幕密度（Screen Densities）
• 1.5 UI设计常用图像格式
• 1.5.1 JPEG
• 1.5.2 GIF
• 1.5.3 PNG
• 1.5.4 ICO格式
• 1.5.5 ICL格式
• 1.5.6 IP格式
• 1.6 手机操作系统简介
• 1.6.1 Android系统
• 1.6.2 iOS系统
• 1.6.3 Windows Phone
• 1.7 UI界面设计常用的软件
• 1.7.1 Photoshop
• 1.7.2 Illustrator
• 1.7.3 CorelDRAW
• 1.8 UI设计原则
• 1.9 提升UI视觉效果的设计技巧
• 1.10 App界面组成说明
• 1.11 熟悉各系统组件
• 1.11.1 iOS的基础UI组件
• 1.11.2 Android的基础UI组件
• 1.11.3 Windows Phone的基础UI组件
• 第02章 UI界面设计色彩学
• 2.1 色彩学基础知识
• 2.1.1 颜色的概念
• 2.1.2 色彩的分类
• 2.1.3 色彩三要素
• 2.1.4 加法混色
• 2.1.5 减法混色
• 2.1.6 芒塞尔色彩系统（Munsell color system）
• 2.2 UI设计常见配色方案
• 2.2.1 单色搭配
• 2.2.2 近似色搭配
• 2.2.3 补色搭配
• 2.2.4 分裂补色搭配
• 2.2.5 原色的搭配
• 2.3 UI设计色彩学
• 2.3.1 色彩与生活
• 2.3.2 色彩意象
• 2.4 色彩的性格
• 第03章 App行业规则及设计分析
• 3.1 移动App按钮尺寸分析
• 3.1.1 一般规范标准
• 3.1.2 手指与尺寸大小
• 3.1.3 理想状态和特殊情况
• 3.2 常见界面设计解析
• 3.2.1 扁平化设计
• 3.2.2 写实设计
• 3.3 了解图标
• 3.3.1 图标的分类
• 3.3.2 图标的作用
• 3.3.3 图标和图像尺寸规范
• 3.4 UI界面设计尺寸标准
• 3.4.1 iPhone和Android设计尺寸
• 3.4.2 Android 系统换算及主流手机设置
• 第04章 App基本元素绘制
• 4.1 常用几何图形绘制
• 4.1.1 绘制工具分析
• 4.1.2 正方形、长方形
• 4.1.3 正圆、椭圆
• 4.1.4 圆角化处理
• 4.1.5 Squircle
• 4.1.6 虚线的绘制
• 4.1.7 多种形状组合
• 4.1.8 多种现有形状的绘制
• 4.2 App常见控件绘制
• 4.2.1 按钮
• 4.2.2 开关按钮
• 4.2.3 分段控件
• 4.2.4 滑块控件
• 4.2.5 泡泡对话框
• 4.2.6 文本框控件
• 4.3 App启动图标的制作
• 4.3.1 iOS启动图标制作
• 4.3.2 Windows Phone启动图标制作
• 4.3.3 Android启动图标制作
• 4.4 常见图片设计效果处理
• 4.4.1 色彩调节控制
• 4.4.2 一般投影的处理
• 4.4.3 镜面倒影的处理
• 4.4.4 镜面高光处理
• 4.4.5 画中画效果
• 4.4.6 翘边效果
• 4.4.7 经典白边框效果
• 4.4.8 App背景的处理
• 第05章 App界面设计实战
• 5.1 Android实例
• 5.1.1 页面模块分析
• 5.1.2 页面拆分详解
• 5.1.3 设计尺寸分析
• 5.1.4 如何设计
• 5.1.5 如何保存
• 5.2 iOS实例
• 5.2.1 新浪微博简介
• 5.2.2 拆分页面
• 5.2.3 未登录页面
• 5.2.4 注册页面
• 5.2.5 登录页面
• 5.3 Windows Phone实例
• 5.3.1 MixRadio页面模块分析
• 5.3.2 Windows Phone页面布局参数
• 附录
• UI设计实用辅助工具
• Axure
• 优秀国内外网站推荐
• UI设计中常见名词释义
• 优秀炫酷图标赏析
• 经典拟物化图标
• 游戏类图标
• 质感类控件
• 扁平化界面
• 游戏界面
• 激发创作灵感的界面欣赏
• iOS优秀界面欣赏
• Android优秀界面欣赏
• Windows Phone优秀界面欣赏