前言

Web端界面设计作为视觉设计领域中的重要组成部分，在视觉设计类课程教学中具有十分重要的地位，也是相关从业人员必须掌握的一门技能。

本书顺应互联网发展趋势，以当前视觉设计潮流为导向，选取了电子数码、教育、招聘、游戏、电商等领域的商业案例，详细讲解了不同类型Web端UI商业项目的设计思路、设计理论以及实际案例制作过程。

读者学习完本书后，不仅能掌握不同领域的网页UI设计规范以及设计方法，并且能按照企业的项目需求，熟练使用Photoshop等相关设计软件制作出符合市场需求、美观、大方的网页界面。

本书设计思路

全书共8章，各章内容简介如下。

第1章：讲解了网页的常见分类、构成元素以及网页开发的基本流程；全面讲解了网页设计的基本流程、网页布局的基本原则、网页配色的基本方法以及网页图片的应用原则；重点讲解了网页切片的编辑以及切片的常用技巧。

第2章：讲解了营销类企业网站在建站目标、页面内容、网站功能等方面与普通企业网站的区别；讲解了营销类企业网站的设计要点；以联想官方网站首页为例，分析了营销类企业网站首页UI设计的思路以及操作过程。

第3章：讲解了着陆页的概念、页面特征、页面结构、常见分类等理论知识；讲解了着陆页的展现形式、布局类型以及配色原理；以完胜教育着陆页为例，分析了企业网站着陆页UI设计的思路以及制作过程。

第4章：讲解了活动专题页与节日专题页在设计中需要注意的事项，专题页的常见结构以及常见风格；以搜猎网为例，讲解了招聘类网站专题页UI设计的思路以及制作过程。

第5章：讲解了企业网站改版的原因、原则以及流程等理论知识；以秦门争霸为例，讲解了游戏类官方网站改版的思路以及案例制作过程。

第6章：讲解了网页设计中常见的三类后台产品；以北大青鸟OA系统为例，全面讲解了企业网站信息管理后台UI设计的思路以及案例制作过程。

第7章：讲解了电商平台的常见功能以及基本结构等知识；以天猫商城为例，全面讲解了电商平台UI设计中的需求分析以及实现过程。

第8章：讲解了电商类店铺中常见的4种页面：首页、详情页、关联页以及列表页；以三星天猫旗舰店为例，展示了店铺装修的分析思路以及实际操作过程。

各章结构

学习目标：即读者应掌握的知识和技能，可以作为检验学习效果的标准。

本章简介：介绍本章内容的背景和本章重点内容。

技术内容：以案例为驱动剖析技能点，带领读者完成相应演示案例的制作。

本章作业：让读者灵活应用本章的学习内容，设计出同类型网页界面。

本书提供了便捷的学习体验，读者可以直接访问课工场官网教材专区下载书中所需的案例素材，也可扫描二维码观看书中配套的视频。

本书由课工场“互联网UI设计师”教研团队组织编写，参加编写的还有张敏、谢思、张玉珍、鹿建银、杨怡等院校老师。尽管编者在写作过程中力求准确、完善，但书中不妥或疏漏之处仍在所难免，殷切希望广大读者批评指正！