Photoshop+PxCook+Cutterman网页UI设计教程

作品简介

本书主要讲解了iOS系统和Android系统两种移动设备系统界面的结构及设计规范，全面解析了移动端App界面的设计流程及技巧。本书还介绍了如何使用Adobe XD、Photoshop、PxCook和Cutterman等主流软件进行UI设计制作。本书共6章。第1章主要讲解移动UI设计基础；第2章主要讲解iOS系统界面设计；第3章主要讲解Android系统界面设计；第4章主要讲解移动UI图标设计；第5章主要讲解iOS系统界面应用设计；第6章主要讲解Android系统界面应用设计。本书将提供全部案例的素材、源文件和教学视频，读者可以结合书、练习文件和教学视频，提升移动端App界面设计的学习效率。

本书由李晓斌编著。

作品目录

• 内容简介
• 前言
• 读者服务
• 第1章　网页UI设计初体验
• 1.1　初识网页UI
• 1.2　网页UI的分类
• 1.3　网页UI设计的工作流程
• 1.4　深刻理解网页UI设计原则
• 1.5　网页UI的设计风格
• 1.6　设计网页UI的常用工具
• 1.7　本章小结
• 第2章　合理的网页版式与布局
• 2.1　了解网页布局
• 2.2　网页布局的基本方法
• 2.3　网页布局的常见类型
• 2.4　根据内容位置决定网页布局方式
• 2.5　页面分割方向的布局方式
• 2.6　网页布局的特性
• 2.7　PC端与移动端网页布局的区别
• 2.8　本章小结
• 第3章　奠定基础的网页构成元素
• 3.1　网页中的线条
• 3.2　网页中的标志
• 3.3　网页中的图标和按钮
• 3.4　网页中的导航
• 3.5　网页中的文字
• 3.6　网页中的图片
• 3.7　网页中的富媒体
• 3.8　本章小结
• 第4章　美观的网页配色
• 4.1　配色的基础
• 4.2　网页配色的基本要素
• 4.3　网页元素的色彩搭配
• 4.4　根据色调进行网页配色
• 4.5　利用色彩对比进行网页配色
• 4.6　网页中的配色技巧
• 4.7　本章小结
• 第5章　iOS系统UI设计
• 5.1　iOS系统简介
• 5.2　iOS系统的元素设计
• 5.3　iOS系统的边距和间距设计
• 5.4　iOS系统的文字设计
• 5.5　iOS系统的图片设计
• 5.6　iOS系统的网页布局
• 5.7　iOS系统UI的设计原则
• 5.8　本章小结
• 第6章　Android系统UI设计
• 6.1　Android系统简介
• 6.2　Android系统的元素设计
• 6.3　Android系统的文字设计
• 6.4　Android系统的图标设计
• 6.5　Android系统UI的设计原则
• 6.6　本章小结
• 第7章　适配输出网页UI设计
• 7.1　PC端网页的适配输出
• 7.2　iOS系统界面的适配输出
• 7.3　Android系统界面的适配输出
• 7.4　本章小结
• 第8章　综合案例
• 8.1　设计PC端的家居网页
• 8.2　设计iOS系统的旅游App界面
• 8.3　设计Android系统的家居App界面
• 8.4　本章小结