文档介绍:本科毕业论文(设计) 题目: ?探析材料设计在 UI 界面中的体现学生: 王梦琦学号: 2011060102 24 系别: 设计艺术系专业: 艺术设计入学时间: 2011 年9月 13 指导教师: 王淼职称: 讲师完成日期: 2015 年5月 12日 2 诚信承诺我谨在此承诺:本人所写的毕业论文《探析材料设计在 UI 界面中的体现》均系本人独立完成, 没有抄袭行为, 凡涉及其他作者的观点和材料,均作了注释,若有不实,后果由本人承担。承诺人(签名): 年月日 3 探析材料设计在 UI 界面中的体现姓名: 王梦琦学号: 201106010224 指导老师: 王淼摘要: 随着 UI 设计的不断发展,近期出现了一种新的界面设计方向,它就是材料设计。论文以材料设计在 UI 界面中的体现为题,分析了材料设计的艺术特征,认为材料设计不仅有丰富的视觉空间, 还有统一的视觉动效。进而着重从界面风格、布局、图标、按钮四个方面, 探讨了材料设计在 UI 界面中的应用,为 UI 界面提供了新的设计思路, 同时开拓了视觉设计视野。关键词: 材料设计、 UI 界面、系统动效、界面风格 Theory of material design in the UI Name: WangMengqi Student Number: 201106010224 Advisor : WangMiao Abstract: With the continuous development of UI design, recently there isa 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 4 目录引言 1. 材料设计与 UI界面 材料设计的含义 UI 界面的含义 2 .材料设计的艺术特征 丰富的视觉空间 2. 大胆的色彩对比 2. 鲜明的视觉层级 统一的视觉动效 2. 卡片式渐变 2. 交互性设计 3. 材料设计在 UI 界面中的应用 材料设计在界面风格中的体现 材料设计在界面布局中的体现 材料设计在界面图标中的体现 材料设计在界面按钮中的体现结语参考文献 5 引言移动设备的崛起带来了用户界面设计的变革,材料设计是近期出现的一种新的界面设计方向。材料设计通过视觉空间和视觉动效来展现它的艺术魅力,其中的色彩搭配使得界面看起来非常的大胆,充满色彩感,凸显内容。微妙的动画、阴影也使得用户与材料设计的互动更加有趣。在 UI 界面中,材料设计的界面风格和布局都有了很大的改变,在图标和按钮上也进行了改进,有很多令人愉悦的小细节,给用户提供了一种新的体验模式。材料设计不仅仅是一种视觉风格的转变,而是一种设计语言和思维方式的演变,它将引领 UI设计的潮流趋势。 1. 材料设计与 UI界面 材料设计 Google 今年推出了新的移动设计方向“Material Design ”,我把它翻译成“材料设计”。“材料”是种隐喻,即空间的合理化及系统动效的统一。2014 年, 扁平化设计是最流行的 UI 设计趋势,而它的“过于平”也引起了一番热论,但材料设计在扁平化上作了微妙的渐变,层次感和动画,保留了意义上的有形世界。所以,我们可以形象的理解材料设计是“向拟物回跳一下的扁平化设计”,但材料设计本身又是独立的。材料设计的中心思想,便是把物理世界的体验带进屏幕。将现实世界中纸张的特性挪到电子屏幕里,在“纸”上