推荐阅读

23个Facebook Paper中的设计细节分析
Cocoachina:Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题,在App Store里也获得了很高的用户好评率,当然也有不喜欢这款应用的用户,包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来,Paper中一些细节设计和交互设计还是给人带来很大的惊喜,以下是我认为值得与其他设计师分享的设计细节。(温馨提示:动态gif 图稍大,等一下就可以流畅看咯)Facebook(脸谱)推出的移动新闻阅读应用Paper在发布后的短短一周,其下载量在苹果应用商店迅速攀升,并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日,即社交网络巨头Facebook成立十周年之际,正式发布的。Facebook创始人马克·扎克伯格(Mark Zuckerberg)曾表示,自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯,以便推送用户乐意看到的精准信息,扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是,目前只有美国区的苹果商店上架了该应用,可以免费下载,但不提供iPad版本,Android平台何时上线未知。内容做成了一张张卡片早在1月底,Facebook就宣布将在其成立10周年之际推出新产品,市场也早已风传Facebook要推新闻阅读应用,但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称,是最好的Facebook应用。说到细节,就不能不提Dribbble,来看看上面有哪些逆天的icon,还有哪些大牛级别的设计师吧。涨姿势时间:来了解下Facebook Paper 的设计主管:Mike Matas。

PS滤镜打造炫光星球
这篇教程教飞特的朋友们用PS滤镜打造炫光星球,教程制作难度一般。主要使用了云彩和扭曲两个滤镜,转发过来,希望飞特的朋友们喜欢这篇教程。先来看看最终的效果图吧: 教程用到的笔刷:星星笔刷、星云笔刷、碎片笔刷具体的制作步骤如下: 1、创建一个新图片,大小为940*700,背景填充黑色,新建一个图层,使用套索工具(羽化50px)绘制一个椭圆选区,然后执行“滤镜―渲染―云彩”,如图所示。 2、按下Ctrl+L打开色阶调整框,应用下图所示的设置。

人物摄影中的基本取景法 特写和大特写
特写一般表现人物肩部以上的头像或某些被摄对象细节的画面。在拍摄特写画面时,构图应力求饱满,对形象的处理宁大勿小,空间范围宁小勿空。通过特写,表现人物瞬间的表情,展现人物的内心世界。 大特写 女性的特写镜头应尽可能隐藏脸部的缺陷,不可影响其形象。对于特写中不能隐藏的缺陷或不足,还可以通过后期处理进行修饰。 有些人当成为了照片的主角后,一再表示“不喜欢被照出来”,这会使摄影师不知所措。若没有任何不愿被照出来的理由,此时只能理解为不满意相片中自身的形象。作为摄影师还得会鼓励模特,尽可能赞扬模特的优点,告诉其隐藏缺点的方法。 照片2-17室内照相馆中的高调人物照片 <照片2-17>是有意识地提高闪光灯的亮度后拍摄的照片。提高亮度,使背景的白色和人物的脸色相同,这样即去掉了皮肤上的细纹或缺点。为了表现回头的背影,人物安排在1/2的右侧。 对于<照片2-18>,在多个角度取景,以表现截然不同的视觉感。人物的特写(Close-up-shot)可以拍摄人的整个头部,也可以截取特定部位,这都有助于构成独特画面。 照片2-18

网页制作中FLASH代码的优化
1.js部分:function swf(src,w,h){html = '';html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+w+'" height="'+h+'" id="main">';html += '<param name="allowScriptAccess" value="sameDomain" />';html += '<param name="movie" value="'+src+'" />';html += '<param name="quality" value="high" />';html += '<param name="wmode" value="transparent" />';html += '<embed src="main.swf" quality="high" bgcolor="#cc6600" width="'+w+'" height="'+h+'" name="main" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';html += '<\/object>';document.write(html);}2.调用部分<SCRIPT>swf('http://www.poluoluo.com/benner.swf','1004','159')</SCRIPT>
最新发布

利用Key对象来实现响应键盘的操作
利用按钮检测按键动作很有效,但是并不利于检测持续按下的键,所以不适合于制作某些通过键盘控制的游戏。这时,您就需要用到Key对象。Key对象包含在动作面板的“对象”/“影片”目录下面,它由Flash内置的一系列方法、常量和函数构成。使用Key对象可以检测某个键是否被按下,如要检测左方向键是否被按下,可以使用如下ActionScript:if (Key.isDown(Key.LEFT)) { trace("The left arrow is down");} 函数Key.isDown返回一个布尔值,当该数中的参数对应的键被按下时返回true,否则返回false。常量Key.LEFT代表键盘上的左方向键。当左方向键被按下时,该函数返回true。Key对象中的常量代表了键盘上相应的键,下面列出了一些基本的常量:一些功能键的表示:Key.BACKSPACE Key.ENTER Key.PGDN Key.CAPSLOCK Key.ESCAPE Key.RIGHT Key.CONTROL Key.HOME Key.SHIFT Key.DELETEKEY Key.INSERT Key.SPACE Key.DOWN Key.LEFT Key.TAB Key.END Key.PGUP Key.UP 以上是键盘上的功能键,那么如何表示键盘上的字母键呢?Key对象提供了一个函数Key.getCode来实现这一功能,如下所示:if (Key.isDown(Key.getCode("x"))) { trace("X is pressed");} 上面脚本的意思就是,利用Key.getCode函数来告诉系统你是否按下了x键,如果按下了x键以后,函数Key.isDown则会返回true,在输出窗口就会输出X is pressed。最后给出实例源文件:下载

Fireworks MX制水晶立体五星
打开FWMX2004安装完毕后所在的文件夹,我们会找到一个名称为Samples的文件夹,其中有很多MM公司给我们的一些PNG格式的图片文件,打开名称为Shapes的文件,呵呵,是不是有几个漂亮的图形呈现在我们面前了?分别选中这些图形对象,我们就可以轻松的发现这些漂亮图形的制作奥秘了,好了,不愿意看,或者还没有安装FWMX2004的朋友们,请跟我来看看水晶效果的五星图案是如何制作的吧!先看看下面的效果图: 1、打开FWMX或者FWMX2004,选取工具箱的多边形绘制工具(FWMX中)或星形绘制工具(FWMX 2004中)在编辑区绘制一个五角星形,我们需要将五角星的Roundness进行调整,使其边缘看起来圆滑一些,在前面的教程里面我们已经熟悉了FWMX 2004中对于Shapes形状的各项具体调整方法,这里我们就不多讲了,如果在FWMX进行调整的话,就需要使用超级选择工具了,具体调整方法不再赘述。 2、五角星的填充颜色采用“#999999”的单色填充,描边色采用白色,宽度设置为11(此处描边宽度设置的稍微要宽些,对于随后效果的产生有很大的作用),边缘效果采用Soft Rounded,具体设置可以参看下图: 3、执行Effect效果的Shadow and Glow -->Inner Shadow效果命令,在弹出的设置框中进行设置,其中,Distance的数值一定要比描边线条的宽度要大,此处采用了12,Softness的数值大小和Distance的数值大小基本相同,颜色采用“#E0DFE3”,具体设置参看下图: 4、执行Effect效果的Shadow and Glow -->Inner Glow效果命令,在弹出的设置框中进行设置,其中颜色采用“#999999”,其他数值设定请参看下图:

Fireworks 2004 作远古兽皮卷轴
用FW做张远古兽皮卷轴本FW教程系原创,转载请注明出处,谢谢作者: 失忆的猪猪 MSN:lostidea#tom.com 转载请注明出处 lostidea's blog !谢谢! 本FW教程系原创,转载请注明出处,谢谢! lostidea's blog效果图:1.新建一个500×400的画布2.做一个500×400 填充:#74350C无边框矩形3.给矩形添加效果Eye candy 4000LE-->marble 设置如图3.给矩形添加杂点 如图4.此时的矩形已经有点兽皮的感觉了

用Flash MX巧妙快速制作沟通留言程序
前不久,用Flash制作了一个主页,为了能够很好地与浏览者沟通,想制作一个简单的留言程序,经过一番实践,发觉实现方法十分简单,现奉献出来与各位共享。 一、功能简介 留言系统是以E-mail表单形式出现的(图1),在“主题”和“内容”中输入相应的内容,然后单击下方的“提交按钮”,可以自动启动系统默认的邮件发送工具,向预设E-mail信箱发送邮件。图1留言系统 二、制作过程 第一步:启动Flash MX,按Ctrl+J设定场景大小为:800×600;参照图1使用工具箱中的各种工具绘制绘图,输入文字;选择“窗口→公用库→按钮”打开系统自带的按钮库,将需要的按钮拖放到合适位置,并加上文字:“提交”。在这里你可以发挥自己的创意,设置美观大方的留言界面。 第二步:使用“工具箱”中的“文本工具”在“主题”和“内容”下面输入文本框;单击场景下方的“属性”按钮,设置文本框属性,其中“主题”下面的文本框的属性(如图2所示),“内容”下面的文本框略有不同,只要将“线条类型”设置为“多行”,“变量”为“neirong”即可。图2属性设置 第三步:选中“提交”按钮,右击选择“动作”打开动作面板,然后切换到“专家模式”,在其中输入如下语句: on (press, keyPress "") {

Fireworks 2004 作波尔卡点边框
作者:失忆的猪猪 MSN:lostidea#tom.com转载请注明出处 lostidea's blog !谢谢! 效果如下选择一个图片,用FW打开在图片上面建立一个层,作一个和图片一样大小的矩形,用白色填充为这个举行添加效果Edges

实用技巧:给Flash课件加上一支注释笔
前不久用Flash MX帮同事制作了一个课件,在制作过程中,同事问我能否给课件加上一支注释笔,类似于Powerpoint演示文稿中的那种“笔”。这样在使用过程中,就可以根据实际教学情况进行标注,也充分体现了课件的交互性。经过一番研究,终于满足了同事的要求,现将制作方法介绍给各位同仁。 需解决的问题 1.当课件运行后,光标的外形应该根据实际进行变换。当光标移动到书写区域时,光标的外形应该发生变化(如:笔形);当光标移到按钮或其他交互区域时,外形再次变化(如:手形);移动到其他区域时,光标外形还会变化(如:箭头)。 2.当按下鼠标左键后,可以进行书写,松开后,可以再次进行书写,不会影响上次书写注释的内容。注释的内容不能被课件中的内容覆盖。 3.提供清除功能,可以随时清除注释的内容;加入“注释笔”功能后,不能影响课件的运行及交互;注释功能可任意移植到其他Flash课件中使用。 具*作步骤 1.打开Flash课件,按“Ctrl+F8”创建一个名为“光标外形”的影片对象,连续按F6键插入三个关键帧,然后在各帧中分别绘制光标不同状态时的形状(如图1),这些外形的大小基本相同,在舞台中的位置也要基本相同。最后为第1帧加上“Stop()”语句。创建名为“清除”的按钮对象,然后制作按钮。创建名为“响应区”的影片对象,在里面绘制一个矩形,大小随意。创建名为“注释内容”的影片,不要加入任何内容。图1光标的不同形状 2.选择菜单“插入→图层”命令,在课件的所有层上方插入六个新层,从上至下分别取名为:Actions语句、光标外形、清除按钮、显示区域、注释内容、响应区。按“Ctrl+L”打开“库”,将影片“光标外形”拖放到“光标外形”层第1帧的舞台中,单击舞台下方的[属性]按钮,设置“实例名”为“waixing”。将“清除按钮”拖放到“清除按钮”层第1帧舞台的合适位置。将“注释内容”影片拖放到“注释内容”层的第1帧,设置其“实例名”为“zhushineirong”。图2覆盖相应区域

让FrontPage与Flash共舞
最近,我学会了用FrontPage 2000做网页,心里真是很高兴!看到现在Flash非常流行,于是就想把自己喜欢的几个Flash动画放到网页中去。谁知,做了半天,竟然没有找到相应的选项。难道在FrontPage里无法插入Flash么?经过一番耐心研究,这个小问题终于被我解决了,步骤如下: 1、运行FrontPage,将鼠标定位在网页的相应位置,单击“插入”菜单,再点“高级→ActiveX控件”选项(如图1)。 图1 2、在弹出的“插入ActiveX控件”窗口中显示了安装在电脑上的一部分ActiveX控件。点击“自定义”按钮,打开“自定义ActiveX控件列表”列表框,其中显示着电脑上所有安装的ActiveX控件。在这里查询并选中我们所需要的“Shockwave Flash Object”控件(如图2)。单击“确定”按钮,回到“插入ActiveX控件”列表框,你会发现控件“Shockwave Flash Object”已被添加到其中。 图2 3、选中它后单击“确定”按钮。这时网页中会出现一块白色矩形区域。用鼠标双击它,在弹出的“ActiveX控件属性”窗口中有三个选项卡(如图3),其中我们主要用到的是“Flash Properties”(Flash属性),下面介绍各项的含义。 图3 Movie URL:影片URL链接地址,填入要插入的Flash动画链接地址; Quality:播放品质,推荐选择“Best”(最优播放); Scale:显示比例,推荐选择“ShowAll”(完全显示); Play:是否播放,这个一定要选; Loop:是否循环播放,这个取决于Flash动画的内容,通常要选; Background Color:背景颜色,通常不必添加; 其余选项按默认设置即可。 当然,在FrontPage 2000中加入Flash动画是有缺点的,它不能像Dreamweaver一样自适应插入Flash动画的宽度、长度,需要用鼠标缩放尺寸或在“Object标记”选项中进行精确调整

用FrontPage 2000做样式表
Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里,然而Dreamweaver并非每个功能都那么出色。至少,在样式表(Css)设置方面就显得太专业,让这些英文不好的"虫虫"们大伤脑筋。经过N次下载、安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的-- FrontPage2000。下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧。 一、三种添加CSS的方式 在FrontPage 2000里可以通过三种方式给网页增加样式表。 1.页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2000,然后依次点"文件"、"新建"、"网页",打开FrontPage 2000的新建对话框,选择"样式表"选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话,你也可以使用空白的样式表,自己重新创建一个。 2.通过在FrontPage 2000中创建一个样式表单,此时样式表就是网页的一部分,直接位于HTML文档的之间。这个实际上不算创建,只要把已经创建好的样式表直接复制下来,然后选择网页编辑器的"html"选项,然后粘贴到〈 HEAD 〉之间就可以了。 3.通过使用内含样式表元素,单独指定样式表。在FrontPage 2000编辑一个页面的时候,只要选中要发生变化的文字,然后点击右键,选择"网页属性"就可以随时随地进行可视化操作了。 二、内含式样式表的使用 下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。 现在就开始我们的美化之路。打开FrontPage 2000,然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择"表单域属性",出现文本框属性。 然后点击"样式",接着选择"格式"中的"边框"按钮,出现边框与阴影对话框。 因为要保持表格的统一,我们在"设置"中选择"自定义",然后选择"样式"中的"实线"。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为"1",然后"确定"。 接着用鼠标左键选中搜索按钮,点鼠标右键,选择"超链接属性"就会出现窗口。 选择"样式"按钮,再选择"浏览"插入我们事先作好的搜索图片。 仍旧用鼠标左键选中那四个字,然后再点击右键,选择"超链接属性",弹出Windows窗口。 选择"背景"选项,然后选中"启用超链接翻转效果",然后点"翻转样式"弹出新的Windows窗口。 在这里我们可以一目了然地设置要实现的翻转效果。为了突出"搜索帮助"四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框

Macromedia Flex 标记语言简介
Macromedia Flex(开发代号为Royale)是一个展现服务器,开发者可以用它来开发新一代的“复杂Internet应用”(RIAs - Rich Internet Applications)。复杂Internet应用融合了桌面应用的可用性和web应用的易于管理的优点。Flex是一个在J2EE应用服务器或servlet容器安装的展现服务器。它拥有丰富的用户界面组件、用于排布这些组件的基于XML的标记语言,以及可以处理用户交互的面向对象编程语言。这些技术的给我们带来的是:使用Flash播放器渲染复杂Internet应用,使用工业标准和开发者熟悉的方式进行开发。本文将专注于Flex语言的关键部分。为了运行本文中提到的代码,你可能需要加入Flex的Beta测试。Flex运行于象Macromedia JRun, IBM Websphere, BEA WebLogic, or Apache Tomcat 这样的J2EE应用服务器之上。Flex未来将支持Microsoft .NET服务器。Flex 语言简介由于标记语言和面向对象程序设计语言广泛应用,因此,基于这两项技术的Flex语言也将从中获益。标记语言是成功的,排布用户界面也相对容易。MXML,由Flex引入的、基于XML的标记语言,将延续其成功。和HTML很象,你可以用MXML来排布应用的用户界面。同为基于XML的标记语言,MXML比HTML有更强的结构,更少的语法歧义。比起HTML,MXML还引入了更丰富的标签集。如:DataGrid,Tree,TabNavigator,Accordion和Menu,这些都是标准标签集中的一部分。你还可以扩展MXML标签,创建自己的组件。此外,二者最大的区别是,MXML定义的用户界面是用Flash播放器运行的,相对传统的基于HTML、页面为中心的web应用而言,这将更具吸引力。除了排布可视组件,还可以用MXML来定义应用中其他重要方面,如,可以把应用定义为一个web服务的客户,或是在应用中开发动画,用于提示用户进度。但是,标记语言提供的编程逻辑仍难以满足用户交互的需求。在Flex中,可以用ActionScript编程语言来编写事件监听器来满足此种需求。ActionScript是一种基于ECMA-262标准的、强类型的面向对象语言,和其他编程语言――java和C#很相似,因此也很易于上手。总而言之,当编写一个Flex的应用时,需要用MXML来设置用户界面,并用ActionScript来编写响应用户交互的逻辑。作为一个开发者,你可以根据自己的喜好,用自己所熟悉的IDE(比如Eclipes或Intellij)手工编写MXML,也可以使用Flex支持的“所见即所得”开发环境(目前开发代号为Brady)。即使你选择手工编写MXML,仍可使用Flex提供的XML schema,在IDE中为你提供代码提示(code hinting)和代码自动填充(code completion)的功能.

MacromediaColdFusionMX开发者(1)
第一期:进入Macromedia ColdFusionMX 世界程序开发: 教程编写: MJking 版权所有: 系统及环境需求:序言在大家进入ColdFusion MX的世界之前,应该先了解一下Macromedia公司最新的MX家族产品。如下图: