UI设计中的扁平化设计美学研究
摘要 | 第3-4页 |
Abstract | 第4-5页 |
1 绪论 | 第9-17页 |
1.1 研究背景 | 第9-10页 |
1.1.1 课题研究背景 | 第9页 |
1.1.2 课题的提出 | 第9-10页 |
1.2 选题研究目的与意义 | 第10-11页 |
1.2.1 研究目的 | 第10页 |
1.2.2 研究意义 | 第10-11页 |
1.3 国内外UI设计研究现状 | 第11-14页 |
1.3.1 国内UI设计研究现状 | 第11-12页 |
1.3.2 国外UI设计研究现状 | 第12-14页 |
1.4 研究方法 | 第14-15页 |
1.5 研究内容与框架 | 第15-17页 |
1.5.1 研究内容 | 第15-16页 |
1.5.2 研究框架 | 第16-17页 |
2 UI设计中的扁平化与设计美学相关概述 | 第17-33页 |
2.1 UI设计的内容概述 | 第17-24页 |
2.1.1 UI设计的定义 | 第17页 |
2.1.2 UI设计的原则 | 第17-19页 |
2.1.3 UI设计的主流风格及特征 | 第19-21页 |
2.1.4 UI设计的的风格对比 | 第21-23页 |
2.1.5 UI设计中的扁平化趋势 | 第23-24页 |
2.2 设计美学内容相关概述以及相关理论 | 第24-33页 |
2.2.1 功能性设计美学 | 第25-26页 |
2.2.2 形式设计美学 | 第26-28页 |
2.2.3 心理学设计美学 | 第28-30页 |
2.2.4 符号学设计美学 | 第30-33页 |
3 扁平化设计遵循的美学原则 | 第33-51页 |
3.1 扁平化形式之美 | 第33-42页 |
3.1.1 扁平化的视觉元素 | 第33-41页 |
3.1.2 扁平化形式感的形成 | 第41-42页 |
3.1.3 扁平化的形式美学 | 第42页 |
3.2 UI设计中扁平化的交互之美 | 第42-46页 |
3.2.1 引导页预热 | 第42-43页 |
3.2.2 动画锦上添花 | 第43-44页 |
3.2.3 用户体验之美 | 第44-46页 |
3.3 UI设计中扁平化的功能之美 | 第46-49页 |
3.3.1 形式追随功能 | 第46-49页 |
3.3.2 新技术HTML5 | 第49页 |
3.4 小结 | 第49-51页 |
4 UI设计中的扁平化设计案例分析 | 第51-59页 |
4.1 基于扁平化的UI设计思路 | 第51-54页 |
4.1.1 UI设计流程 | 第51-52页 |
4.1.2 设计研究 | 第52-53页 |
4.1.3 扁平化设计的案例分析 | 第53-54页 |
4.2 UI设计中的扁平化设计实现 | 第54-56页 |
4.2.1 色彩定位 | 第54-55页 |
4.2.2 风格和布局 | 第55页 |
4.2.3 UI的简单朴素 | 第55-56页 |
4.2.4 优雅而精致的氛围 | 第56页 |
4.2.5 无处不在的照片 | 第56页 |
4.3 切图与开发 | 第56-58页 |
4.3.1 i Phone画布设置 | 第57页 |
4.3.2 Android画布设置 | 第57页 |
4.3.3 Web画图设置 | 第57-58页 |
4.4 小结 | 第58-59页 |
5 结论 | 第59-61页 |
5.1 UI设计中的扁平化设计美学的研究总结 | 第59页 |
5.2 扁平化的设计思考与展望 | 第59-61页 |
参考文献 | 第61-63页 |
致谢 | 第63-65页 |
附录 作者在读期间的研究成果 | 第65-67页 |
图片索引 | 第67-68页 |