网站UI商业项目实战

本书针对具有Photoshop基础的人群，以真实的Web端网站商业项目作为实训任务，从业务需求分析→UI设计流程→效果图设计→设计图切片，全面剖析、展现企业实际的UI设计开发流程、真实业务和设计技巧 ，训练UI设计师工作常见的两大工作任务的能力：设计互联网主流商业网站及设计网络营销及推广媒体页面。

课工场是北大青鸟集团下属企业北京课工场教育科技有限公司推出的互联网教育平台，面向大学生以及需要充电的在职人群，针对产品、设计、开发、运维和运营等互联网岗位，提供在线直播、录播教程、现场面授以及多种形式的教学服务，并紧跟技术潮流，同步研发出版近期新的课程教材。课工场于2015年荣膺腾讯网“2015年度竞争力在线教育品牌”。

前言
课程设计说明
关于引用作品的版权声明
第1章网站UI项目管理规范
本章简介
1.1互联网网站的分类
1.2构成网页的元素
1.2.1文字
1.2.2图像
1.2.3多媒体
1.2.4交互元素
1.3网页UI设计的基本步骤
1.3.1设计页面的前期准备
1.3.2使用参考线绘制大致结构
1.3.3绘制内容
1.3.4输出切片
1.4网页设计原则及规范
1.4.1布局实用原则
1.4.2网页配色实用原则
1.4.3设计的四大基本原则
1.5网页切片输出
1.5.1切片概述
1.5.2规则切片
1.5.3手动切片
1.5.4输出、保存文件设置
1.5.5编辑切片
1.5.6常用切片技巧
本章总结
第2章联想官网——营销型企业网站视觉设计
本章简介
2.1联想官网——营销型企业网站设计需求概述
2.1.1项目名称
2.1.2项目定位
2.1.3联想集团企业背景
2.1.4网站功能要求
2.1.5网站风格要求
2.2营销型企业网站相关理论讲解
2.2.1营销型企业网站概述
2.2.2营销型企业网站和普通企业网站的区别
2.2.3需要营销型网站的企业
2.3联想官网——营销型企业网站设计需求分析
2.3.1竞争对手分析
2.3.2目标用户分析
2.4联想官网——营销型企业网站设计规划
2.4.1界面整体风格定位
2.4.2首页界面布局分析
2.4.3界面色彩定位
2.5联想官网——营销型企业网站视觉设计思路
2.5.1技术要点
2.5.2大体框架、色调
2.5.3素材准备
2.5.4顶部设计
2.5.5设计导航
2.5.6设计主要banner
2.5.7设计新品推荐等内容区
2.5.8设计版权区
2.5.9切片输出
本章总结
第3章天猫商城——电商网站视觉设计
本章简介
3.1电商网站概述
3.1.1什么是电商网站
3.1.2电商网站的功能
3.2从电商出发——界面设计前的准备
3.2.1销售的是什么
3.2.2需要的功能
3.2.3目标用户群
3.3电商网站主要页面设计技巧
3.3.1首页设计
3.3.2列表页设计
3.3.3商品详情页设计
3.3.4其他页面
3.4天猫商城——电商网站首页设计
3.4.1技术要点
3.4.2划分大致布局
本章总结
第4章三星天猫旗舰店——电商网站店铺视觉营销设计
本章简介
4.1三星天猫旗舰店——电商网站店铺装修需求描述
4.1.1项目名称
4.1.2项目描述
4.1.3界面要求
4.2电商网站店铺装修相关理论
4.2.1店铺首页
4.2.2店铺详情页
4.3三星天猫旗舰店——电商网站店铺装修需求分析
4.3.1竞争对手分析
4.3.2用户（消费群体）分析
4.4三星天猫旗舰店——电商网站店铺装修思路
4.4.1技术要点
4.4.2店铺首页设计
本章总结
第5章Apple Watch百度推广页——Landing Page设计与优化
本章简介
5.1Landing Page概述
5.1.1Landing Page的定义
5.1.2互联网营销的目标
5.1.3用户到达Landing Page的行为
5.2Landing Page的类型
5.2.1交易型Landing Page
5.2.2参考型Landing Page
5.2.3压缩型Landing Page
5.3Landing Page的内容选择
5.3.1明确核心目的
5.3.2明确目标人群
5.3.3分析目标人群的特征
5.3.4确定卖点和主题
5.3.5整理、组织内容
5.4Landing Page的设计方法
5.4.1Landing Page页面结构概述
5.4.2Landing Page页面元素布局
5.4.3Landing Page页面颜色配置
5.5返利网Landing Page的分析与优化
5.5.1案例描述
5.5.2案例分析
5.6返利模块优化
5.7Apple Watch Landing Page的设计分析
5.7.1需求说明
5.7.2实现流程
5.7.3苹果Landing Page分析
本章总结
……
第6章英雄联盟——游戏类网站改版设计
第7章我秀网“开学季”专题页视觉设计
第8章北大青鸟信息管理系统——企业OA系统界面设计