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

封面

版权信息

内容简介

前言

读者服务

第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界面