边练边学:网页UI商业项目设计实战
作者: 肖睿,张敏,谢思 著
出版时间: 2019
本书详细讲解了不同类型Web端UI商业项目的设计理论、设计思路以及实际案例制作过程。全书共8章,具体包括网页UI设计概述、营销类企业网站首页UI设计、教育类企业网站着陆页UI设计、招聘类网站专题页UI设计、游戏类企业网站改版UI设计、企业网站信息管理后台UI设计、平台类商城UI设计以及电商类店铺首页UI设计。全书采用案例驱动的方式,让读者掌握不同行业、不同类型网站的设计规范和设计方法,并能够按照企业需求制作完整的企业网站。本书适合作为高等院校相关设计专业的教材,也适合UI设计爱好者和Web端界面设计人员阅读。
目录
- 第 1章网页UI设计概述1
- 学习目标1
- 本章简介1
- 1.1网页概述2
- 1.1.1网页的常见分类2
- 1.1.2网页UI的构成元素5
- 1.1.3网站开发的基本流程8
- 1.2网页UI设计相关理论11
- 1.2.1网页UI设计的基本流程11
- 1.2.2网页布局的基本原则15
- 1.2.3网页配色的基本方法16
- 1.2.4网页图像的应用原则19
- 1.3网页切片21
- 1.3.1网页切片概述21
- 1.3.2网页切片的编辑23
- 1.3.3常用的切片技巧27
- 本章作业29
- 第2章 营销类网站首页UI设计31
- 学习目标31
- 本章简介31
- 2.1项目介绍32
- 2.1.1项目概述32
- 2.1.2首页UI设计要求32
- 2.2营销类网站首页UI设计相关理论33
- 2.2.1营销类网站概述33
- 2.2.2营销类网站的特点33
- 2.2.3营销类网站首页UI设计技巧34
- 2.3项目设计规划35
- 2.3.1项目需求分析35
- 2.3.2项目功能和层级梳理38
- 2.4网站首页UI设计实操40
- 2.4.1头部区域设计40
- 2.4.2轮播图区域设计42
- 2.4.3主要内容区域设计44
- 2.4.4页脚区域设计与首页切图46
- 本章作业48
- 第3章教育类网站着陆页UI设计49
- 学习目标49
- 本章简介49
- 3.1项目介绍50
- 3.1.1项目概述50
- 3.1.2着陆页UI设计要求50
- 3.2着陆页UI设计相关理论51
- 3.2.1着陆页概述51
- 3.2.2着陆页的页面结构56
- 3.2.3着陆页的常见分类63
- 3.3着陆页UI设计方法64
- 3.3.1着陆页的展现形式64
- 3.3.2着陆页的布局类型67
- 3.3.3着陆页的配色原理67
- 3.4项目设计规划69
- 3.4.1项目需求分析69
- 3.4.2项目功能和层级梳理71
- 3.5网站着陆页UI设计实操73
- 3.5.1首屏区域设计74
- 3.5.2主要内容区域设计76
- 3.5.3次要内容区域和底部区域设计78
- 本章作业82
- 第4章招聘类网站专题页UI设计83
- 学习目标83
- 本章简介83
- 4.1项目介绍84
- 4.1.1项目概述84
- 4.1.2专题页UI设计要求84
- 4.2专题页UI设计相关理论85
- 4.2.1专题页的常见类型86
- 4.2.2专题页的常见结构87
- 4.2.3专题页的常见风格91
- 4.3项目设计规划93
- 4.3.1项目需求分析94
- 4.3.2项目功能和层级整理95
- 4.4专题页UI设计实操98
- 4.4.1首屏区域设计98
- 4.4.2主要内容区域设计102
- 4.4.3页脚区域设计104
- 本章作业106
- 第5章游戏类网站改版UI设计107
- 学习目标107
- 本章简介107
- 5.1项目介绍108
- 5.1.1项目概述108
- 5.1.2网站改版UI设计要求108
- 5.2网站改版UI设计的相关理论108
- 5.2.1网站改版的原因108
- 5.2.2网站改版的原则110
- 5.2.3网站改版UI设计的流程111
- 5.3项目设计规划112
- 5.3.1项目需求分析112
- 5.3.2项目功能和层级梳理115
- 5.4网站改版UI设计实操116
- 5.4.1首屏区域设计117
- 5.4.2主要内容区域设计119
- 5.4.3次要内容区域和底部区域设计121
- 本章作业124
- 第6章企业网站信息管理后台UI设计127
- 学习目标127
- 本章简介127
- 6.1项目介绍128
- 6.1.1项目概述128
- 6.1.2信息管理后台UI设计要求128
- 6.2后台产品UI设计相关理论129
- 6.2.1后台产品的常见类型129
- 6.2.2后台产品的界面结构131
- 6.2.3后台产品的界面特征132
- 6.3项目设计规划135
- 6.3.1项目需求分析135
- 6.3.2项目功能和层级梳理136
- 6.4OA系统UI设计实操140
- 6.4.1登录页设计140
- 6.4.2内页设计142
- 本章作业143
- 第7章平台类商城UI设计145
- 学习目标145
- 本章简介145
- 7.1项目介绍146
- 7.1.1项目概述146
- 7.1.2项目设计要求146
- 7.2电商平台UI设计相关理论147
- 7.2.1电商平台的常见分类147
- 7.2.2电商平台的常见功能149
- 7.2.3电商平台页面的基本结构153
- 7.3项目设计规划160
- 7.3.1项目需求分析160
- 7.3.2项目功能和层级梳理162
- 7.4平台类商城首页UI设计实操163
- 7.4.1首屏区域设计164
- 7.4.2商品展示区域设计166
- 7.4.3页尾区域设计168
- 本章作业168
- 第8章电商类店铺首页UI设计171
- 学习目标171
- 本章简介171
- 8.1项目介绍172
- 8.1.1项目概述172
- 8.1.2项目设计要求172
- 8.2电商类店铺装修相关理论172
- 8.2.1店铺首页172
- 8.2.2商品详情页180
- 8.2.3商品关联页184
- 8.2.4商品列表页186
- 8.3项目设计规划188
- 8.3.1项目需求分析188
- 8.3.2项目功能和层级整理190
- 8.4电商类店铺首页UI设计实操191
- 8.4.1首屏区域设计192
- 8.4.2商品展示区域设计194
- 8.4.3页尾区域设计197
-
本章作业198