| 摘要 | 第8-9页 |
| Abstract | 第9-10页 |
| 第一章 绪论 | 第11-15页 |
| 一、研究背景 | 第11页 |
| 二、研究的目的和意义 | 第11-13页 |
| (一)研究的目的 | 第11-12页 |
| (二)研究的意义 | 第12-13页 |
| 三、研究的内容和方法 | 第13-14页 |
| (一)研究内容 | 第13页 |
| (二)研究方法 | 第13-14页 |
| 四、国内外研究的现状 | 第14-15页 |
| (一)国内研究现状 | 第14页 |
| (二)国外研究现状 | 第14-15页 |
| 第二章 研究相关概念与理论 | 第15-21页 |
| 一、用户界面设计的定义 | 第15页 |
| 二、用户界面设计的要素 | 第15-19页 |
| (一)用户界面设计的视觉性要素 | 第15-17页 |
| (二)用户界面设计的交互性要素 | 第17-19页 |
| 三、扁平化设计风格的概念 | 第19-21页 |
| (一)扁平化设计风格的定义 | 第19页 |
| (二)扁平化设计风格的起源 | 第19-20页 |
| (三)扁平化设计风格的发展趋势 | 第20-21页 |
| 第三章 扁平化设计的特点分析 | 第21-28页 |
| 一、扁平化设计的原则 | 第21-23页 |
| (一)元素简化 | 第21页 |
| (二)注重色彩运用 | 第21-22页 |
| (三)强调排版布局 | 第22-23页 |
| 二、扁平化设计的意义 | 第23-25页 |
| (一)时代审美的需求 | 第24页 |
| (二)提高设计效率的需求 | 第24-25页 |
| 三、扁平化在界面设计中的特性 | 第25-28页 |
| (一)直观性 | 第25-26页 |
| (二)注目性 | 第26页 |
| (三)层次性 | 第26-28页 |
| 第四章 扁平化风格在网页界面设计中的应用 | 第28-46页 |
| 一、图片简约性法则 | 第28-29页 |
| (一)图形抽象法 | 第28-29页 |
| (二)图片去底法 | 第29页 |
| 二、色彩搭配法则 | 第29-31页 |
| (一)情感色彩导向法 | 第30页 |
| (二)色彩层级搭配法 | 第30-31页 |
| 三、文字应用法则 | 第31-32页 |
| (一)字体应用特点 | 第31页 |
| (二)字号应用特点 | 第31-32页 |
| 四、界面按钮的布局 | 第32-34页 |
| (一)按钮设计的意义 | 第32页 |
| (二)按钮的隐藏功能 | 第32-34页 |
| 五、界面图版率优先 | 第34-35页 |
| (一)图版率的概念 | 第34页 |
| (二)图版率的优化办法 | 第34-35页 |
| 六、网页设计元素扁平化的应用效果 | 第35-41页 |
| (一)文字扁平化的应用效果 | 第35-36页 |
| (二)色彩扁平化的应用效果 | 第36-37页 |
| (三)按钮扁平化的应用效果 | 第37-39页 |
| (四)图版率扁平化的应用效果 | 第39-41页 |
| 七、界面广告的扁平化 | 第41-46页 |
| (一)扁平化在网页界面广告中的设计形态 | 第41-43页 |
| (二)扁平化在网页界面广告设计中的应用效果——以天猫官网为例 | 第43-46页 |
| 第五章 扁平化在网页界面设计中的应用效果分析 | 第46-49页 |
| 一、应用用户熟悉的UI元素 | 第46-47页 |
| (一)熟悉的通用图标 | 第46-47页 |
| (二)熟悉的界面结构 | 第47页 |
| 二、迅速有效的交互反馈 | 第47-49页 |
| (一)色彩变动反馈 | 第47页 |
| (二)图形缩放反馈 | 第47-48页 |
| (三)图案的形变反馈 | 第48页 |
| (四)文字的粗体变化与横线装饰 | 第48-49页 |
| 结论 | 第49-51页 |
| 参考文献 | 第51-54页 |
| 攻读硕士学位期间所发表的学术论文 | 第54-56页 |
| 致谢 | 第56页 |