网站UI商业项目实战 令人惊叫的网页是这样炼成的！PDF|Epub|txt|kindle电子书版本网盘下载

网站UI商业项目实战 令人惊叫的网页是这样炼成的！PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网站UI项目管理规范1

本章简介2

1.1互联网网站的分类2

1.2构成网页的元素8

1.2.1文字8

1.2.2图像9

1.2.3多媒体11

1.2.4交互元素12

1.3网页UI设计的基本步骤13

1.3.1设计页面的前期准备13

1.3.2使用参考线绘制大致结构15

1.3.3绘制内容16

1.3.4输出切片16

1.4网页设计原则及规范17

1.4.1布局实用原则17

1.4.2网页配色实用原则21

1.4.3设计的四大基本原则24

1.5网页切片输出24

1.5.1切片概述25

1.5.2规则切片26

1.5.3手动切片27

1.5.4输出、保存文件设置30

1.5.5编辑切片31

1.5.6常用切片技巧32

本章总结33

第2章 联想官网——营销型企业网站视觉设计35

本章简介36

2.1联想官网——营销型企业网站设计需求概述36

2.1.1项目名称37

2.1.2项目定位37

2.1.3联想集团企业背景37

2.1.4网站功能要求37

2.1.5网站风格要求38

2.2营销型企业网站相关理论讲解38

2.2.1营销型企业网站概述38

2.2.2营销型企业网站和普通企业网站的区别38

2.2.3需要营销型网站的企业40

2.3联想官网——营销型企业网站设计需求分析40

2.3.1竞争对手分析40

2.3.2目标用户分析43

2.4联想官网——营销型企业网站设计规划43

2.4.1界面整体风格定位43

2.4.2首页界面布局分析44

2.4.3界面色彩定位44

2.5联想官网——营销型企业网站视觉设计思路45

2.5.1技术要点45

2.5.2大体框架、色调45

2.5.3素材准备47

2.5.4顶部设计47

2.5.5设计导航48

2.5.6设计主要banner48

2.5.7设计新品推荐等内容区49

2.5.8设计版权区49

2.5.9切片输出50

本章总结51

第3章 天猫商城——电商网站视觉设计53

本章简介54

3.1电商网站概述54

3.1.1什么是电商网站54

3.1.2电商网站的功能56

3.2从电商出发——界面设计前的准备59

3.2.1销售的是什么59

3.2.2需要的功能60

3.2.3目标用户群60

3.3电商网站主要页面设计技巧61

3.3.1首页设计61

3.3.2列表页设计70

3.3.3商品详情页设计71

3.3.4其他页面71

3.4天猫商城——电商网站首页设计72

3.4.1技术要点73

3.4.2划分大致布局73

本章总结76

第4章 三星天猫旗舰店——电商网站店铺视觉营销设计77

本章简介78

4.1三星天猫旗舰店——电商网站店铺装修需求描述78

4.1.1项目名称78

4.1.2项目描述78

4.1.3界面要求78

4.2电商网站店铺装修相关理论79

4.2.1店铺首页79

4.2.2店铺详情页87

4.3三星天猫旗舰店——电商网站店铺装修需求分析92

4.3.1竞争对手分析92

4.3.2用户（消费群体）分析94

4.4三星天猫旗舰店——电商网站店铺装修思路95

4.4.1技术要点96

4.4.2店铺首页设计96

本章总结99

第5章 Apple Watch百度推广页——Landing Page设计与优化101

本章简介102

5.1 Landing Page概述102

5.1.1 Landing Page的定义103

5.1.2互联网营销的目标103

5.1.3用户到达Landing Page的行为105

5.2 Landing Page的类型107

5.2.1交易型Landing Page107

5.2.2参考型LandingPage107

5.2.3压缩型Landing Page108

5.3 Landing Page的内容选择109

5.3.1明确核心目的109

5.3.2明确目标人群110

5.3.3分析目标人群的特征110

5.3.4确定卖点和主题111

5.3.5整理、组织内容111

5.4 Landing Page的设计方法115

5.4.1 Landing Page页面结构概述115

5.4.2 Landing Page页面元素布局119

5.4.3 Landing Page页面颜色配置128

5.5返利网Landing Page的分析与优化131

5.5.1案例描述131

5.5.2案例分析131

5.6返利模块优化133

5.7 Apple Watch Landing Page的设计分析133

5.7.1需求说明134

5.7.2实现流程135

5.7.3苹果Landing Page分析135

本章总结137

第6章 英雄联盟——游戏类网站改版设计139

本章简介140

6.1英雄联盟——游戏类网站改版项目背景140

6.2网站改版的好处及注意事项141

6.2.1网站改版的好处141

6.2.2网站改版的注意事项142

6.3英雄联盟——游戏类网站改版项目分析143

6.3.1风格定位143

6.3.2对老官网进行分析143

6.3.3对新游戏UI进行分析145

6.4英雄联盟——游戏类网站改版项目设计规划146

6.4.1布局规划146

6.4.2色调规划147

6.5英雄联盟——游戏类网站改版项目首页视觉设计148

本章总结150

第7章 我秀网“开学季”专题页视觉设计151

本章简介152

7.1我秀网“开学季”专题页视觉设计项目需求152

7.1.1项目名称152

7.1.2项目背景152

7.1.3项目功能要求153

7.2专题页视觉设计相关理论154

7.2.1专题页和传统产品页面的视觉差异154

7.2.2专题页的结构155

7.2.3专题页的组成158

7.3我秀网“开学季”专题页视觉设计项目需求分析159

7.3.1竞争对手分析159

7.3.2用户分析161

7.4我秀网“开学季”专题页视觉设计项目设计规划161

7.4.1界面整体结构161

7.4.2页面风格162

7.5项目实现思路162

7.5.1整体设计风格定位162

7.5.2素材搜集163

7.5.3首屏展示内容164

7.5.4次屏展示内容165

7.5.5版权区设计165

7.5.6切片输出165

本章总结167

第8章 北大青鸟信息管理系统——企业OA系统界面设计169

本章简介170

8.1北大青鸟信息管理系统——企业OA系统界面设计项目需求概述170

8.1.1项目名称171

8.1.2项目背景171

8.1.3项目要求171

8.2企业OA系统相关理论知识172

8.2.1企业OA系统包含的常规内容172

8.2.2企业OA的优势173

8.3像产品经理一样进行需求分析174

8.3.1用户分析174

8.3.2项目设计规划174

8.4北大青鸟OA系统——企业OA系统界面设计项目实现思路176

8.4.1技术要点177

8.4.2绘制登录页效果图177

8.4.3绘制主界面效果图177

本章总结179