推荐阅读
Photoshop制作复古风格效果的室内人像照片
本教程主要使用photoshop制作复古风格的私房照人像效果，很高兴能在这里与大家分享一些关于复古私房的后期技巧。喜欢的朋友可以自己来尝试一下。简单自我介绍一下，我是王中涛，一位独立摄影师，居住在重庆，接触摄影一年多，时间并不长，遇见了许多不同的人，我喜欢记录她们最美好最真实的样子。在拍摄照片时，我始终认为，你拍摄时用心的程度跟照片质量成正比，好的照片有灵魂，会说话，那么今天跟大家分享下我拍摄一组照片的过程以及后期思路。我自己拥有的器材是佳能600D以及小痰盂(50 F1.8)还有一个18-55mm套头，半画幅，拍摄私房当然比较困难，但有时候拿女票的6D拍照，就轻松多了。我拿最近拍摄的《on the morning》中的一张为例，来说说这组片的一个完成过程。在拍摄之前，我会跟模特做一些沟通，当我脑海里有一种想要的感觉的时候，我会通过各种方式来告诉她，比如给她看一张类似的照片，听听相关音乐，直到她能理解为止。这组是私房照，私房我个人比较喜欢带点情绪、复古味道的照片。拍摄私房利用环境光比较重要，也就是说拍摄时模特和窗户的剧里是很重要的，因为窗户是大部分室内唯一能透过自然光的，这张我就利用了一些窗边的光。上面的照片是我已经后期完成的照片，那么我现在给大家看看原片以及后期思路，我后期每一张片子的思路大概是：修正整体曝光-调整色调-修复细节（做一些整体质感），大的思路是这样。
Photoshop制作玻璃球效果
现在，各种各样的类玻璃材质大行其道，几乎每个Photoshop的教学网站上都会看到诸如“PS制作玻璃按纽”之类的文章。今天，我们也来赶赶流行，做些漂亮的玻璃球。 1. 在Photoshop中新建一个文档，大小为256×256像素，RGB模式，白色背景。设置前景色为RGB（255，211，38），背景色为RGB（57，0，0），新建图层1，按住Shift键，用椭圆选框工具选择一个正圆形。选择径向渐变工具，设置渐变为从前景色到背景色。从选区的中下部分向上做出渐变，如图01所示，取消选择。 尽管在选取选框时，我们已经选择了消除锯齿选项，但做出渐变之后，我们发现在球体的边缘还是会有一些锯齿。为了消除这些锯齿，我们可以载入图层1的选区，反选，将选区羽化1像素，连续删除两次，取消选择。这样，你会发现球体的边缘比刚才光滑了。 2. 下面，我们用图层叠加的方法来表现玻璃球内部的情况。复制图层1 ，将副本命名为hardlight。从名称你就能猜到，这一层的图层混合模式为强光，在编辑菜单中选择变换，将图层垂直翻转； 再次复制图层1，将副本层移动到顶端，命名为lighten，将图层混合模式设为亮光，不透明度为50％； 复制lighten层，将副本层命名为Color Burn ，将混合模式设为颜色减淡，这样，我们的图像就如图02一样了。 3. 现在我们要减去一些多余的红色部分。载入图层1的选区，反选，羽化12像素，将选区向上移动2像素，分别在lighten层和Color Burn层中删除3～4次，直到球体的底部完全为黑色。这跟上一步的渐变有很大关系，渐变位置不同，最后形成的图像会有很大差异。也许上一步中你的渐变非常理想，那就不用这一步的调整工作了。（图03）
10年热门摄影技法大盘点
摄影技术，远不像器材那样不断的推陈出新，革新换代。摄影技术万变也离不开其宗，光圈、快门，很难出新花样。回忆这十年的拍摄历程，有很多拍摄技法几乎都是重复地被摄影人们津津乐道。记得常有拍照的朋友问我，“最近你在玩啥?”我不解，问“你指的是机器么?”“除了机器，你最近有无什么摄影新绝招?”我笑了。新招就很少见了，哪里还能有什么绝招? 不过我理解他们，都是一些痴情人，明知摄影这条路上人流汹涌，所以渴望能搞到些“亮”招儿，以便自己的摄影过程和结果都能有那么一点点的与众不同。只是，这种希望往往带来的都是失望。 今天回忆一下这十年的热门摄影技法，作一个总结。有些技法至今依然时髦，看看这其中的哪几个也曾是你热衷的技巧。 1. 黑卡纸使用技法 黑卡纸可以在拍摄夜景时成为最得力的助手。在拍摄夜景中，由于使用的是长时间的曝光(甚至曝光10个小时)，在相机长时间的曝光过程中，会出现强光，或是断断续续不同的光源，这会极大影响拍摄效果。此时可用黑卡纸在强光出现的位置将其遮挡，把构图拍摄上不需要的光源去掉。 拍摄难点： 用卡纸遮挡时要注意时间和位置，一般在曝光的初期不需要遮挡，在拍摄过程一旦出现复杂强烈光源，可用黑卡纸相镜头挡住。 推荐拍摄主题： 黑卡纸对于夜景建筑摄影，夜景城市摄影的作用是很大的。特别是夜景建筑拍摄时，可以通过黑卡纸的遮挡，创造出干净又不失魅力的建筑照片。 2. 太阳镜做偏振镜 偏振镜是每个摄影师都必备的滤镜，它可以过滤掉眩光和那些意外的反射光，让你的照片的更加富有饱和度，特别是对天空最有效果。如果你有一副质量还过得去的太阳镜的话，只要把它摘下来放在你的镜头前，这就是你的偏振镜了。
Dreamweaver行为全接触4
为让网页的浏览速度更快，有时不得不用Flash动画代替Gif动画，但并不是所有的人都安装了其插件，一个好的网站为解决此问题，一般给出两种版本，Flash版和Html版，但需要我们自己选择进入那一个版本，随着上网的普及并不是所有的人都知道什么是Flash，什么是Html，这部分网民怎么选择？我们可以让你的网页自己做出选择进那一种版本，一解后顾之忧。这就是我们本节要讲的主要内容――Check Plugin(检查插件)。 一，认识Check Plugin编辑窗口 在DW编辑框中按F8调出Behaviors面板，点击选Check Plugin立刻出现以下窗口： Plugin：第一项Select选择它提供的几种插件选项，一般常用的有Flash，Shockwave，Quick Time。而第二项是直接输入第一项没有列出的插件，一般很少用。 If Found,Go To URL：如果发现插件就打开当前页面。Otherwise,Go To URL：当没有发现插件就打开当前位置。 Always go to first URL if detection is not possible：这个选项一般不要选择，它是的意思是如果不能进行插件检查就进入第一个页面。
最新发布
8个在网页设计中即将被淘汰的趋势
时代一直在变，一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星，光芒耀眼，但来得快、去得也快。虽然跟风很不好，显得毫无设计主见，但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。可是呢，还有很多极为”糟粕”的设计趋势，本文一一列举，请君对号入座。1. 除了电话线时代的老顽固，现在已经没人喜欢页面跳转了“下一页”、”下一张”，明明一页就能展现的内容，非要跳转20多次才能看全，你把用户当*?操作繁琐、浪费时间、效率低下，没人喜欢页面跳转过于频繁的网页。2. 十面埋伏的广告确实有很多网站的维持依赖广告收入，但是广告的位置一定要合理，不要妨碍用户浏览信息，用户体验永远位于广告之上。没有用户访问量，也就没人找你打广告。3. 弹出窗口滚出网页设计界
8个智能手机移动应用的设计趋势
如果说智能手机和智能设备现在被认为是个人和办公方面的科技标准，那么这种描述就过于简单了。几乎没有人能否认一个事实，就是每个人都需要这种智能 技术。尽管每个人拥有智能手机或其他智能设备的理由不尽相同，但它是必须的。无论从个人或者商务的角度看，智能科技已经成为我们生活的一部分。现在，智能科技无处不在，开发商不得不为智能手机用户设计出更加方便的移动应用程序。我可以肯定的说，2013年将会出现最新潮最特别的移动应用程序。实际上，总有 一款移动应用达到某种用途，并适合于每个人。你会在新入手的iPads里发现令孩子们激动的游戏，还有一些程序则可以促进人们之间的交流。移动应用不再是 消磨时间的手段，它们总会在某种程度上令使用者受益。由于移动应用程序的需求量增加，移动应用变得更加美观，更加多功能，更加促进人们之间的交流。 2013年仍然有漫长的路要走，我可以说这几个移动应用的趋势实际上变得非常明显，引领着其他移动应用程序的脚步。接下来我们就来看看最新潮的移动应用吧。智 能技术的新起使得传统的台式机已经落伍了。现在，人们都使用智能手机上网，所以你的app必须有这个功能。由于有各种各样的设备，开发者要确保程序可以通 过不同的设备访问。显然，没有人会愿意为每一个移动设备单独创建一个应用程序的。得益于HTML5增强功能，你不再需要为某个设备单独设计一款应用程序。 使用html5将会是一种趋势，因为它允许开发者基于不同设备确能够使用相同的代码库。下面我们将提到Jo，一种简单的html5应用程序框架。Jo HTML5框架：HTML5应用程序搭载于一个单独的页面，Jo可以帮助你创建类似本地应用程序体验。当然，需要一些DOM处理，不过你不必担心它。通过JavaScript编程，做一些CSS调整，就这样结束一天的工作吧。移动电子商务是电子商务的延伸。我相信在2013年，很多电子商务相关的移动应用程序将保持流行。原因是现在有很多人喜欢网上购物的过程，他们通常使用移动设备浏览网页，所以移动应用程序在消费者当中非常热门。iPad eCommerce App
精选国外优化网站图片速度的网页推荐
页面的加载时间是每一个设计师都担心的数据，或者至少是每个设计师都应该担心的问题。图片的大小肯定是一个需要留意的问题。这就是为什么在这里写了几个有助于优化页面中的图片的小技巧，这些小技巧将有助于大家解决这个问题，这些小技巧也可以在你需要优化图片的时候提供很多帮助。TinyPNGTinyPNG是使用智能有损压缩技术，来减小png图片的大小。Smush.itSmush.it使用的是从图片中消除不必要的字节来减小图像大小。OptiPNGOptiPNG是一个对png图片优化非常好的工具，可以在不损失图像信息的前提下把png图片压缩到更小的大小。ImageOptimImageOptim可以使图片占用的磁盘空间更少加载的更快。他们使用的是找到最好的压缩参数并且消除不必要的字节（包括注释及颜色配置文件）。它可以处理PNG，JPEG和GIF动画。CodeKitCodeKit帮助你建立更快，更好的网站。
浅谈如何尝试网页设计中不对称的美
随着审美的不断提高，越来越多的设计具有一种不对称的美感。越来越多的设计师将视觉重点放置到偏离视觉*的位置，通过不对称性来吸引用户注意，打造一种特殊的视觉路径。过于对称的设计，无法更自然高效的组织侧边栏、导航条等界面元素，对称设计提供的空间也往往有限。而非对称性具有一种视觉上的张力，将某种特殊的感觉转化为用户的兴趣。尽管非对称设计在布局调整上稍有难度，而且也会造成一种不平衡的感觉。然而用非对称性设计取代对称性设计，利大于弊，提供了更多的”可能”。这也是网页设计师的进阶之路，成为高手都会尝试的风格，不妨现在我们就来先了解一下吧。下面，我们收集了一些很有说服力的不对称性设计网站，相比对称性设计，这些网站具有更好的信息传达、更个性化的特点。不对称性网页设计案例The Enterprise锯齿感极强的线条以及不对称的形状，配以华丽的色彩，这种不对称设计的视觉冲击力绝对要比对称性设计大。Sjobygda设计师很有技巧的运用了背景图像，采用了不对称设计，让背景的功能性变得更强，呈递给用户壮观的视觉内容。
详解Web图像的常见应用策略与技巧
本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。特点：应用简单，上手容易，性能表现良好难点：lazyload实现根据不同设备，不同分辨率，不同像素比使用的响应式图像，常用的有两种场景：1.1 固定尺寸图像基于设备像素比选择，很多网站logo就是固定宽度图像的一个例子，不管viewport的宽度如何，始终保持相同的宽度。在dom里图像与在css里的图像写法如下面的例子<img srcset="test.jpg 1.5x, test2.jpg 2x" src="test.jpg" 768.jpg 768w, 1200.jpg 1200w, 1920.jpg 1920w" sizes=" (max-width: 360px) 100vw, (max-width: 768px) 90vw, (max-width: 1980px) 80vw, 768px" src="360.jpg" src="http://www.missyuan.net/uploads/allimg/170502/1409454491-0.png" "393""293" />在iphone4（320）下，图像宽度和我们设置的100vw一致，但是为什么浏览器选择了768的图像而没有选择360的?因为4的dpr是2呀^_^，浏览器很智能的选择了质量最合适的768.再看一下6p（414），很听话的按照我们的设置，显示了90vw。因为他的dpr更高，浏览器聪明的选择了1200质量的图像。这里我们可以欺骗一下浏览器：
精选国外CSS3编写的面包屑导航收集
随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。
浅谈统一原则在网页设计当中的运用
形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括，世间万物的美都可以用形式美法则来概括。在平面构成中也有形式美法则：统一和变化，对称和平衡，节奏和韵律，对比和调和。前面跟大家有分享了对比、留白在网页当中的运用，今天我们继续来分享网页当中那么多元素是如何做到统一一致的。在视觉上的统一可以体现在：图片，色彩;区块;布局;字体，视觉元素。此外，还有一个交互上的统一。1、图片统一图片统一体现在图片大小尺寸上的统一，颜色色系上的统一和图片风格的统一。不管是京东还是天猫淘宝，这些商城在网站上的图片处理就用了这样的统一原则。不一样的场景下对图片的要求也都不一样。比如京东商城的首页，每一个区块起到一定的导航性作用，在这样的场景下，需要的图片都是比较简洁而不是背景复杂的。下面我做了一个错误的示例给大家演示：左图是官网的图片，右图是一个错误示范。显而易见，左图的展示性和可读性都比较强，视觉效果也比较好。右图之所以觉得不好看是因为图片大小不一致，图片的背景颜色也不一致，所以看起来特别不协调。好了，现在应该有人会想问，那京东或是天猫淘宝通过搜索后进去的页面里面的产品配图不是五颜六色的吗，那怎么看起来也没有觉得不协调。这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上，除了产品图不一样，其他的布局样式、区块大小都是一样的，这恰恰跟首页相反，首页各个区块大小不一致，所以采用图片一致来协同，内页则是区块样式一致，图片不一致。但不管哪一种协调方法，界面都起到了很好的协调性。
全球10大高端建站神器经典推荐
这不是天方夜谭!你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器，只需绘制矩形、填充颜色。我知道这很难相信，但他们就是存在!而且全球备受赞誉。1、IM Creator听我说，我们的IM Creator易用性和多功能性超越了很多客户的预期。只需要你把控住超级菜单，根据您的需要做相应的拖放和功能选择。它们包括视频、图片、画廊和幻灯片、按钮、超链接、甚至一个HTML小部件。最酷的地方在与你不需要创建繁琐的帐户，你可以轻松上路。唠叨了半天，我差点没有提到最好的部分：以上所有服务都是完全免费的!2、WebStartToday.com如果你是一个细节癖，喜欢抠各种设计细节，那么你完全应该来看看WebStartToday!这里提供了超过1000个不同的网页模板来匹配你的需求!甚至那些很少见的模版：旅行、夜生活、豪华轿车服务、锁匠、美食、琳琅满目数之不尽!当然这并不意味着我们的模版就是千篇一律，随处可见的!在这里的模版，可以保证是独此一家的，如果你在其他地方发现了，那一定是他们借了我们的宝贝，偷偷的!3、Kopage
20个超精细网页圆形旋钮PSD素材下载
旋钮分布于生活的各个角落，在人机界面中非常常见，也正因为此，旋钮也成为了设计师非常乐于表达的对象。今天为大家带来20个超精细旋钮的PSD文件，需要的童鞋速速下载吧。1. 圆形菜单旋钮2. 黑色音量控制旋钮3. 蓝色发光旋钮4. 金属旋钮5. 黑色扁平旋钮
浅谈网页设计动作按钮可没你想的那么简单
动作按钮?不就是一个按钮加两文字么?这有什么好说的·····如果你还这么认为，那就大错特错了。一个小小按钮，看似简单，里面却有大大的学问。下面是我总结的一点见解，希望抛砖引玉，给大家一点启示。按钮分为两个部分：按钮文字 按钮形状先说说按钮文字的设计：1 用文字创造出一种紧迫感这主要适用在购物网站，使用一种紧迫感的词语更可能让用户采取行动。在按钮上加”现在”"立即” “马上”等文字，能大大提升按钮的转化率。这些文字能给用户暗示和感知，如果继续等待，很有可能错过这次大好的机会。不信?可以试一试。