推荐阅读
PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果，教程制作出来的文字效果灰常漂亮，制作难度中等，教程主要体现的是质感的部分吧，希望飞特的朋友们能从这篇教程中有所收获，先来看看最终的效果图吧：效果图：具体的制作步骤如下： 1.打开背景图，开始打字，设置前景色#77a5c2 ，打上你想要的字样，我用的是Alba字体(字体素材下载)，然后复制文字图层，得到文字副本层， 把填充改成0% 2.回到文字图层，更改图层样式
理解Web框架，和如何构建一个CSS框架
什么是框架? 为了便于沟通，我们给“框架”统一一个定义（至少在本篇文章中是统一的）：一套包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，目标是使设计师和开发人员把重点放在任务项目所特有的方面，避免重复开发。通常的讲，框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是，我们不必讨论构造、打包发布，相反，一个框架只为你或你的团队使用即可。CSS框架 有些时候，你可能尝到了抽象类似的CSS代码的甜头，在那些同时设计几个类似网站的设计师身上表现最为明显。此外，团队中的设计师们从框架的方法上有很多的获益。比如，我在一家报馆工作，所有的20多个网站保持着很多的共同点，基于新闻网站的特点，它们趋向于更加相似，而不是差异。但是，即使单独一个设计师，设计一个从表面上看有差异很大的项目，也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报（Lawrence Journal-World），我在那里工作，我们最近建立了一个CSS框架，并发现它是一个巨大的效率倍增。当然，我们花了数天时间自己创建了一个CSS框架，但一旦框架完工，开发高质量网页的速度是极快的。更何况，既然团队每一个设计师现在都使用这个框架，当一个设计师修改另一个团队成员网页时，他们不再需要花20分钟理解别人的构建思路，可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架，你想寻找的东西，是每个项目都做了一遍又一遍的重复通用的代码，目标是巩固这些代码核心地位，遵循“不重复自己（Don’t Repeat Yourself）”编码方法。这使得维护工作容易了许多，还可以帮访问者节省带宽开销。 几乎每个我参与的项目中，我必须声明的几个CSS问题： “大量重置”浏览器默认风格，比如，设置所有元素的margin和padding为0，去掉框架（framesets）和图片（images）的border，等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高，如段落（paragraph）、头（header）、以及列表（list）。 创建表单（Form）的基本样式。 创建几个常用的CSS 类，例如，.hide(把display置为none，即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情，许多网站设计师发现自己不断重复使用着相同的基本结构，为什么不动它整理成自己的，在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了，这就是YUI。当我们为的劳伦斯日报网站（the Journal-World）建立CSS框架的时候，我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的，但作为一个很好的例子，给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题，它具有足够的灵活性使我们的每一个网站都可以应用，即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ，象下拉菜单、导航菜单、按钮等，这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称，如图片列表的缩略图，你可以规范对CSS命名，如“thumbnail-list”，让所有显示缩略图的都使用这个CSS类。
IE9在对HTML5的支持上依然垫底
HTML5带来新热潮，W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5，也包含不思进取的IE。html5test.com是一个在线的基准测试，它类似于Acid3，但主要用来测试浏览器对HTML5的兼容性，讽刺的是，IE9仅仅带来了更快的JS引擎，在对HTML5的支持上依然垫底，以下是成绩公布：
最新发布
Photoshop结合AI简单制作海报立体字
3D字虽然现在不是特别流行，但是有的图用一下效果还是很好的，今天就带来一个海报中常用3D字的教程方法很简单，只是很多时候我不说你不知道。首先是效果图：教程开始1、先打开AI写上要制作的3D字的文字(平面图形也可以的哦)，选个粗点的字体，不要选黑白灰色，其他随意2、ctrl+shift+o文字转曲，ctrl+h隐藏路径，多复制一个备用3、 效果-3D-突出和斜角选项，红框处写1°其他点开预览自己根据需要调效果如图
Photoshop制作超酷的游戏质感艺术字教程
本教程主要使用photoshop制作金属质感的游戏主题艺术字，教程的效果主要是通过图层样式来完成，这个效果在一些游戏网页的专题海报和专题设计中非常的常见，今天作者就带着我们一起来解析这种效果的做法，如果不懂的朋友可以下载PSD源文件来完成，喜欢的朋友一起来学习吧。
Photoshop制作超酷的武林高手动画效果
前几天闲得无聊做了个这样的GIF发到群里玩，大伙都问这什么软件做的，我想说这只是PS叠加素材而已。喜欢的朋友让我们一起来学习吧。正片叠底：整体效果显示由上方图层和下方图层的像素值中较暗的像素合成的图像效果，任意颜色与黑色重叠时将产生黑色，任意颜色和白色重叠时颜色则保持不变。滤色：该项与-正片叠底-的效果相反，在整体效果上显示由上方图层和下方图层的像素值中较亮的像素合成的效果，得到的图像是一种漂白图像中颜色的效果。如果要说的简单一点的话：正片叠底就是过滤掉白色，滤色就是过滤掉黑色。先看效果图下面是素材首先我们要做的就是打开这两个图片，一个是你自己录的GIF，一个是你的挑选的特效。一楼我上传了附件，可以去下载一下，里面都是楼主收集的GIF特效素材。
25款创意特别的产品包装设计欣赏
通常来说，用户购买商品的时候通常会先看包装的设计，如果包装的外观好看或很有创意，那么就容易吸引用户眼球，就算不买也会好奇性的走过去看一看，所以对于一个销售商品，好的包装是必须的，今天我们为大家整理25个奇异的包装设计作品，或许能给你带来一些设计灵感。You Rock! Beer PackagingRaven Cream AleEast Side BitterMailchimp Playing CardsSgt. Martinho Coffee Bags
精选令人爱不释手的加载动效设计欣赏
等待和加载动效几乎是无处不在了。设计师和设计机构都很清楚，加载动效几乎是目前网站和APP设计中无法绕过且必须的组成部分，它们不仅是大势所趋而且是打造优秀用户体验的必须组件。虽然目前很多产品将加载/等待动效作为强化用户第一印象的组件，但是它的实际使用范畴远不止于这一部分，在许多设计项目中，加载动效几乎做到了无处不在。内页切换的时候可以用，组件加载的时候可以用，甚至幻灯片切换的时候也同样可以用上。不仅如此，它还可以用承载数据加载的过程，呈现状态改变的过程，填补崩溃或者出错的页面，它们承前启后，将错误和等待转化为令用户愉悦的细节。等待和加载动效中，最常见的表现形式是进度条，但是许多设计师采用了更加有趣的表现手法，接下来我们一起来看看这些案例。4:20 Dead Obies加载动效并不一定非要用进度条，设计师在这个页面中将LOADING这个词的每个字母拆开，不断复制来呈现加载过程，静态的文字和动态的效果交错，让人在新鲜有趣的动画中度过略显漫长的加载过程。NewsTech充满科技感的页面设计为整个网站定下了基调，这种面向未来的设计手法在这个页面中体现到极致，加载动效采用了各种数据加载的样式，将等待过程变成了一个巨大的“WOW”。Ferias Beach Park
2016年移动端值得关注的APP设计欣赏
不论移动端网页和APP之间有着怎样的争论，移动端APP的快速发展都是不争的事实，各种客户端的开发和接入已经成为常态。用户对于自己喜欢的品牌和服务，总期待官方能推出客户端，也正是在这种期待和需求之下，催生出越来越多的APP。事实上，有APP分析机构的研究表明，用户每天耗费在手机和平板上的平均时长为158分钟，其中127分钟是耗费在各类APP中，而仅有31分钟是花费在浏览网页之上。且不去深究这个数字是否适用于不同的国家和地区，但是总体的趋势大家都看的很明白。用户的需求越来越多，如果开发者和厂商无法为用户提供体验更好的APP，用户流失是不可避免的。从智能手机到平板电脑，甚至一些相关的智能设备，我们可以明显观察到其中所涉及到的APP在功能、设计和潜力上的快速增长。用户这边，除了对于用户体验的要求，还需要APP提供足够足够的影响力，提升关注度，让用户逐步转化为真正意义上的“消费者”。所以，总结一些可以预见的设计趋势对于APP的产品设计师是有非同寻常的意义的。那么我们一起来看看2016年有哪些值得关注的APP设计趋势。专注用户体验可穿戴设备的增速虽然暂时放缓了，但是它仍然坚定地前进着。有数据表明，全世界范围内，每10个拥有智能手机的用户就有一个拥有可穿戴设备。移动设备的快速膨胀使得用户对于用户体验的需求越来越多，最主要的需求之一，是希望拥有“个性化的用户体验”。用户体验设计师这个职位的增长是可以预见的，用户体验甚至有可能成为一个独立的业务，甚至区分于产品设计、开发、营销、UI设计师等相关职位，成为一个完全独立的职业发展方向。也正是这种需求和认知，使得相当一部分APP的设计和开发者选择专注于较少、较关键的功能，并提供频繁的更新以提供成长型的、逐步优化的用户体验。也正是在这样的背景下，真正体验优秀的应用内广告和独特而高效的导航模式开始出现。此外，设计师 Rehanna Kumari 在她的博客中提到，安全问题依然是目前设计师和开发者的主要挑战之一。所以，2016年当中，设计师和开发者在搞定用户体验的同时还需要应对安全问题和各路入侵者。使用模糊背景
Photoshop简单制作熔岩特效艺术字特效
先看一下最终效果图下面是教程我选看一张这样的背景图，背景图大家随意选择哈，背景图要搭配文字效果，才能事半功倍哦新建文字，大家随意编辑几个字，我现在的字体是《文鼎CS行楷》，字符大小是436点，文字写好以后右键《转换为智能对象》，因为要叠加好几个图层，转换为智能对象以后，后期想改字比较方便
Photoshop制作2016黄金质感艺术字教程
最终效果1、新建一个1000 * 600像素，分辨率为72的画布，背景填充黑色，如下图。2、点这里打开文字素材图片，然后右键选择“图片另存为”，保存到本机。再用PS打开，用移动工具拖到新建的画布里面，文字为PNG格式，解锁后调整好位置。3、双击图层面板，文字缩略图调出图层样式。
摄影后期作品：魔蛊之城
我喜欢的梦幻作品，是爱情战胜邪恶。化妆:刘青文字:冷雨冰一样的光，穿过那狭窄的缝隙天空中，不时传来凄翎的哀鸣等待，另一只游离的灵魂今生的堕落与诅咒，死神蛊惑般的召唤葬焚着我的信仰与那奄奄一息的灵魂
Photoshop制作颓废风格的双11艺术字教程
最终效果1、打开PS软件，按Ctrl + N 新建画布，尺寸为1280 * 1014，分辨率为72像素/英寸，如下图，然后确定。2、用油漆桶工具把背景填充黑色，如下图。3、点这里打开文字素材然后在图片上面右键选择“图片另存为”保存到本机，用PS打开，用移动工具拖到新建的画布里面，调整好位置如下图。