hucheng518
您的举报已经提交成功，我们将尽快处理，谢谢！
大家还关注您所在的位置： &
别再问我用什么软件做网页了？
别再问我用什么软件做网页了？
在看老外们教学都是直接用 Notepad++，然后就直接写 html、css、js 这样，根本没有特别用什么软件，不过是在书局看过很多关于 Dreamweaver 网页设计 101 之类的书，甚至到现在，你还是可以找到很多 Dreamweaver 的课程啊，书记啊之类的，高中还有一个叫做 frontpage，是微软的。
498)this.width=498;' onmousewheel = 'javascript:return big(this)' alt="" src="/wyfs02/M00/59/BB/wKiom1TdZVvCRhl3AAB0OxnW3bs065.jpg" />
在大学暑假的某天，接触到第一个客户，客户第一个问了自以为很专业的问题。
「你是用什么软件做网站？」
我当下只是有点疑惑，因为在看老外们教学都是直接用 Notepad++，然后就直接写 html、css、js 这样，根本没有特别用什么软件，不过是在书局看过很多关于 Dreamweaver 网页设计 101 之类的书，甚至到现在，你还是可以找到很多 Dreamweaver 的课程啊，书记啊之类的，高中还有一个叫做 frontpage，是微软的。
我对于用什么软件编辑网页本来是无感，反正出来的目的是一样的，所以一直觉得不是一个问题，直到今时今日还有人问我用什么软件做网站。坦白说我当下真的是有安静蛮久的。
&证&是用来干嘛的？
在接近毕业前有到某家公司面试，其实严格来说是外包合作，不过一进去公司，有个精神感觉不太好的女秘书，把我引进到一个电脑前，然后说，好的，我们来考试一下。
我当下只是觉得，要怎么考啊？ 你不是应该要看我的作品集吗？难道我要参加「网页设计 Dreamweaver 8 & TQC 考生服务网&电脑技能基金会」这样的东西吗？ 再一次强调，我没有说这个考试不好，我只是不会去考，因为我也不会过，我不会用 Dreamweaver 8。
念企管的我，大学期间同学都去考&证&，我不是很懂这个需要&证&干嘛（这里指的限于网页设计和制作相关），因为我每次去和客户谈事情，他只关心我会不会做出来，没有关心我的证书有没有带出来，所以我当下，很主观的直觉的认为，证书对我做这个事情（做网站）没有很大关系。
当时（现在应该还有）各种有关网页设计和网站的大大小小的资格证玲琅满目，我每次去听了他们的讲解，了解详情后，回家都在思考，我该不该去报名，我外国人连政府补助都拿不到，一个课程 10 几万（大约），我要做多少个才能回本。后来还是没有报名，纯粹是我太穷了，真的无法报名，真没有想到穷苦让我逃过一劫（？）
就是这样至今我依然无法好好用软件，来做一个网站，拖拉拖拉，输入数值，依然不是我在行的，即便现在 Adobe 现在推出的几款 Web 设计u作相关的服务，还是觉得，打开 sublime 比较快。
如果答案不是 DREAMWEAVER？
可能从古代到现在，大多数人都比较常听到的是 Dreamweaver，起码你去某某电脑学习中心，你都会看到 Dreamweaver 的课程，所以有时候被问，用什么软件，而答案不是「Dreamweaver」的时候，对方会显露出，我很不专业的表情，然后心里 os「不会用 Dreamweaver，应该很烂，连 Dreamweaver 都不会」
那么他继续追问，那你用什么软件啊
「编辑器的话，sublime 吧」
「喔～」（是结束句吗？）
前端用的工具倒是很多
不过你换一个问法
「你用什么工具？什么语言？什么框架？」
倒是可以回答的很详细，也可以简短的回答，不过就是有答案，因为目前用的，它还不算是个软件，开发的环境是集合很多工具而成，每个人都可能稍微有点不同，有自己的偏好。又或者你有比较专门开发用的 IDE，例如 php 的会用 phpstorm，.net 的会用 VS 一样。
其实呢，我对 Dreamweaver 没有什么意见，以前隔壁的菲律宾同事一样用 Dreamweaver（code 模式）写的呱呱叫，不要问我呱呱叫是什么一个状态～
反正还是那一句，如果你能用关刀削苹果皮，削的很完美，那倒是一种艺术。
如果不是，削苹果皮还是用水果刀吧。【责任编辑： TEL：（010）】
关于&&的更多文章
很显然，Oracle已正在开发Java 9。Java 9主要的增强内容之前已经
如何利用分析在恰当的时机为合适的人员提供内容访问权，帮助制定更好的决策。
IBM大数据讲堂
企业内容管理方案在资产密集型行业的实践
连线IBM大数据专家
获取详实大数据解决方案请致电
400-810-1818 转 2385
魅族应用商店作为国内最早的应用分发平台，国内首创了许多新业务模式
讲师： 3人学习过讲师： 11人学习过讲师： 43人学习过
Jquery是继prototype之后又一个优秀的Javascript框架
又到周末了。昨天是感恩节，小编也是听同事说起，才想
离年末越来越近了，不知道各位有没有倦怠的感觉？本周
本书以轻松幽默的笔调向读者论述了高质量软件开发方法与C++/C编程规范。它是作者多年从事软件开发工作的经验总结。本书共17章，
51CTO旗下网站带交互的 iOS 产品原型可以用什么软件制作？
按投票排序
首先如果你小团队或者个人开发，当然可以用Xcode，如果大公司跨部门审核调整各种，还是有个快速的原型。如你要求，可交互。包括常用的Axrue，我试用过下面提到的所有软件，分别完整产出过不同的原型，还有一些市面上的你一看它介绍图还在用ios6的就知道不必了，说明很久没更新了。下面这些是我按照不同的特点进行了归类，视你的具体情况而定吧。我在选择软件这个过程中纠结了很久，也是用过在领悟真正的原理。但是这段时间的摸索对我以后也有很大帮助。轻巧型低保真；无控件；iOS；少交互；免费。非常火的一款原型软件，第一次满足了大家人人都是产品经理的感觉。方法：拍照--添加触控区--转场方式--选择图片平台：全手机操作缺点：分享不便。动画有如侧滑、展开、消失，快现的摇一摇。操作只可以单击。没有控件，所有东西都靠你的照片。基本和pop一样，就是软件本身的UI更ios7一点，其他都一样，也是导入图片，加热区就好了。缺点也是一样的。**总结：**轻巧型的就是适合简单软件且是早期，在手机上稍微复杂一点的就痛不欲生了。但问题是，如果简单到这么轻松了，那真的还需要用软件模拟吗？真的在纸上画更轻松吧。点击这种交互也不需要模拟了吧。专业型高保真度；自带控件；Mac+iOS；全交互；收费+免费腾讯出品的原型软件，中文，操作简单，符合国人习惯，容易上手。方便分享。方法：windows电脑安装UIDesigner，使用现成控件进行可视化搭建，调试后通过网盘等方式发到iOS设备，用UIDPlayer打开即可。平台：只支持Win+ iOS。可能也是优点，仅有的专门支持Win平台的原型软件。缺点：吹毛求疵吧，逼格不高。这是我最近发现非常好的一款软件，好在对交互的支持上，如果调整细腻一点，几乎可以以假乱真。我是用它在UI定稿的情况下，提前当完成品测试交互体验的。当然也自带控件，用于原型设计。还有三种模式，场景模式（Scene View ）和细节模式（Details View）分别负责交互设计和UI设计两个部分，在设计完成后可以在第三个模式（Overview）查看整个APP的架构。方法：在场景模式中，添加Actors（按钮，文本段落，文本热点）和Actions（触发动作），可以设置界面跳转时的TRANSITION效果，声效，延时，Retina 空间等交互体验辅助特效。然后在iOS设备上安装Briefscase，通过Dropbox同步后使用。缺点：贵。1298元，感受一下。标注起来还是不太趁手。通过dropbox同步有点慢，又没办法加快，只能生等。可以先试用一下，觉得好再入手吧。我最早用的原型软件，现在制作出的原型已经出现在App Store里拉。Sakura Day。当时用免费的功能（2个项目，无法导入dropbox图片，无自定义控件）就做出来了。后来接手公司大项目，专门买了完整版128元。但是注意，这是用iPad做，iPhone或者iPad看，没有电脑版的。我当时就是为了地铁上可以用，是优点也是缺点。方法：基本都一样，就是在iPad上操作。触控不那么精确，但是操作体验很好，完整版的自定义库按钮很多很丰富。平台：iPad + iOS缺点：最重要的就是只能在iPad上编辑，我做了个大型的项目，打开还是稍慢点，但是稳定，操作多了有点累。分享需要对方装软件，而且生成的项目文件会很大。总结： 专业软件还有很多，各有千秋，这两个是最快支持iOS7的，说明他们很重视产品保证更新。但是价格确实也是不菲，优缺点很明显，不符合国人习惯。腾讯那个整体是很不错了，除非你和我一样只用mac。HTML型中保真度；自带控件；全平台；需联网；少交互；收费+免费我是通过下面提到的Icon Stricker发现的这个网站，试用了一下发现，它的特点是快捷的热区和转场操作，但是完全不带控件，也就是网页版的 pop。需要你自己准备好图片，不管是UI还是UE，这里只负责交互。最大的亮点就是支持滚动，前面提到的那些软件，都需要通过转场实现长图滚动，这个可以原生支持。方法：传图，热区，转场。看起来操作很简单。平台：全平台。缺点：30天免费期，按月收费。不支持控件。需要浏览器支持。最受推崇的网页版原型网站。控件从iOS到Android到WP。也是可以免费一个项目少量屏幕，然后按月收费。方法：添加控件，热区，转场。缺点：我用网页版的还是感觉有点迟缓，不痛快。胜在控件实在很全，这个是很多桌面软件都不支持的。如果针对安卓或者WP,实在没什么更好的选择了。**总结：**分享方便，轻量级是最大优点。但是按月付费这个我觉得大公司不会承担这笔费用，小公司有没有必要花费在这方面都值得商榷。速度也确实有点问题。交互也不如专业型那么灵活。超大型高保真度；可拓展控件；自定义库；适配；少交互；收费。Axure绕不开的巨人，就像图片界的PS，文字界的Word。它最大的特点就是别人都用它（虽然大多是盗版），我之前也存了显出不同逼格的心试了前面那么多软件，最后绕了一大圈还是回到了它的怀抱。回来的原因主要有三大家都在用。这个没办法，沟通，传输，修改都方便，PC+mac都可以看。你自己逼格到了，人家都感受不了有什么用呢。确实强大，熟练使用库和自定义控件后，效率大幅提升，远胜专业型。生成的HTML页面自带左侧目录边栏。是的，这就是我弃用OmniGraffle的主要原因。方法：不再赘述了，总之要用好自定义控件，这个会让效率成倍提升。缺点：生成的原型在移动端很难用。是有方法的，其实也不错了，但是我还是懒得费心研究。之所以用这个就是为了给开发和写文档，很多标注和逻辑流程，没必要做出交互。所以不考虑用它做交互，你真都做成交互了，难道还要工程师挨个点开才能看到逻辑？OmniGraffle为了捍卫mac的逼格，我用了几天就放弃了。不可否认，OG在调整控件时的流畅稳健，草图的美观（前提是你用英文）等方面，能让你享受整个制作过程，这是很少见的。但是我一直搞不懂画布层共享层等等的关系，用起来失误频繁，而且，生成的html没有目录啊，文档可读性差。方法：不再赘述。缺点：除了前面所说，仅支持mac，生成的交互原型更难用到手机上。总结： 是的，这两个软件不光是用来做移动交互原型的，他们的强大体现在非常多的领域，但是针对移动交互原型而言，都不适合。A胜在文档和大家都用，所以在个方面就屈从了吧。辅助型特定功能（动画；图标；投影）就是专门用来制作交互动画原型的产品，免费，但是需要苹果开发者账号，学习曲线非常高，但是可以制作非常精美的强交互动画。PS play等都可以快速把电脑上的内容投影到手机上。但是唯独liveview可以支持交互。打开交互模式后，电脑端可以接受手机的点击和滑动手势。非常强大。专门用来测试icon的网站，出自Flinto。快速在主屏查看图标。总结我现在对原型的流程是这样的：用Axure绘制UE图，导出成手机尺寸图片导入Briefs或者pop，加入交互，体验一下，在Axure里标注，写文档，生成htmlUI定稿再导入briefs，高保真体验
推荐MockingBot (推荐MockingBot ()我是MockingBot的开发者，在开发这款工具时，我的首要目标就是保持它尽可能的简洁轻量，同时确保整个工作流程尽可能的顺滑，我们的工具专注于移动应用的交互原型设计，为了避免过早的考虑设计因素而分神，所以我们只提供了朴素的线框图界面，让用户可以专注于应用交互本身。如果大家喜欢这个应用，欢迎帮我们在Quora上随手给MockingBot投一票：先谢了
之前研究过一些原型工具，粗略做了个分类：一类是在原型软件上完成原型制作和交互制作的全部过程，例如 Axure, OmniGraffle 等常见的工具，另外一类不提供原型设计的控件，只支持把做好的设计图导入进去，然后在图片上选择热点区域，制作页面之间跳转的交互，把一张张设计图连接起来，让它看起来更像一个真实的产品，模拟产品上线之后的真实效果，例如 Briefs, Flinto, Marvel, Pop 等。第一类大家很熟悉，略过不说。重点说下第二类的工具。1. 先上我做的原型：制作过程就是新建原型——导入设计图（支持本地图片和 Dropbox 导入）——添加交互——预览、分享。Flinto 支持的操作只有点击，转场动画效果有 Dissolve, Push Left, Push Right, Slide Up, Slide Down, Flip Left, Flip Right 几种。效果不算多，但是对于一般 APP 已经够用了。交互部分完成之后，就可以分享给团队成员了，支持短信或者邮件分享，也可以把原型的链接发给对方即可。对方收到之后，不只可以在 Web 端预览，还可以用 iPhone 的 Safari 打开，然后添加到主屏，然后就可以点击屏幕上的图标打开应用预览了，像一个真的 APP ！非常适合团队内部分享。大家可以在手机上点上面的原型链接试一试，Flinto 只支持 iPhone 手机预览，Android 手机访问网址时会提示你用 iPhone 访问 :(2. Marvel ()同样先上原型：原型制作流程与 Flinto 一样，除了图片导入部分，Marvel 只支持从 Dropbox 选图片，不支持上传本地图片。Marvel 支持的操作和转场动画要比 Flinto 丰富一些。支持的操作有：支持的转场动画有（做原型的时候把鼠标放在某个动画上面会有效果预览）：值得一提的是，Marvel 在 Web 端的预览窗口中支持多种机型（就是在设计图外面包一个该机型的壳），还可以选该机型实际拥有的颜色。下面就是选了黄色的 Lumia 920 机型的效果：下面就是选了黄色的 Lumia 920 机型的效果：Marvel 支持的分享方法更多：URL、邮件、短信、二维码、升级成 Pro 之后还可以下载 HTML, CSS 和 JS 文件到本地。Marvel 同样支持用 iPhone 的 Safari 打开，然后添加到主屏的办法预览。另外，Marvel支持 Android 手机预览, 这一点上优于 Flinto 。另外 Marvel 有一款手机 APP （），提供把纸面原型转换为可交互原型的功能，类似于 POP （）。之前写过一篇介绍在线原型设计工具的博客，里面也包括了 Marvel ，有兴趣可以看下： 。3. Briefs () 的答案中已经介绍得差不多了，Briefs 可以用提供的资源库画出原型，也可以导入做好的设计图，然后添加交互。用下来的感觉也是不太顺手，有些繁琐，在手机上预览的时候还要安装手机应用，不像前面两个工具可以直接用手机浏览器访问原型。不过 Briefs 有两个独特功能，可以导出 PDF 格式的交互说明图，另外还可以导出切图（更适合用 Briefs 资源库画的原型）。下面是导出的交互说明图。===========总结一下，用什么工具还是要看你们想把产品原型中的交互做到什么程度，是像做出拥有简单点击、滑动以及各种转场动画的交互，让原型可以像实际的产品一样进行操作；还是想做一些有炫酷交互细节的产品，例如
里面介绍的这种。前一种的话用上面说的几个工具就行，如果是后一种的话，可能就要 QC 和 Xcode 了。对于这两款工具我也不专业，不过有些资源可以分享下：
结合自己这几天的摸索实践，找到了一套高效实现iPhone快速演示简单交互原型的方法，注意，是高效、快速的解决方案，非常适合在项目中期直接与团队交流时使用。原型制作Axure +原型演示Prototyping on Paper +文件传输 QQ详细流程：1.打开已经做好的原型，复制；Web上的原型设计无论是Axure、OmniGraffle还是Wireframe都无所谓，找到自己最顺手的即可，用PPT、Keynote都是一个道理. 这里的建议是，尽量按照iPhone的标准尺寸比例设计原型，否则在最后一步，还需要剪切原型的图片。 2.在QQ中找到我的设备，粘贴并发送；从Axure中导出比例合适的图片，并把图片传输到iPhone中是一个特别痛苦的过程。这个流程中，主要变化是在原型图片导入应用的选择。为什么不用微信，或者其他类似的同步应用；原因有两方面，第一，如果换其他同步应用，需要先把原型保存成图片后才可以同步，而QQ直接cmd+V就能快速解决；不用微信的原因的，微信传来的图片，还需要在微信客户端上保存图片，并且图片会被压像素；QQ文件传输的图片会直接进入到了iPhone的相册中； 3.iPhone中打开Pop，调取相簿中的图片后，制作简单的交互效果；Pop（Prototyping on Paper），通过App store可以免费下载，另外还有一款应用叫快现，相比Pop有更多的交互效果，不过只适配到了iOS6，今天寻找时疑似被下架了T.T，具体的使用教程可以参考
；通过设置图片中的点击区域来达到基本的交互效果；最后，原型演示相关应用的增长、更新的速度实在太快，本人接触使用地很有限 ，所以只要在这个思路上有更好的实现方法或者应用欢迎回复或私信交流。
的答案后，针对个人设计师的情况给出一些看法。1、尝试学习了几天QC，发现其最大的问题是性价比不高。QC的学习曲线相当陡峭，初期你会发现，即使是实现一个极其简单的动效，比如一个 chart View 的 Momentum Scrolling 的复杂度就能让你当场吓成狗。而且虽然号称QC不需要编程，但是实际上因为QC使用的是面向对象编程的逻辑，加上其中最强大的patch之一其实就是javascript patch，如果你想真正实现精美的动效，这依然是道不得不迈过的坎，而如果你说老子就想跳转而已才不稀罕这些动效呢，那……你学QC干嘛。学习QC 的重点在于坚持爬过初期的壁垒、彻底适应软件 flow式的工作逻辑，熟练掌握大量patch并形成自己常用的工作模块，这样才能真正体会到QC的好。而这也仅仅是给你带来了一个可以在mac上用鼠标交互的原型，一不能转化为Xcode代码，二（暂时）不能导成HTML 5之类的文件给别人分享。总得来说，这就是装逼的代价。2、对于IOS的交互设计来说，如果你遵( gan )纪( yu )守( ping )法( yong )，严格遵循IOS人机交互规范，不追求华丽动效，那Xcode的storyboard可能是更好的选择。速度快，易上手，理想远大一点还可以顺手入门一下objective - C，进可攻退可守。3、以上都是说的高保真，线框图甚至低保真的话，我还是那个观点：纸和笔是最好的工具。
回答：appcooker原因：1.iPad上用的，可制作3.5"/4.0"/iPad应用原型，加上一只稍微好点儿的触控笔，分分钟制作一个原型；2.可导出屏幕地图，清晰展示各个页面之间的跳转关系；3.应用本身98RMB，但相应的播放软件apptaster则免费，也就是说，你可以使用appcooker去制作原型，然后team成员可以使用免费的apptaster去播放你的原型，这样成员交流起来效率更高；4.可连接DropBox、box、iTunes，共享你制作的原型，或者享用这些服务中存储的各式各样的图标（）；5.发布原型时可填写反馈邮件，这样你可以将原型发送给几个好友，让他们进行测试，然后他们可以直接向你撰写反馈邮件；6.制作原型阶段，可以直接拖用自带的各种ios控件和DropBox中的图标快速拖出一个原型，等到demo效果出来后，可以直接把demo图放进去，然后加上各种交互，这样可以在第一时间评析demo的真实运行效果；7.暂时没想到....其实还很多....放上地址：【我觉得axure虽然很强大，但实在太不轻巧了，很多时候我有一些想法都会随手拿出iPad用appcooker快速变现他们，这点axure无法满足】
可以使用Xcode自带的Storyboard功能，具体可以参考这个教程
我推荐OmniGraffle，原因很简单。很多时候交互不需要那么多复杂的动画和动作，都可以用文字描述，不应该花时间在原型上。OG可以生成UI级原型图，可以方便视觉设计师对细节的参考。我觉得很需要UI细节非常更难用文字描述，所以用OG很好表达。
axure可以做啊
直接用 storyboard.会点oc最好，不会的用axure那些吧，可以跨平台
快速用Flinto，精致用Axure请问像这种图解一般是用什么软件做的？
&img src=&/b5f793d79a8810033dff4dd13d205d8c_b.jpg& data-rawwidth=&720& data-rawheight=&3912& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/b5f793d79a8810033dff4dd13d205d8c_r.jpg&&
按投票排序
首先感谢邀请。
现在我们经常能在网上看到类似的宣传图，或者讲解图，学术会议中也会用到类似的展板（poster），很直观也很美观。至于说这样的图如何制作，以及用什么软件制作。大概可以分为专业级或者普通级两类。
就我个人所知道的，专业级的软件比如CorelDraw，Adobe Illustrator，Adobe Photoshop等等，都是比较好的工具；
如果对于以上软件不是很熟悉的话，其实Microsoft PowerPoint也是制作这种图的有力工具，这是大家平时不太会想到普通的PPT也能完成这种图。当然，自从Office 2007版以后，制作PPT可以说变成了艺术。近几年关于如何制作PPT的书籍在国内如雨后春笋般涌现，其中不乏优秀的著作，比如般若黑洞的《PPT，要你好看》（声明，不是做广告，我看了这本书之后的确觉得作者很用心去介绍PPT，以及他自己制作PPT的心得体会）。
当然，完成一个类似于图中的作品，并不一定只用到一种工具软件，有时候是需要多个软件相互配合使用的。
至于如何完成类似于图中的作品，我个人觉得首先是需要有一个清晰的想法，要将自己想表达的内容整理通顺并具有逻辑。这一步不是制作的技巧，而是做任何事情的先决条件，尤其是对于向别人介绍一个事物的时候，如果表达不清，含糊混乱，即使页面很漂亮、风格很突出，也是无法让人接受的。
其次，是需要准备素材，比如图中的物体和人物的剪影等等。这些素材可以从网上搜索到，当然，不一定是最合适的，比如颜色，大小等等与你的设计不完全相符，我们需要对素材进行再加工。这时候就需要用到多个软件配合。
最后就需要作者有耐心去调整细节，比如颜色的搭配，尺寸大小的统一，位置顺序的调整等等。以上是我个人的理解，水平有限，希望大家来补充。
简单的Ppt可以做。个人感觉Adobe Illustrator做长图比较方便，类似ppt，可以随意拉伸。矢量素材可以网上下载，或者通过Vector Magic软件进行转换。您正在使用IE低版浏览器，为了您的雷锋网账号安全和更好的产品体验，强烈建议使用更快更安全的浏览器
Material Design：软件是用什么材料做成的？
“这是一个非常先进的设计形式，它就像是魔法纸张一样难以分辨。”谷歌负责设计业务的副总裁Matias Duarte是这样描述Material Design中心原理的。它也代表了谷歌公司全新的设计方向，是对新设计理念的暗喻，规定了软件的外观和行为。谷歌的设计团队觉得需要有更加一致的外观和感觉，而且能够应用于他们所有的产品，比如安卓，，网页。其他公司要么从色彩基调着手，要么制定出一套设计原则，但是谷歌并没有这样做，他们是从一个问题开始探索的，这个问题就是，软件是用什么构成的？这一问题有些奇怪，也有些不太好理解，是吧？
物质和形式
对于上面那个问题，谷歌的答案来自于对设计的探索。Jon Wiley是谷歌搜索的首席设计师，他和同事Nicholas Jitkoff正在研究Google Now里面无处不在的卡片。他们研究那些滑动卡，而且想知道一个问题的答案：当用户把一个卡片刷走之后，这个卡片的下面是什么？
“这听上去像不像是一个无知的问题？” Duarte说道，“但是它就像是一个强大的火种。”它带领团队针对我们每天使用、每天接触的软件元素，想出了一种全新的思维方式。谷歌并没有去研究屏幕上的像素和抽象层，事实上，这个团队认为用户滑动的这些卡片和表面，其实是真实、有形的物体。
如果这些卡片是真实的物质，那么就会有属于自己的物理属性，也就意味着它们在屏幕上的行为和移动是有规则的。你无法按照自己的意愿去做任何事，就像对于物理对象你无法做任何事一样。于是谷歌团队着手创造了这个隐喻的材料，这就像是有点儿魔法的纸张。材料设计是扁平的，它会比背景的表面略微浮高一点，并以白色为主色调。另外，投影和光源照明也保持了一致性。当用户移动卡片的时候，不仅仅是消失，还会滑走掉；这些卡片不会自己移动，只有在用户移动它们的时候才会移动。
结合更加大胆，更加明亮的颜色选择和更大的字体，材料和外观成为了其他设计的基础。你可以看到这一设计在Android L里面的应用，它有各种各样的颜色和表单，同时还保持了位置感和一致性。
Wiley和Jitkoff表示，全新的设计美学不仅仅是一次“变脸”，而是对谷歌设计理念的一次革命。在2012年和2013年，谷歌开始着手设计一个名为Project Kennedy的项目，目的就是统一公司里的设计。如今，随着推出Material Design，谷歌的目标又向前进了一步。正如Jitkoff所说，“作为一个整体，平台将会传达这种多色彩光的感觉。Logo是多彩的，这是多彩的表达方式；首页也是简单的，这就是简单的表达方式。”
创造力和约束
Durarte表示，Material Design统一了谷歌的思维，不过他也承认是一种约束。这些约束会让设计决策变得更加简单，也更具一致性。举个例子，比如我们会翻开一个卡片，然后看看它背后是什么。在Material Design的世界里，会使用欺骗的手法。这就好像软件是真实的，是一种在那些设备里面的物理实体，而在一个手机里面是不可能把一张卡片给翻过来的，谷歌也做不到。
我们会通过直接接触来理解物理实体，Duarte说道，而软件往往会打破我们的模式和期待，这就好象是在科幻电影里面发生的事情不遵循自身的内部逻辑一样。当然，Duarte也许表现的有些更直接，他略微嘲讽了一下苹果的iOS系统和界面中飞行效果。”设计其实就是在约束中寻找解决方案，”Duarte说道，“如果没有约束，就没有设计——这就是艺术。”
谷歌的设计师们坚持拒绝给这个全新的虚构材料命名，他们给予了这种材料更多弹性，并且增加了一种形而上的神秘主义色彩。这点非常重要，因为尽管这些材料遵循了一些物理规则，但不会陷入拟物化（skeuomorphism）设计的陷阱。这些材料不是一对一的模仿实体纸张，它还有一些“魔术”效果。
为什么呢？因为它可以做实体纸张无法做到的事情，比如随着动画扩大和缩小（如下图所示）。对于谷歌而言，那些动画是非常重要的，因为它们可以帮助用户理解自己处于App的什么位置和阶段。“许多软件，都有一种电视机或是电影跳跃剪辑的感觉，”Wiley说道，这种感觉会让你忘记自己所处的时间和地点。对于App应用而言，你可能能希望它更像是一部舞台剧，“它会从一个时刻到下一个时刻，”Wiley说，“场景变化，以及在舞台上发生的事情是经过编排的，也有起承转合，这还是很有意义的。”
另一个更重要的事，就是这个材料能做到的是在你需要的时候出现。多年以来，谷歌一直致力于研究像Google Now这些产品背后的算法，也把它变成了这个全新设计理念的一个重要组成部分。谷歌并无有要求用户去管理自己的数据，Material Design是要求用户相信，谷歌会在正确的时间给到他们所需要的东西。
这也是为什么Android Wear软件没有给用户提供太多功能，而只对通知提醒尤为重视。Alex Faaborg是平台的设计师，他说，“对于手表来说，人们并不会花太多时间和这么一个设备进行太多交互，用户只想能扫一眼时间，然后看看信息，或是快速发出一个语音命令。”Alex补充说，“这种同样精神的设计理念不仅大量应用在了Google Now里面，还扩展到了谷歌旗下的整个平台。”
人们还是非常信任谷歌，以及他们神奇的纸张材料，但是Duarte表示，他们之所以推出Material Design是有一个原因的。“我们是希望想出一个最简单的解决方案。设计实践之一，就是尽可能的为用户把简单的事情放在第一位。一旦侥幸实现了这一目标，那么你就可以再看看是否需要增加一些复杂功能。”
如果你以为Material Design仅仅是为谷歌的软件和网页带来一致的外观和感觉，那么就大错特错啦，因为它的背后实际上有谷歌更大的雄心，这颗雄心比大，也比Android Wear大。谷歌重视的，是我们思考计算机的隐喻和我们与计算机交互技术之间的关系。
Duarte指出，“Xerox Parc（施乐帕洛阿尔托研究中心）做了非常出色的工作，我们知道他们开发了最早的图形化交互技术，包括可以叠加的视窗和可以点击和鼠标，这些都是极具开创性的。”但是从另一方面来说，这又不是开创性，因为它是一个实际桌面的虚拟版本罢了。不过这也让人更容易适应计算机世界，苹果在触摸屏上做了类似的事情，给我们带来了直接触摸和滑动这些元素。
如今，谷歌相信有一种软件设计模型，可以带领我们前进。Wiley指出，我们今天已经拥有了很多种输入技术，比如触摸屏，手势，语音命令，甚至还有谷歌自主开发的智能算法。他们都需要结合使用，并给我们的大脑提供一种软件运作的模型，帮助我们直观地在不同设备上进行交互。
Material Design是一种框架，谷歌相信可以开发出相关的模型。在这里可以说的太多了，当然Meterial Design是有革命性的，就像是桌面模式和苹果的iPhone。但是Material Design似乎更好的结合了简单性和灵活性，同时让那些我们每天都受其“骚扰”的新技术更有意义。如果谷歌可以把Material Design较好地应用在网页，Chrome OS，以及Android上面，它将会帮助我们很好的过渡到这一设计理念上去，而且无需调整用户关于什么是软件，以及软件如何工作这些问题的认知模型。
现在，Material Design还只是一个想法，谷歌需要交付更多使用Material Design设计的软件，否则它仍然将是一个虚构的神秘物质。不过，正如Wiley指出，“我们目前还处于起步阶段，但不管未来怎样，谷歌都将会继续沿着这一设计理念走下去。”
“如果我们可以设计未来的材料，而不是现在的材料，会是什么样呢？”Duarte问道，“未来似乎就在拐角处。”
同步到新浪微博
当月热门文章
本栏目由提供
合作伙伴：
Copyright (C)
雷锋网-移动互联网智能终端第一媒体 All Rights Reserved 粤ICP备号-1
为了您的账户安全，请
您的邮箱还未验证,完成可获20积分哟！
您的账号已经绑定，现在您可以以方便用邮箱登录