第1章 网页UI设计初体验__eol__1.1 初识网页UI ···································1__eol__1.2 网页UI的分类 ································2__eol__1.3 网页UI设计的工作流程 ····················5__eol__1.3.1 网页产品调研 ················································ 5__eol__1.3.2 网页原型设计 ················································ 6__eol__1.3.3 设计网页UI ··················································· 7__eol__1.3.4 网页UI 标注 ·················································· 8__eol__1.3.5 网页UI 切图输出 ·········································· 8__eol__1.4 深刻理解网页UI设计原则 ·················8__eol__1.4.1 视觉美观 ························································ 8__eol__1.4.2 主题明确 ························································ 9__eol__1.4.3 内容与形式相统一 ······································ 10__eol__1.4.4 整体性 ·························································· 11__eol__1.4.5 快速加载 ······················································ 11__eol__1.4.6 为用户考虑 ·················································· 12__eol__1.5 网页UI的设计风格 ························13__eol__1.5.1 拟物化风格 ·················································· 13__eol__1.5.2 扁平化风格 ·················································· 13__eol__1.5.3 极简化风格 ·················································· 14__eol__1.5.4 3D 风格 ························································ 14__eol__1.5.5 插画风格 ······················································ 15__eol__1.5.6 低多边形风格 ·············································· 15__eol__1.5.7 无边框风格 ·················································· 15__eol__1.5.8 纵向分割风格 ·············································· 16__eol__1.5.9 超级头版风格 ·············································· 17__eol__1.6 设计网页UI的常用工具 ··················17__eol__1.6.1 Axure RP 9 ···················································· 17__eol__1.6.2 Photoshop 和Illustrator································ 18__eol__1.6.3 Sketch 和Adobe XD ···································· 21__eol__1.6.4 PxCook 和Cutterman ·································· 23__eol__1.7 本章小结 ····································24__eol__第2章 合理的网页版式与布局__eol__2.1 了解网页布局 ······························25__eol__2.1.1 网页布局的目的 ·········································· 25__eol__2.1.2 网页布局的操作流程 ·································· 26__eol__2.2 网页布局的基本方法 ·····················27__eol__2.2.1 网页的布局设计 ·········································· 27__eol__2.2.2 网页布局的原则 ·········································· 28__eol__2.3 网页布局的常见类型 ·····················29__eol__2.3.1 国字型 ·························································· 30__eol__2.3.2 拐角型 ·························································· 30__eol__2.3.3 标题正文型 ·················································· 31__eol__2.3.4 左右框架型 ·················································· 31__eol__2.3.5 上下框架型 ·················································· 31__eol__2.3.6 封面型 ·························································· 32__eol__2.3.7 变化型 ·························································· 33__eol__2.4 根据内容位置决定网页布局方式 ······33__eol__2.4.1 满屏式网页布局 ·········································· 33__eol__2.4.2 一栏式网页布局 ·········································· 34__eol__实战练习01——设计并制作白酒网页 ················ 35__eol__2.4.3 两栏式网页布局 ·········································· 40__eol__实战练习02——布局啤酒网站 ···························· 42__eol__2.4.4 三栏式网页布局 ·········································· 45__eol__2.4.5 水平和垂直居中的网页布局 ······················ 47__eol__2.5 页面分割方向的布局方式 ···············48__eol__2.5.1 纵向分割 ······················································ 48__eol__2.5.2 横向分割 ······················································ 49__eol__实战练习03——布局家居网站 ···························· 49__eol__2.5.3 纵向与横向复合型 ······································ 52__eol__2.5.4 运用固定区域的设计 ·································· 53__eol__2.6 网页布局的特性 ···························53__eol__2.7 PC端与移动端网页布局的区别 ········55__eol__2.8 本章小结 ····································56__eol__第3章 奠定基础的网页构成元素__eol_