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

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

作者:杜长清 编著

出版社:人民邮电

出版年:2016年11月

ISBN:9787115433053

所属分类:绘画摄影

书刊介绍

《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优秀界面欣赏

相关推荐

微信二维码