色彩在UI设计中的应用研究--以“色彩解码”APP为例
摘要 | 第4-5页 |
Abstract | 第5-6页 |
第一部分:“色彩解码” APP设计作品图片 | 第10-31页 |
1. “色彩解码” APP设计作品图片 | 第10-27页 |
2. “色彩解码” APP设计过程图片 | 第27-31页 |
第二部分: 设计报告(创作报告) | 第31-73页 |
1. 设计需求报告与调研 | 第31-38页 |
1.1 调研背景 | 第31页 |
1.2 需求调研报告 | 第31-36页 |
1.2.1 调研原因 | 第31-32页 |
1.2.2 调研方法 | 第32页 |
1.2.3 市场调研 | 第32-36页 |
1.3 UI设计现存问题 | 第36-37页 |
1.3.1 设计风格同质化 | 第36页 |
1.3.2 设计水准两极分化 | 第36-37页 |
1.3.3 对UI中色彩的理解片面化 | 第37页 |
1.4 调研对设计的意义 | 第37-38页 |
2. 文献理论研究报告 | 第38-47页 |
2.1 UI中的色彩 | 第38-39页 |
2.1.1 UI设计的概念 | 第38页 |
2.1.2 UI中的色彩特征 | 第38-39页 |
2.2 UI设计中色彩的作用与意义 | 第39-42页 |
2.2.1 UI中色彩的情感传递 | 第39-40页 |
2.2.2 塑造界面风格与品牌风格 | 第40-41页 |
2.2.3 提升信息阅读易读性与舒适性 | 第41页 |
2.2.4 帮助功能的引导 | 第41-42页 |
2.3 UI中色彩的运用原则与技巧 | 第42-47页 |
2.3.1 UI色彩搭配基本原则 | 第42-43页 |
2.3.2 基于不同导向的色彩选择 | 第43-44页 |
2.3.3 注重色彩语义学中的功能性色彩 | 第44-45页 |
2.3.4 色彩可用性分析 | 第45页 |
2.3.5 遵循色彩无障碍设计原则 | 第45-46页 |
2.3.6 适度参考流行趋势 | 第46-47页 |
2.4 小结 | 第47页 |
3. 色彩解码APP设计(创作)过程报告 | 第47-71页 |
3.1 KV策划过程 | 第47-55页 |
3.1.1 APP命名由来 | 第47-48页 |
3.1.2 KV视觉符号与色彩选择 | 第48-52页 |
3.1.3 字体设计 | 第52-53页 |
3.1.4 衍生设计 | 第53-55页 |
3.2 交互设计过程 | 第55-58页 |
3.2.1 需求点分析 | 第55-56页 |
3.2.2 用户画像 | 第56页 |
3.2.3 信息架构 | 第56-57页 |
3.2.4 低保真原型 | 第57-58页 |
3.3 UI设计过程 | 第58-71页 |
3.3.1 界面色彩考虑 | 第58-59页 |
3.3.2 ICON元素设计 | 第59-62页 |
3.3.3 底部标签栏元素设计 | 第62-63页 |
3.3.4 情感化设计 | 第63-65页 |
3.3.5 高保真界面设计 | 第65-71页 |
4. 设计(创作)研究总结 | 第71-73页 |
4.1 研究成果与价值 | 第71-72页 |
4.2 设计理念与创新 | 第72页 |
4.3 存在的不足与原因 | 第72页 |
4.4 后续改进设想 | 第72-73页 |
参考文献 | 第73-74页 |
附录 | 第74-78页 |
致谢 | 第78页 |