推荐阅读
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>
最新发布
印刷与分色 ----Illustrator 基础教程
1 印刷 1 网屏CMYK每种颜色的油墨在印刷时，表现为一系列大小不一的点。每一颜色的点按一定的角度来排列，就可在视觉上产出所有可印刷的颜?。在印刷上把每一种颜色的点的排列称为网屏。2 网线频率网屏是每种颜色的点，按一定角度的排列。则单位长度上的排列线数就是网频。网线频率是每英寄诘南呤。2 颜色模式1 RGB 模式是加法模式。RGB三色相等的情况下为灰色。大部分可见光都通过RGB的色域范围中得到。2 CMYK 模式是减法模式。CMY 与 RGB为互补色。由于 CMY 在实际中不能形成黑色，所以需外添黑色，而成 CMYK。CMYK 模式的色域范围较 RGB模式为小，所以它的颜色远不如 RGB 来得鲜艳。3 专色专色是在印刷过程中，用的一种颜料，只印刷一次的颜色。它可以是CMYK色域中的颜色，也可是色域外的颜色。在以下情况下可使用专色：（1） 在单色或双色印刷任务中为了节约经费。（2） 在设计或印刷徽标或其它需要精确配色的图形时。（3） 印刷特殊颜色的油墨，例如金属色、荧光色或珠光色等。3 颜色管理1 从下拉式菜单中选择显示器。2 从打印机下拉式菜单中选取打印机。3 从引擎下拉式菜单中选取颜色管理系统 CMS。4 从预期方式菜单中有下列选择：（1） 感性的（图象）（2） 饱和的（图象）（3） 相对比色（4） 绝对比色5 如想要打印出屏幕上的色彩，可选上“在屏幕上模拟打印颜色” 的选项。4 文档信息
路径菜单 ----Illustrator 基础教程
1 合并 用直接选取工具选取两个不封闭路径的两个端点，再选取“对象/路径/合并”命令，会在此两个端点间连一条直线。两个不封闭的路径连成了一条不封闭的路径。当选取一个不封闭的路径的两个端点，应用此命令后，会形成一个封闭路径。2 平均“对象/路径/平均”命令也是针对锚点而言的。但它不限于端点，凡是锚点，不管是不是在一条路径上，还是在不同的路径上的锚点，只要选上就行。“平均”对话框工有三个选项：1 水平：它可把所选的锚点置于同一水平线上。2 垂直：它可把所选的锚点置于同一垂直线上。3 两者都：它可把所选的锚点相交于一点。 3 外框路径“路径/外框路径”命令可令路径的沿笔画宽度形成一个封闭路径。并以笔画色填充它。4 偏移路径选取“路径/偏移路径”命令，弹出对话框，有下选择：1 偏移：在输入框内输入正值，路径会向外按此值形成一个嵌套路径。如输入为负值，则会向内形成一个嵌套路径。2 接合：分为尖角、圆角和斜角。3 斜角限量：与笔画面板上相同。5 整理
画笔 ----Illustrator 基础教程
1 画笔的种类 1 点状画笔2 书法效果画笔3 图案画笔4 线条画笔2 画笔的使用1 把填充色设为透明。2 选择画笔工具。3 选择画笔。画笔所画的也是可编辑的路径。3 路径辅助线的制作与释放1 路径应用“视图/制作辅助线”命令后，路径的颜色属性消失，而成为辅助线。2 路径制做的辅助线选上后，应用“视图/释放辅助线”命令，辅助线变为可编辑的路径，并恢复它的颜色属性。4 点状画笔1 点状画笔的创建（1）把图形直接拖到画笔面板的点状画笔栏中，在弹出的对话框中设置有关数值即可。（2）把所需设置的图形选上，单击面板下部“新建画笔”按钮，弹出“新建画笔”对话框，选择画笔种类后，弹出“点状画笔选项”对话框，设置后即可。2 点状画笔选项以下选项有固定和随机两种。（1）尺寸：输入点状的大小，相对于缺省大小（100%）从10%到1000%（2）间距：点状之间的距离。（3）点状：指点状在路径一侧的偏移量，其中 0% 相等于在路径上对齐。（4）旋转：点状的方向，相对于页面或路径，由-180°到180°5 书法效果画笔
Illustrator渐变网格初学实例:叶片制作
刚接触Adobe Illustrator（以下简称AI）网格的时候经常对网格的变化头痛不已。想象中的网格形状总是很难实现。经过长时间痛苦的摸索终于找到了一点规律，和同样初学的朋友分享。 如图，正椭圆上的网格是有规律可寻的，任意形状则较难控制，所以，复杂图形可考虑先在正图形上做。
Illustrator CS2体验：增强的文本功能
llustrator CS2在Character(字符)面板中新增了为文本添加下划线和删除线的按钮，如图28所示。图28 选中文本对象后，单击“Underline”(下划线)按钮，可以为文本添加下划线，单击“Strikethrough”(删除线)按钮，可以为文本添加删除线，分别如上图所示的效果。
Illustrator CS2体验：增强的专色支持
本节我们来体验一下最新版的Illustrator CS2在专色支持方面的增强。 一、什么是专色 所谓专色，是指在印刷时不是通过C、M、Y、K四色混合而得到，而是专门用一种特定的油墨来印刷该颜色。使用专色可以有限地补充四色印刷带来的缺陷和不足，如可以解决套印不准的问题、避免印刷中出现的偏色、提高印刷的档次以及从一定程度上降低印刷成本。 专色印刷要使用专色油墨，这种油墨由印刷厂事先混合好或者由油墨厂专门生产，而且有些专色油墨中所含颜色是没有办法由四原色油墨混合得到的，如金色、银色、荧光色以及一些比较鲜艳的颜色，因此专色印刷经常会用在一些印刷颜色精度要求较高的场合，如公司标志、贺卡、包装等。 二、Illustrator CS2专色应用新途径 1、基于光栅的特效：Illustrator CS2现在增强了基于光栅图像的特效的支持，比如阴影、内外发光、羽化、模糊等。 实例体验：对嵌入的光栅图像阴影使用专色 ① 在Illustrator CS2中新建一个空白文件，并置入一幅图像(使用File->Place)，选中置入的图片，单击控制面板上的“Embed”(嵌入)按钮，将图像嵌入到文档中，如图19所示。（大家可以保存下面这幅图像作为试验例图。在图片上单击右键，并从菜单中选择“图片另存为”即可。）
Illustrator CS2体验：增强的描边功能
Illustrator CS2的“Stroke”面板中新增了功能增强的描边选项――“ Align Stroke”，使用这三个选择可以按居中、居内或居外选择描边的位置。 如图27所示，三个五角星原本是由复制得到，大小相同，但由于在“Stroke”面板中选择对齐描边的形式不同，我们可以清楚地观察到它们不同效果。 左边是居中、中间是居内、右边是居外。图27
Illustrator CS2体验：自定义工作区
Illustrator CS2在用户工作环境方面做了较大的改进，除了第一部分介绍的新增了全新的控制面板之外，还允许用户将常用的面板布局自定义为工作区(Workspace)并保存下来，以备再次使用，或者与其它用户分享。工作区可以让用户摆脱窗口中面板杂乱无章的困扰，针对不同的用途可以使用不同的工作区，从而有效地提高工作效率。 一、保存自定义工作区 具体操作步骤如下： 1、根据需要在窗口中排列所需的面板布局。 2、选择菜单“Window|Workspace|Save Workspace”(窗口|工作区|保存工作区)，在弹出的对话框中输入工作区名称，如图29所示。单击OK按钮即可保存自定义的工作区。图29 3、如果要使用已经自定义的工作区“我喜欢的工作区”，则可以选择菜单“Window|Workspace|我喜欢的工作区”。 二、管理工作区
Illustrator CS2体验：支持PS图层组
Illustrator CS2支持用户在链接、嵌入或打开的Photoshop文件中控制图层组合(Layer Comp)中的某图层是否可见，与在Photoshop中控制这样的图层一样容易。下面我们通过实例的形式体验一下。 实例体验 1、在Photoshop CS/CS2中制作一个包含图层组合的文件，或者下载layercomps.psd文件进行练习。 2、在Illustrator CS2中，选择菜单“File|Place”，置入制作的文件或下载的文件。这时会出现如图31所示的对话框(如果选择的是“File|Open”，也同样会出现这样的对话框。) 在对话框的上方，单击“Layer Comp”右侧的下拉列表，可以看到原PSD文件中有四个布局，如果事先选中了对话框中的复选框“Show Preview”(显示预览)，当选择一个布局时，就可以在下边的预览框中看到该布局的缩略图，从而为选择提供依据。图31 3、选择一种布局，单击OK按钮，将文件置入即可。
Illustrator CS2体验：方便的全新控制面板
5月份Adobe推出了Adobe Creative Suite 2设计套件,其中的矢量图形创作工具Adobe Illustrator CS 2又新增了一些强大的功能，比如动态追踪、动态喷绘，为设计师带来更快捷有效的绘图方式，提供了更具创造性的选择，可以说是近几年来Illustrator最激动人心的重大改进。 为了使Illustrator能与Photoshop、InDesign和GoLive更好地协作，Illustrator CS2改善和增强了工作环境，全新的控制面板一改往日众多面板操作的不变，使得绝大多数控制操作可以在同一个地方轻松完成；新增的绘图、着色和追踪工具，大大提升了设计师的工作效率；在Appearance面板中无缝集成的动态Photoshop特效，使得图形特效的添加与修改变得更为简单方便；而新增的SVG选项可以将矢量图形轻松优化并转换为手机所用格式......总之，所有这些令人期待的新功能等着你我去一一试用，去享受创作带来的无穷乐趣。 现在我们就用图文详解和动画实例的方式来仔细体验Illustrator CS2带给我们的新感觉！ 本文介绍第一部分：体验全新的控制面板。 以前版本的Illustrator在工作空间上多少让用户觉得有些局促。有时完成一项设计需要打开许多的面板，而每一个面板又“舍不得”关闭，因为有些东西还要用到。现在可以告别这些繁杂的面板了，全新的控制面板一改往日众多面板操作的不便，使得绝大多数控制操作可以在同一个地方轻松完成。用户只需选择一个对象，在控制面板中就会显示出与其相关的操作选项。控制面板停放在工作区域的顶部，类似于Photoshop中的选项栏，所以习惯了使用权Photoshop的朋友，会觉得控制面板如此面熟，或者简直可以说就是Photoshop选项栏的翻版。 实例体验：下面让我们试一下看看控制面板到底有多么的方便。 1、单击工具箱中的文本工具，在文档中输入“设计在线”四个字。 2、选中输入的文本，单击工作区上方(默认位置在上方，也可以将其拖放到其它自己喜欢的位置)控制面板中的Fill右侧颜色选取框，选择颜色为青色，然后在Stroke右侧选择一种描边类型，再单击Character右侧字体下拉列表，选择字体“方正粗倩简体”。在最右侧可以设置字体大小。 也可以单击蓝色的“Stroke”弹出Stroke设置面板，或者单击蓝色的Character弹出字符面板，如图1所示。