推荐阅读
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：这个选项一般不要选择，它是的意思是如果不能进行插件检查就进入第一个页面。
最新发布
详细解析网页设计中的轮廓框案例技巧
网页设计中使用轮廓框元素的案例不多。但实际上，这些纤细的、整洁的轮廓框效果极佳。为了保证效率的最大化，轮廓框一般采用纯色线条，这样便能产生前景与背景的明显对照。黑和白，是最传统的配色，以其对比强烈，效果突出而著称。因此很多轮廓框采用了白色线条。除了颜色，线条的粗细也是一大考量，纤细的线条让人感觉精致细腻，粗厚的线条显得异常醒目。下面，本文收集了一些网页设计中轮廓框应用的案例。Olivier Staub此网页设计一反传统，对菜单采取了简化设计，蔚为壮观的全屏图像滚动。厚重的轮廓狂和粗字体极具视觉冲击效应。Flinders Street Station Design Competition这个网站由一大堆轮廓框组成，线条很厚。轮廓框中填充了柔和的色调，功能为按钮。Ola Kvernberg.干净整洁，颇具视觉吸引力。设计师成功的融入了个人风格，极具创意和吸引力的主页。尽管主页采用了单色设计，但是紫色轮廓框线条很好的进行了调和，让整体显得错落有致。
浅谈10个CSS简写和优化的心得技巧
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：你可以简写成： 1 margin:1px 2px 3px 4px; 语法 margin:top right bottom left; 12345678 //四个方向的边距相同，等同于margin:1px 1px 1px 1px; margin:1px; //上下边距都为1px，左右边距均为2px，等同于margin:1px 2px 1px 2px; margin:1px 2px; //右边距和左边距相同，等同于margin:1px 2px 3px 2px; margin:1px 2px 3px; //注意，这里虽然上下边距都为1px，但是这里不能缩写。 margin:1px 2px 1px 3px; 二、边框(border)边框的属性如下：可以缩写为一句：
详细解析2014年网页设计趋势分解
在过去的2013年及2012年，网页设计理念或多或少都受到大公司设计风格的影响。Google过去几年中也在搜索算法上做出很多调整——更注重网站内容原创性及可用性。HTML 5释放了设计师的思维，有利有弊，HTML 5 动画有时也玩过火了。随着移动Web的访问不断增大，响应式设计变得愈加重要了。下面我们通过简单的一些案例阐述2014年的Web设计趋势。但是，记住，不要过度使用。不是每一种趋势都适合你的客户。作为设计师或Web开发人员，你有责任紧跟趋势，并量身定做你客户的网站。准备好，跟随我们的脚步来看看今年的流行走向，然后决定你要如何使用它们。一、扁平化设计当苹果放出iOS 7的时候，不是每个人都喜欢这种全新的扁平设计的。然后，乔纳森·艾维知道这是去掉拟物化的最佳时机，引进了极简、干净、硬朗的设计风。iOS 7发布后，大量的扁平化风格出现在网络上，今年也不例外。这不仅对移动友好，而且更能体现设计的本质——有效组织外观和感觉。Mostlyserious完全的扁平化设计及少量动画效果Belancio
详细解析网页设计中的F式布局
今天我们来重点介绍网页设计中的F式布局。传统的布局方式，依赖布置视觉线索，“控制”用户的视觉路径，相较之下，F式布局更加自然，更加友好。本文将讲述一些F式布局的规则、原理以及设计方法。F式布局简介F式布局是一种很科学的布局方法，基本原理依据了大量的眼动研究。一般来说，用户浏览网页的视觉轨迹是这样的——先看看顶部，然后看看左上角，然后沿着左边缘顺势直下….而用户往往不太注意右边的信息，这是不是有点像字母F?据此，我们习惯性的把重要元素(诸如品牌Logo，导航，行为召唤控件)放在左边，而右边一般放置一些对用户无关紧要的广告信息。我们来看一下Webdesigntuts+的眼动热点图：这张眼动热点图展示了用户浏览此网站的视觉轨迹，呈一个F型。热区(途中红色、黄色、橙色部分)代表用户注意力最集中的地方。总结一下用户浏览网页的一般模式：先看看页面的左上角，了解一下这是什么网站(因此此处适合放置Logo)——“知道是什么”然后扫描一下页面的顶部(导航栏，搜索栏)——“了解用法”
利用颜色查找快速制造大感觉专题设计
当接到一个紧急需求的时候，设计师脑子里一定在抱怨不爽了。因为设计要用”赶出来”的话，是很难有优秀的作品的。但有时候不得不面对现实，需求方急着要，我们也只能加快速度设计。把脑子里有的设计形式全都翻出来，全用在页面上。有时候可能会有意想不到的结果！有时候又会出现那种连自己都不愿意承认是自己做的尴尬处境。这种快速设计没有经过前期的精细推敲，总有站不住脚的地方，但是时间有限，能达到一眼望去，让各位爷能心里感叹一声”哇”，就已经谢天谢地啦！！快速设计专题有很多种方法，这里只是给大家提供其中的一个小思路，并不一定适用每一个专题，如果在你紧急的情况下，不妨试试这个。今天收到了一个交互稿，如下。是一个在圣诞节的日子里卖皮肤也送皮肤的营销类型专题，并强调要使用”冰原狙击 凯特琳”这张原画进行设计。游戏类的专题，一般没有专门的交互设计师给你去设计交互稿，所以拿到交互后，就需要对交互进行一遍”审查“，把不明白的地方和接口人对一遍。比如这张交互上，标题有3列，”冰原献礼”"限定皮肤3送1起”"冰原狙击凯特琳 首战正义之地 “这些是出现在头部的文字，一般都属于最重要的信息传递。所以要特别详细的问接口人，这些文字都是什么意思，是不是已经完全确定采用这些字（因为后面要对这些文字进行设计，如果后面再要修改，就会浪费很多时间）又比如：上面四条”献礼1、2、3、4″是什么意思，放在这里有什么用。等等。总结来说，拿到交互后，一定要对交互的内容进行梳理，分析出内容的主次（对你后面的设计特别重要）
如何给网站布置干净的关于我们页面
所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该设计一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。编者：这是一篇老文章，不过写得还算实用，大家可以了解一下设计思路。一、为什么要有“关于”页面不要让用户思考!1、向浏览者传达本站的价值，留住用户2、始终提醒自己站点的主旨，不要跑题二、起什么名“关于”页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色。所以名字越简单、越朴 素就越好。典型的门户的名字比较传统，因为它们无人不晓。比如网易的“公司简介”，谷歌的“Google大全”。大众、平易近人的网站往往都称呼为“关于我们”，比如嘀咕、phpChina;“关于+网站名称”的类型也不在少数，比如豆瓣和支付宝。
精选2013年精致漂亮的UI设计作品欣赏
回顾2013年，我们发现很多很优秀的UI设计作品，也期待2014年有更多创新的设计诞生！本期设计达人网从Dribbble上总结了2013漂亮细致的UI设计作品，有APP设计、界面设计、网页设计等等，这些设计很多看上去都令人兴奋，细致到位，而且又创新，很适合设计师们学习和参考。由于设计作品太多，图片已经被压缩，所以大家可以查看这些设计作品的原图，有PNG大图以及GIF动画，很多效果很棒哦！ 越来越多类似iOS 7的扁平化、半透明、拟实景动态界面。 查看原图 漂亮的半透明Tag、catelog选择 查看原图 以后的网站导航设计不一定是横向的了，更多表现为侧边栏。扩展阅读《2014网站导航设计趋势 使用垂直的导航菜单设计》 查看原图 APP也追求简约设计，并重视本色方案 查看原图 Windows 8的时尚Metro UI风格，界面简洁，配色清新有活力，很漂亮。 查看原图 使用统一圆形风格设计，字体、图案以及交互设计动画都是以圆为主，请点击看GIF动画，很不错哦！ 查看原图一个和地图位置应用界面设计，背景蓝色与白色的配合使得界面看起来很清晰，也很漂亮
网页设计配色剖析之绿色使用技巧
每个人都有自己最喜欢的颜色，在工作以及生活中，当购买产品或进行艺术创作的时候，他们会选择自己喜欢的颜色。对于设计师来说也是同理。设计师偏好在设计中重复使用他们最喜欢的色系。虽然命题是无限的，但是他们还是喜欢遵循自己的审美感觉。推广成功、运营优秀的网站，往往让用户感觉到页面和谐感强、视觉效果符合本能审美、元素具有图像象征且与产品服务紧密联系，这归功于网页设计。绿色的定义绿，是一种颜色，绿色处于光谱中间，波长较短，大约为500～570nm。在减色法中，绿色不是主色，但是可以由黄色和蓝色、或者黄色和青色创造出来的。绿色是加法三原色之一。Green网页设计中的绿色绿色在网页设计中效果极佳，因而被广泛的应用。可能是因为绿色是自然中最多的颜色，绿色能够唤起一种人类对于自然的本能意识。高手能够行之有效的将绿色和其它颜色有机结合，奏出一曲色彩、色调、明暗完美互补的视觉三重奏，让人兴趣满满。而材质的加入也能改变颜色的效果，比如，粗糙的材质表面让颜色看起来更深，平滑的表面让颜色看起来更浅。
如何创意的使用网页设计中的方块元素
当你欣赏下面这些案例时，留意一下他们如何以及为何使用矩形或正方形元素，会使得你思路大开。此处列举的方块元素，被用来对齐、组织、装饰、排列页面上的方与圆。在设计中使用方块元素有很多方法和原因。让我们来详细了解一下。使用方块布局的目的是什么?或许这对你而言有点哲学和理论化，我们来看看别人选择方块布局的原因。(顺便提一句，我所指的方块也包括矩形，有些案例也使用矩形。)使用这种元素有两大原因。首先也是最重要的，它有助于组织内容。其次，它也能打造特殊的样式。它们是展现内心渴望和需求的完美元素。看看Dennis Adelmann的作品集，显而易见，方块元素被用来组织排列他的作品。这是组织排列任意数量内容的简单途径，让事物保持简洁。Dennisadelmann不过再看看We Love Noise这个网站，它就完全不同!是的，到处都是方块，移动鼠标时还有个有趣的动画效果。不过除了组织内容之外，你会发现方块元素也成为了设计风格的一部分。它是这种风格关键的决定性元素。Welovenoise怎样用好它们?
网页设计心得之网页乾坤大挪移心得
腾讯TGI高级视觉设计师@晋小彦的系列专题，童鞋们看过瘾了木有?这一期教你如何将呆板僵硬的网页设计转眼就变成灵动活泼的创意设计，究竟是怎样的方法才能快速拓展设计思路呢?这一期，有招。时间短、没点子、没创意，又要快速捕抓眼球,怎么办?对页面整体进行旋转和平移是快速改变视觉是快速有效的方法.它打破了正常的网页视觉习惯,吸引了观众的注意力。说说 —— 旋转和平移如果每天要面对着巨大的需求量，难免有创意枯竭的时候，如果有一些相对讨巧的办法，能够不受主题限制，当然是再好不过的，这时候，我们不防试试这简单的小办法。旋转和平移，这是针对整个页面的大版式而言的，到底会造成怎样一种效果，我们继续往下看。