平面设计教程1.pptx_第1页
平面设计教程1.pptx_第2页
平面设计教程1.pptx_第3页
平面设计教程1.pptx_第4页
平面设计教程1.pptx_第5页
已阅读5页,还剩13页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

metro ui,源自瑞士的设计风格,metro的设计灵感来自交通系统:它需要帮助人们能够在短时间内,快速找到自己所需的信息。metro一词在英文中译为地铁的意思,这充分体现了它的渊源和其艺术风格。,metro 地铁,这种风格大量采用硕大突兀的字体,能吸引读者的注意力。微软认为metro设计主题应该是:“光滑、快、现代”。,metro 与瑞士平面设计,求本溯源,metro ui是基于瑞士平面设计原则,这有利于以文字为主的界面导航。微软的设计师计划重新设计现 有用户界面、更清爽的排版和较少的重点以便于用户使用。,metro 设计原则,metro之父 瑞士平面设计概述,20世纪50年代期间,一种崭新的平面设计风格终于在联邦德国与瑞士形成,被称为“瑞士平面设计风格”,由于这种风格简单明确,传达功能准确,因此很流行与全世界,成为二战后影响最大,国际最流行的设计风格,因此被称为“国际主义平面设计风格”。,瑞士平面设计风格稳健,四平八稳的传达设计,给人印象深刻,设计风格变化多端,极为丰富。,metro ui 的设计元素,你觉得metro ui界面非常的简单? 它的设计理念就是要突出简洁与视觉焦点的引导 如果你是一名windows phone移动应用开发者 或是应用ui的设计者 那么下面提到的metro ui中设计元素 你都必须应该知道,多宝阁设计,活动格子,panorama,metro ui 的设计元素,多宝阁设计,多宝格又称“百宝格”或“博古格”,是专为陈设古玩器物的。多宝格的独特之处在于,它将格内做出横竖不等、高低不齐、错落参差的一个个空间。在视觉效果上,它打破了横竖连贯等极富规律 性的格调,因而开辟出新奇的意境来。,metro ui 的设计元素,活动格子,在metro界面中,应用都以方形图标的形式呈现在主界面中。它们就好似是多宝格中的 “收藏品”一样,每一个应用都会给用户爱不释手的感觉,给人以一种不断幻化的新奇感,让人忍不住去探索 metro ui中的各种内容。,metro ui 的设计元素,活动格子设计精要,活动方格式的图标可以反映出更多应用程序的信息,图片丰富细腻,每一个小方框由173 x 173像素阵列组成,其可以显示精致细腻的图片。,多标题的图片,可以容纳下更多内容,可以给设计师更多的灵感空间,每一个应用都有机会构建自己的独特风格。,metro ui 的设计元素,panorama风格,用户在设备上的可视区域是十分 有限的,为了能让用户透过窄小的屏幕,看到更为宏大的场景,在metro ui中就采用了这种panorama设计的概念。它最大的益处是可以在一个二维平面内,集中显示多种类型、多种来源的信息内容。,metro ui 的设计元素,panorama风格,panorama设计的准则,让用户可以控制自己的视野,通过用手指在屏幕上滑动来获得自己想要看的内容。同时,这种操控方式也是可以全屏幕进行的,并且可以视作是一种应用程序内的导航模式。,使用任意单一的颜色作为背景色,或者是一张图片作为panorama环景的背景,用户不必使用任何额外的触笔或者按键就能完成对panorama的控制,panorama界面不能过长,要限定在4个屏幕宽度之内,metro ui,三大ui风格对比,wp7,ios,android,在windows phone中,图标按钮可以呈现出更加丰富的信息。,live & rich tilesvs.静态图标,metro ui,三大ui风格对比,wp和android在一个应用中,四步即可对一张照片完成剪裁。而在ios中,需要频繁的在2个应用中切换,至少6步才能搞定。,集成流vs.独立应用,metro ui,三大ui风格对比,简单的菜单vs.各种高级子选项,有选项卡,没有古怪的按钮,有的仅仅是简洁明了的菜单。metro ui回归质朴,所带给用户的是极简式的操作体验,metro ui,三大ui风格对比,谁更适合视力有障碍的人,在你视力好的时候 可能不会觉得他们有太大差别,metro ui,未来发展之势,微软开始整合本设计风格到其他产品中,如新版本的windows live messenger和live mesh。而微软也确认windows 8将全面集成metro ui设计。而根据office最新内部测试版的截图,office也会使用metro设计。微软美国官方网站亦部分使用本设计。,microsoft,windows 8,office 15,microsoft,xbox360,microsoft,metro ui,谁看上去更艺术?,你可能会偶尔看到,某个餐厅的菜单,用的是ios的界面风格。也许你能听说某人,设计了一个随身记事本,其外观与三星的note手机极为相似。你可能会哇的赞叹,其ui设计的影响力,已经从移动领域延伸到了日常生活中。但metro ui则完全相反,它是先被广泛应用在日常的生活中,然后再经过各

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论