材料设计在UI界面中的体现.doc

本科毕业论文（设计） 题 目：探析材料设计在UI界面中的体现 学 生： 王梦琦 学号： 座机电话号码0224 系 别： 设计艺术系 专业： 艺术设计 入学时间： 2011 年 9 月 13 指导教师： 王淼 职称： 讲师 完成日期： 2015 年 5 月 12 日 诚 信 承 诺 我谨在此承诺：本人所写的毕业论文《探析材料设计在UI界面中的体现》均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。 承诺人（签名）： 年 月 日 探析材料设计在UI界面中的体现 姓名：王梦琦 学号：座机电话号码0224 指导老师：王淼 摘要：随着UI设计的不断发展，近期出现了一种新的界面设计方向，它就是材料设计。论文以材料设计在UI界面中的体现为题，分析了材料设计的艺术特征，认为材料设计不仅有丰富的视觉空间，还有统一的视觉动效。进而着重从界面风格、布局、图标、按钮四个方面，探讨了材料设计在UI界面中的应用，为UI界面提供了新的设计思路，同时开拓了视觉设计视野。 关键词：材料设计、UI界面、系统动效、界面风格 Theory of material design in the UI Name:WangMengqi Student Number:座机电话号码0224 Advisor:WangMiao Abstract: With the continuous development of UI design, recently there is a new interface design direction, it is the material design. Thesis topic, reflected in the UI interface design are analyzed the art features of material design, think material design not only has the rich visual space, and unified visual effect. And emphatically from the interface style, layout, ICONS, buttons, four aspects, this paper discusses the application of material design in the UI interface, for UI interface provides a new design idea, develop the visual design view at the same time. Key word: Material design, UI interface, system dynamic effect, interface style 目 录 引言 1.材料设计与UI界面 1.1材料设计的含义 1.2 UI界面的含义 2．材料设计的艺术特征 2.1丰富的视觉空间 2.1.1大胆的色彩对比 2.1.2鲜明的视觉层级 2.2统一的视觉动效 2.2.1卡片式渐变 2.2.2交互性设计 3.材料设计在UI界面中的应用 3.1材料设计在界面风格中的体现 3.2材料设计在界面布局中的体现 3.3材料设计在界面图标中的体现 3.4材料设计在界面按钮中的体现 结语 参考文献 引 言 移动设备的崛起带来了用户界面设计的变革，材料设计是近期出现的一种新的界面设计方向。材料设计通过视觉空间和视觉动效来展现它的艺术魅力，其中的色彩搭配使得界面看起来非常的大胆，充满色彩感，凸显内容。微妙的动画、阴影也使得用户与材料设计的互动更加有趣。在UI界面中，材料设计的界面风格和布局都有了很大的改变，在图标和按钮上也进行了改进，有很多令人愉悦的小细节，给用户提供了一种新的体验模式。材料设计不仅仅是一种视觉风格的转变，而是一种设计语言和思维方式的演变，它将引领UI设计的潮流趋势。 1. 材料设计与UI界面 1.1 材料设计 Google今年推出的移动设计方Material?Design”，我把它翻译成“材料设计”。“材料”是种隐喻空间的合理化及系统动效的统一。材料设计在扁平化上作了微妙的渐变，层次感和动画保留了是把物理世界的体验带进屏幕。。UI的是用户界面，一句话就是人和工具之间的界面。在我们生活中，如看电视的时候遥控器和屏幕就界面一个美观的界面会给人带来舒适的视觉享受，拉近人与的距离，界面设计不是为了美观，他需要是科学性的艺术设计用户第一次看到一个UI界面时，会对色彩留下最深刻的