推荐阅读
40个能给你提供用户界面灵感的网站
你是否经常遇见一些设计其实是有一个固定的解决模式的？没错！亚麻跌！来看看这些网站吧，保证让你更深入了解现实例子中的最佳实践，以及最有效的技术！所谓设计范式呢，就是我们现实例子中可以不断重新利用的、很适用的”模板”或者指标。比如网站导航列表会把要展示的内容集中放在一个区块标签中。面对神级客户的特定需求，咱们其实还是有很多解决方案滴，作为一合格称职的设计师，最重要的选择当然是在五花八门的方案中找出最能体现用户需求的设计咯。本文中，咱们将分享各种精华网站、画廊、在线出版物和图书馆，为用户界面设计而战！当然要感谢Pavel Konoplitski为我们提供的这些宝贵资源了。————————-网站和Web应用程序的UI系列—————————-UI-patterns.com设计师的UI设计灵感大口袋~关键是…她…她…她居然是免费开放的！！还愣着干什么？！赶紧去瞧瞧各种大神的力作分享吧！！KonigiKonigi非常强调在现实世界中的交互设计和视觉设计范式的使用。这里给了我们丰富多彩的资源导航，你可以通过标签、导航、关键词等等找到你想要的，你对现在流行的关键词、产品、公司感兴趣不？来这里试试吧~QUINCE: X Patterns Explorer我会告诉你这是一个优雅迷人的web应用程序吗？无数用户体验设计模式都来源于此，假设你的浏览器不支持观看这个伟大的应用程序，换个浏览器试试？保证让你大饱眼福获益匪浅。
3ds Max制作埃姆斯时尚休闲椅的垫腿椅
创建垫腿椅复制一个上部靠背，并把它旋转90度放置好。(图01)图01使用软选择工具，选择顶部所有点并移动它们看起来有更多的缓冲感觉。(图02)图02复制主椅子腿并移动到新的椅子下面。(图03)图03
Photoshop调出甜美橙色效果的外景美女照片
效果图用到的颜色比较少，仅有橙黄色及暗青色。调色过程也比较简单，只需要把中间调及高光部分的颜色转为暖色，暗部增加一些冷色即可。原图最终效果1、打开素材图片，创建可选颜色调整图层，对黄、绿、白进行调整，参数设置如图1 - 3，效果如图4。这一步给图片增加暖色
新手不能错过的光圈秘密
光圈是一个用来控制光线透过镜头，进入机身内感光面的光量的装置。表达光圈大小我们是用f值。对于已经制造好的镜头，我们不可能随意改变镜头的直径，但是我们可以通过在镜头内部加入多边形或者圆型，并且面积可变的孔状光栅来达到控制镜头通光量，这个装置就叫做光圈。 长焦距镜头的口径要比短焦距镜头的口径大。原因在于F=镜头的焦距/镜头的有效口径的直径。 光圈大小到底对什么有影响呢? 在摄影当中，对光圈的控制是最为重要的基本技能之一。因为光圈值可以影响到景深效果、快门速度、成像风格和成像质量! 成相质量——使用适当的光圈以获得优质影像 在一般经验当中，使用一只镜头的最大或最小光圈都不能得到令人十分满意的成像质量!当全开光圈时，光线几乎会穿过镜头镜片的全部面积而在感光物上成像。这样一来，镜头镜片因为生产过程中精度不足而产生的缺陷，便会在最终的影像上暴露无余。 于是，我们收缩光圈，使得仅有镜片中心的一部分面积而不是全部面积透过参与成像的光线。结果是镜片边缘没有透过光线的部分的制造误差没有机会去破坏成像质量，画质就因此得到了一定程度的提高。所以，依此种理论，应该是光圈越小(同一镜头，同一焦距)，成像越好。 可实际上，我们会碰到另外一个问题:如果缩小光圈使得镜头光孔变得过于微小，那么当光线通过光孔时发生的衍射现象就会显得十分严重。而这种光学现象同样会降低镜头的成像质量! 因为光圈值=光孔直径/镜头焦距，所以同样是使用较小的光圈，镜头焦距越短，光孔也就开得越小。根据这种关系，我们不难发现:当用较小的光圈拍摄照片时，焦距越短的镜头越容易因为光的衍射而降低成像质量。想一想，一只焦距为300mm的镜头，即使把光圈值缩小到f32，此时它的光孔大小也和一只光圈开大到f3.2的30mm焦距镜头的光孔大小一模一样! 举个例子，我手中有一只70—300mm镜头。我专门测试了它在300mm端的成像质量，结果是最小的f29和f32为最佳光圈!
最新发布
四分之一圆的制作
文 / donger四分之一圆的制作一、 在工具面板中，选择 工具，按住shift键，画一个正圆。在info面板中设置圆大小为200*200。填充色为桔黄色。二、 在工具面板中，选择矩形工具，按住shift键，画一个正方形，在info面板中设置正方形的长宽为100*100三、用黑色箭头选择工具，从上往下拉一个选择框，把这个正方形和圆全部选进去。四、菜单modify中选择align命令，分二次执行left和top命令，使二个选中的物体上对齐和左对齐。看下图五、此时二个物体还是处于被选中状态，再使用modify菜单combine中的insersect命令或者使用crop命令，使这二个物体进行切割，圆就只剩下四分之一。 六，至此，一个四分之一圆就完全出来了。至于combine中的几个命令，也可以称为布尔运算，将会在一篇单独的教程中作详细的介绍。
对文字进行渐变填充
对文字进行渐变填充 一、新建文件，选择工具栏中的文字工具，并在text editor窗口进行如下设置，键入DONGER这几个大写的英文字母。点击确定 二、菜单text->convert to paths,使文字变成路径。 三、此时文字仍处于被选择状态。选择fill面板，填充类型设为linear，点击edit按钮，进行渐变色的编辑，左边设为黑色，右边为红色，这样每个字母就自动填充上了由黑到红的渐变色。 四、最后结果 上面所说的是对每个文字进行渐变填充，但如果想对一行文字进行由深到浅的渐变又该如何呢？
两种羽化方法
用Fireworks对位图边缘进行羽化 下面我们介绍一种简单的位图羽化方法，这是Fireworks的基本功能之一方法一 一、在文件中导入一张需要被羽化的位图（菜单 > file > import） 二、在工具栏中选择椭圆形选择工具或是矩形选择工具，在位图需要羽化的部位进行选择。 三、菜单 > modify > marquee > feather命令。 四、在feather selection对话框中设置羽化的半径，这里我选了20个象素，点击OK 五、用黑色箭头工具，把这个选择框拉到一边，相应的图片也跟着移到旁边。 六、我们可以把不需要的图片删除，也可以把这个已经羽化完了的图片复制到别的文件中去。
选择性的JPG压缩
文 / donger选择性的JPG压缩五、这时我们选择optimize面板。在下拉菜单中选择文件类型为jpeg。对图片其他模糊的压缩率设为30（quality:30）,被粉红色蒙板遮照的地方默认为90%，这是一个非常高质量的压缩率了，不过如果想修改的话，我们可以点击selective quality旁边的 按钮进行编辑。六、 照刚才这样的设置，我们点击preview标签就可以预览该输出的结果。怎么样，狗熊周围是不是有了马塞克效果，呵呵，那是因为图像精度不够，压缩率太低所照成的的结果。这个效果不是轻松就做出来了吗？七、 发现没有，modify->selective jpeg下有好些选项呢。我们只使用了第一个，其他几个分别是派什么用处的呢。下面就来简单的介绍一下。save selection as jpeg mask，这个选项我们刚才已经说过了，那这儿就不多说了。Restore jpeg mask as selective,这个选项是用来重新定位选择框的。我们选了这个选项，选择框就能重新被定位，看下图，我们把选择框向左上角拖动一些距离，但这时粉红色的遮照并不跟着移动。如果我确定下来该选择框该放在哪儿，就可以再重新使用save selection as jpeg mask，做了这步操作，粉红色的遮照框才会跟着移动到所需的地方。settings选项，和刚才的按钮 起同样的作用，对遮照区的图像进行设置你钩选enable selective quality，就能设置这块区域的压缩率。Overlay color是选择遮照块的颜色，系统默认的为粉红色，当然你可以改变其为你自己喜欢的颜色。下面的二项分别是为了保证文字和按钮质量的，如果你的图片中有文字和按钮的话。只需在其前面打个钩就可以了。是不是很方便？呵呵最后一个选项remove jpeg mask，我想不用我说大家也知道了吧，就是取消上面的一些设置。图片恢复原样。好啦，这个Fireworks4的新功能就全部介绍完了，还有什么地方不懂的吗？
按钮制作
文 / donger按钮三看下图，这象是苹果机上的图片吧，用Fireworks也很容易能够做出来，关键是对渐变色的掌握程度，想知道制作方法吗？跟我做一遍！一、 新建文件，背景为白色。用矩形工具画一矩形，在info面板中设置这个矩形的W为173，H为54，键入回车表示确定。在object设定roundness为45，这是用来设置矩形的圆角尺寸。二、选择这个圆角矩形，打开fill面板，填充类型选为linear，打开edit按钮编辑渐变色带，如下图所示，色带有白和黑组成。三、设置完渐变色后，打开effect效果面板，类型为inner bevel，在其下拉菜单中选择smooth，深度选为7，其他的按默认的设置，这样基本的框框就做好了，看下图所示。 四、再用矩形工具做二个矩形，其中一个矩形需要在其object面板中设置其roundness为30。颜色此时随自己喜欢，为了看得清楚，为了圆角矩形我用黑色填充，直角矩形为灰色填充。五、全选二个矩形，使用菜单modify->combine->punch命令，执行命令后，形状如下：六、打开fill面板选用linear类型进行填充，编辑效果及渐变方向如下图所示。七、把这二个形状按如下位置放置。八、用工具面板中的文字工具输入文字。你可以输入自己需要的文字。九、把文字放在按钮的上面。这个按钮就全部完成了。
同一色系的图片
文 / donger把一张全彩的位图变成同一色系的图片如下图所示结果，这个效果在Fireworks中非常容易实现。下面我来介绍一下制作过程。一、 在文件中导入需要改变颜色的位图（file->import）二、 单击图片，查看INFO面板中的信息（W&H）三、 选用矩形工具（rectangle tool）画一个矩形，填充除了白色以外的任何颜色，storke为none，并在INFO面板中键入位图的W和H的数值，这样矩形就和位图一样大了。四、 同时选中这二个图形，用菜单中的命令或是工具栏上的命令（modify->align->center horizontal）和(modify->align->center vertical)使它们上下重叠。 五、 在层面板中把位图层拖到矩形层的上方。六、 选中二个图形，用菜单命令（modify->mask->group as mask）对二个图形进行遮照。确定object面板选项为：七、 好啦，同一色系的图片就做好了八、 这个色系的颜色具有可编辑性，我们可以随意改变这个矩形的颜色，使色系的颜色不同。看下面二张图点击层面板中的上的用红笔圈住的地方，然后在工具栏中改变填充的颜色，相应的效果也就出来了，简单吧，自己动手试试吧
虚线的制作
文 / donger如何用Fireworks制作虚线这个问题问的人有好多，做虚线的方法也有好多，但是有一种最简单的方法，这儿我来简单介绍一下吧。一、 新建一个文件（file-new）二、 选择stroke面板，在下拉菜单中进行如下设置。笔触类型定义为pencil，名称为colored pencil三、 点击面板中的黑色箭头按钮，在旁边的选项中选择edit stroke。三、在options面板中，把spacing由15%改成100%，如果想要虚线间距再大一点的话，相应地把再把这个数值改得大一些，点击确定。四、 用直线工具 ，铅笔工具或是笔刷工具及钢笔工具 就可以在画布上随心所欲地制作自己想要的虚线形状。五、 至于虚线的颜色，大小及边缘羽化等，都需要在stroke面板中设置。六、 看看下面的各种虚线吧，呵呵，不怕你做不到，只怕你想不到
圆角三角形的制作
文 / donger圆角三角形的制作Fireworks能直接做三角形，这我想应该是众所周知的吧，就算不知道也没关系，在教程中我会提到制作方法的。下面请看详细的制作过程吧：）一、 双击工具面板上的多边形工具，并在其tool option面板中选择shape为polygon，sides为3。二、 按住shift键，不断调整方向，直至三角形最下面的一条边和桌面平行。这样一个三角形就轻松做出来了。三、 这时三角形还处于被选择状态，使用菜单modify中的命令跳出inset path的对话框如上图所示设置，direction中二个选项：inside是收缩路径，而outside则是放大路径。Width是指角度的宽度。Corners项用来设定扩张后和路径的弯角方式，从左至右分别是："尖角"、"圆角"、"棱角"。Miter limit项用于设定扩张后的路径在弯角处的角度限制。四、 我们这儿选择outside,width为15，corners为圆角。点击OK键一个圆角的三角形就出来，怎么样，是不是很方便呢：）
动画小时钟
文 / donger钟一个可爱的钟，上面有一根秒针在转，一圈就是一分钟。这个动画以前在Fireworks3中我曾做出来过，但是过程很复杂，如果一不小心，做出来的秒针还会一跳一跳的。现在fireworks4出来，它的animate功能使这个制作过程变成非常的简单，不信的话，我们可以来试试。首先新建一个文件1、File->New 尺寸大小自己随意设置，背景为白色。2、用椭圆形工具，按住shift键，画一个圆。颜色为#6600FF，在info面板中改变大小为W:200，H:200，按回车应用这个尺寸。3、再画一个圆，尺寸为150*150，颜色为#FF99004、用箭头工具选择这个圆，按住alt键，往下拉，这样就会复制出一个圆，改变颜色为#660000，改变尺寸为80*805、继续上面的工作，再复制一个圆，颜色为#000000，改变尺寸为8*8。现在我们就有从大到小的四个圆了。接下来要做的工具是使这四个圆的圆心对齐，象一个靶子一样。：）6、用黑色箭头工具，拉一个选择框，直至把这四个圆全部选择为止。7、分别应用菜单中的命令modify ->align->center vertical、modify ->align->center horizontal。呵呵，这个四个圆的圆心就在一起了。8、当四个圆还都被选中时，使用modify菜单中group命令，把他们组合成一个组。9、选择layer1，也就是钟面的那一个层，双击layer1标签，在share across frames前面打上钩，共享这个图层。钟面做好了，接下来就是秒针和动画部分了。这才是我们的重点哦。10、新建一个图层，在层面板中。注意这次FW4的层面板和以往大不相同，新建图层应该是上图中箭头标的按钮，其右边第二个按钮是用来新建一个位图图象的。11、选择多边形工具，在option面板中设置shape:polygon，side:3，按住shift键，使三角形的下边和桌面保持平行。在info面板中改变其大小为15*2012、选择直线工具，按住shift键，画一条垂直于桌面上的线，改变其尺寸大小为1*60，使用storke面板，分别设置为pencil、1-pixel soft tip size为2。13、改变他们的位置，在层面板中，把直线的子层拖到三角形子层的下面。调整他们的位置（象一个箭头一个），同时选中这二个物体，modify->group。
金属效果
文 / donger金属效果一 下面来学习这个金属效果的制作方法。 一、新建文件。 二、用矩形工具画一矩形，打开info（信息）面板，设置这个矩形的W和H分别为332和14。再打开object面板，设置矩形的roundness为50。 三、选择fill(填充)面板，设置其填充类型为ellipse(椭圆形)，渐变颜色我们点击下拉菜单按钮，选择white，black。设置texture（纹理填充）类型为scratch，值为20%。