推荐阅读
海边人像摄影需要准备的器材
器材准备与注意事项 ・适用镜头建议 在沙岸、砾石滩等地拍摄时，由于空间广阔，可以尽量采用中焦段或望远焦段的镜头拍摄，广角端的镜头配置，因为背景本来就很单纯，加上尽可能避开超广角的透视变形问题，并不一定要用到24mm以下的镜头。不过在东北角，又或者在小渔村里拍摄时，有时为了要强调景与人的关系，以及考虑拍摄时立足点空间限制，再考虑携带24mm以下的超广角镜。 等效焦段35mm-70mm 是在海边拍摄泳装的主力范围，拍摄时可以考虑从 Model腹部高度拍摄，以中焦段轻微的透视效果，可以让Model 显得较为修长，配合肢体动作的舒展，让身材看起来更好。超望远程可用来捕捉半身或压缩海面上的背景，虽然用到机会不算多，但却也能营造特殊视觉感受。给一般玩家建议，最好是24-105mm 一机一镜的配置，少去更换镜头的麻烦，也间接少了器材内部受海风影响可能不慎弄脏的问题。 标准变焦镜是最常运用的焦段范围，配合一颗望远镜头，可以涵盖海边比基尼大多数的拍摄需求。・摄影配件选用 摄影配件准备妥当，绝对有助于拍摄工作的顺利进行，想要运用大光圈定焦镜头来创作的玩家，可额外准备ND4或ND8的减光镜，当然也可以直接利用偏光镜来取代，用来追求画面中更洁净的蓝天，不过两者效果会略有不同，偏光镜会将偏振光线滤除，所以若想展现水面闪烁反光，或是太阳眼镜的反射光，使用偏光镜可能会减损部分效果。 摄影器材的清洁用品，包含吹球、拭镜布(拭镜笔)、软布等，在小岛海边拍摄，保护镜或机身上难免会溅上一些海水，就算不靠近海边拍照，海风也常会挟带微小海水或盐粒，吹拂附着在镜片与机身上，所以拍摄一段时间后，常会发现镜头变得模糊不清。此时可以先用吹球吹散微小沙粒、盐粒，再用拭镜纸或拭镜笔擦拭干净，如果吹球无法去除盐粒结晶，可以用食用清水沾湿软布后轻拭，再用拭净布去除水渍。
PS从头学起：常见功能及其操作方法详解
玩摄影怎么能完全不懂Photoshop呢?难道原稿发片的才算是摄影实力派? 不管大家有怎样不同的看法,但Photoshop为摄影带来了无限乐趣，这是无可厚非的 因此,我们也不会缺少PS后期的专题，但是有一部分初接触PS，或者之前没有接触过PS的POCOers跟小编反应，对于他们这些菜鸟来说，这些教程可望而不可及. 今天，小编要为初学者补回一堂必修课！1、常用名词及几个常见控制面板2、工具栏中各工具的名称及使用方法。
广告摄影师向前的动力是创造力
商业和广告摄影师的工作 摄影的好坏没有一个确定的标准。最成功的摄影师不一定是最棒的摄影师。只有最用心追寻的人才会拔得头筹。当然，这并不是说有决心就可以弥补天赋的不足，如果有两个同样天赋异禀的摄影师，那个心中有足够强烈创作动力的人才会成功。而对于商业和广告摄影师来说，创造力是唯一推动他们向前的动力，虽然商业摄影师的收入比大多数其他摄影领域都要高，但是商业摄影师要面对的投资/收益之间的压力也要比其他摄影师高，所以商业摄影这个领域是非常不容易做的。 一方面，摄影趋向商业化的表现越来越明显，可是商业摄影师的价值却被严重低估，有太多的客户习惯把商业摄影师同影楼摄影师划等号。要知道，培养一个影楼摄影师也许一年的时间就够了，而合格的商业摄影师却需要多方面综合实力，并有强大的拍摄团队的全力配合，可就算这样，也许数年的时间也未必能独当一面。 再就整个商业摄影市场来看，商业摄影师的生存空间也并不理想，很多商业摄影师坚持不下去，往往都会转做偏向民生的领域，比如人像摄影。随着产业结构的变化和城市的发展，中国市场处于一个上升的阶段，越来越多的客户开始认可优秀商业摄影师及其作品的价值及给他们带来的价值与效益，所以商业摄影是有巨大潜力的市场，是一个摄影师不容忽视的市场。 迈向成功的第一步 那么怎样才能在商业和广告摄影大餐中分得一杯羹呢? 最关键的因素当然还是你的作品，你必须有一种自己独特的看事情的角度——这是超越技术的。单纯的技术性创新是不安全的，因为如果别人知道你是怎么做的，那么他们很容易复制你的技术，结果就是你失去了你的竞争优势。所以，你的作品必须有自己独特的视角，并且这种东西是客户从其他任何地方都无法得到的。 如果你是个新人 如果你还只是个新人，那么你就一定要先做市场调查，明白现在市场上需要的到底是什么?这其实是大部分刚刚入行的人所要做的事情，你要找到目前市场上所需要的商业和广告题材到底是什么?你能否从其中找到适合自己的题材来拍摄。这也就牵扯到你要先拍摄一些自己的产品习作，可能是汽车、可能是食物，甚至可能是建筑。绝不是随便拍，一定要拍出那些典型性市场能够认可的、认知的照片。换句话说：就是将自己包装好，定位找好，制作好一个作品将它传播出去。 找到适合自己的定位
选好镜头室内媚态人像随便拍
相对外景拍摄人像来说，室内人像摄影对于影人来说有许多的限制。比如场地的限制，光线的限制，空间的限制等等。这不言而喻会对拍摄的过程带来些许的麻烦。但仍有许多影人愿意尝试各种题材的室内人像拍摄，正因为限制性为这一类摄影添加了一层独特的魅力。 想拍好室内人像题材就要克服上述的问题，并用转化的手法将“缺陷”化为可利用的条件优势。 人像镜头怎么选? 从镜头的透视效果看85mm焦距的镜头最适宜拍摄人像，另一种观点认为105mm焦距的镜头效果更佳。其实，这两种镜头拍摄半身像或头部特写，都能得到比例匀称的照片。实际拍摄中常用70—150mm的变焦镜头拍摄，这样可以不必在取景时前后移动，比较方便。若用三脚架拍摄，更显出变焦镜头的优越之处。 镜头推荐 如果你是佳能的粉 佳能85mm大眼睛镜头 快门:1/160 光圈:F/2.0 焦距:85毫米 感光度:100 图片作者：联想视界 快门:1/100 光圈:F/2.0 焦距:85毫米 感光度:125 图片作者：联想视界 如果你是忠实的佳能粉丝，我会推荐85mm大眼睛镜头。这款镜头之所以叫大眼睛是因为这款镜头采用了目前(常规镜头之中)最大的光圈F1.2，而且成像效果非常锐利，清晰度很好。拍摄出来得照片让人有眼前一亮的感觉，不像其他镜头拍摄出来照片感觉灰蒙蒙的，不过这款镜头的价格也着实不便宜。
最新发布
网页设计师和前端开发者看的前端性能优化
在这篇长文章中，我将分享个人项目经验，一些关于快速简单且非常有趣的WEB性能知识的点点滴滴，以便使你的行为可以像一个初级的网页设计师和前端开发者；希望对任何想开始学习性能的人，有一定的启迪作用，并使你的前端项目变得超快。我相信这些技巧你能很快掌握，并轻松实现。因为都只需要一点小技巧，以及一些浏览器怎样工作的基础知识。注意 本文需要预先知晓一些基础的性能知识，如果有任何你不熟悉的就Google搜索一下好了！基础知识关于性能，有一些知识在所有的设计师和前端开发者中广为传播。例如，尽可能少的请求，优化图片，把样式表(stylesheets)放在<head>, 把JS放在</body>之前, 最小化(minifying) JS 和 CSS 等等。这些基础知识已经被用来加快用户响应了，但还有更多更多需要学习。虽然在我们每天的工作生活中，浏览器给我们制造麻烦，使我们头疼，但请记住，他们也是很聪明的; 它们为我们做了很多性能优化工作, 所以大量的性能调优知识不但要知道浏览器在哪里给我们做了优化，还要知道怎么更好的挖掘它们。大量性能调优诀窍只是理解，利用和操纵浏览器已经替我们做好的优化工作。顶部的Styles, 底部的scripts这真的是一条基本规则，每个人都能非常容易的在大多数时间遵守，但为什么它重要？简短的说：CSS块渲染是因为浏览器总是试图渐进式的渲染页面；它们想在元素到达的时候顺序的渲染它。如果style在距离很远的页面下部，浏览器在获得它之前没有办法渲染那个CSS。因为这个原因，如果浏览器在渲染文档过程中，改变了之前渲染的东西，它们可以避免style的重绘。浏览器在它获得所有需要的style信息之前不会渲染页面，如果你将style放在文档底部，你就是在使浏览器等待，阻塞了渲染。所以，只要你将CSS放在页面的顶部，那么浏览器就可以立刻开始渲染。JavaScript块下载是由于好几个原因（这又是浏览器聪明之处），但首先我们需要知道浏览器里的资源下载是如何实际发生的；简单的说，浏览器会从一个单一的域名并行的尽可能多的下载资源。它从越多的域名下载，就能在一瞬间并行的获得更多的资源。
8个实用的页面布局和用户界面jQuery插件
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery，你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西，也希望可以提高你进行中的项目。它涉及到关于网页的布局和用户的界面。均衡的高度或宽度的元素的jQuery插件。jQuery滚动的路径这是一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。Freetile是一个jQuery的插件，使该组织的网页内容在一个高效，动态和响应布局。这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件，允许建立直观的拖动的布局元素跨越多个列。rcarousel – 一个连续的jQuery UI的旋转木马。
如何快速打造一个有设计感的网站
拥有属于自己的网站是很多人的梦想，但大多数人只能借助像 WordPress 这样的 CMS 实现，甚至很多公司网站也是这样。但这些网站大多数看起来都比较缺乏设计感，通俗来讲就是有点“土”。那么对于像程序员以及其他对设计比较小白们来说，如何能让你的网站看起来更加前卫，有范，有设计感呢?极客公园编译了 24WAYS 的文章 How to Make Your Site Look Half-Decent in Half an Hour 为您提供解决方法。像我这样的程序员来说经常被“设计”这个词吓到，因为我是一名程序员而不是设计师，我拥有的是计算机学位证，另外我对 Comic Sans 字体并不介意。虽然只是一名程序员，但我还是想让自己的网站看起来更加吸引人，一方面出于虚荣，因为这样可以显得我更加“专业”，而另一方面是出于现实，因为研究机构调查发现用户会更加信任那些网站“看起来”很好的网站。但是因为很长时间一直从事的是编程工作，对设计并不是熟悉，甚至害怕，因为在我这个外行看来设计是由很多只能感受不能言传身教的规则以及所谓的设计感悟组成的，知识壁垒比较高。但是不久之前我决定要尽我最大努力让我网站看起来显得更加专业一点，即使比不上真正由设计师操刀做出来的效果，但对像我这种没有设计能力的人来说还是很有帮助的。1. 使用 Bootstrap如果你还没有使用 Bootstrap 的话那么赶紧开始吧，这个来自 Twitter 的开源项目使得网站设计真正进入大众化时代。本质上 Bootstrap 是一种隔栅系统，由两名 twitter 员工 Mark Otto 和 Jacob Thornton 开发的开源前端框架[注：想了解更多请查看什么是 Twitter Bootstrap?]，它集成了很多 CSS 样式的合集，可以帮助那些不懂或者不擅长 CSS 的开发人员快速的建立一个外观看起来很不错的网站。使用 Bootstrap 的另一个好处就是网站本身就是自适应的(Responsive)，可以省去各种为移动设备等的适配工作。此外，Bootstrap 还是可定制的，可以根据你的需求自己配置。(注：英文不好的可以查看中文版的 Bootstrap 文档或 Bootstrap中文网)
不可不知的移动色彩设计新趋势
移动设计正发生着质的飞跃。但我不得不说操纵移动设计最重要的因素是色彩。色彩之所以在移动设计领域没有那么快流行起来是因为人们在用色上不够大胆并没有充分利用它。幸好这种情况正在改变——因为色彩渐渐变成移动设计中不可或缺的元素并有了它自己的流行趋势。什么是色彩?颜色的有趣生动、养眼好用令人着迷。色彩是非常棒且很重要的设计元素和工具，我们不应该害怕色彩而要拥抱色彩。移动设备不像显示器，它的屏幕有限，你不可能像在桌面上那样自由地控制它。移动设备用色和桌面用色没什么不同，但似乎比它更重要。人们在用手机的时 候很可能都很忙，各种事情分散他们的注意力;这时候色彩能帮助你抓住他们的视线。更重要的是，色彩能帮你表达某些特定的情感，把用户视线带到特点的地方或 者帮助你传达信息。如果你只是直接丢一堆颜色给用户，他们也不会集中注意力在你的设计上的。色彩很微妙，所以为了让色彩成为可被利用的工具我们必须正确使用它。像其他设计元素一样，色彩也要好好利用才能发挥它的魔力。太多或太少用户都不会想看，就要刚刚好。所以，我想通过下面几点向你展示“色彩是如何被用于移动设计”的，而且你也应该这样用。强调色我想你已经在各式各样的像室内装潢、印刷和网页这样的设计中看到过强调色。强调色应该给用户保驾护航——引导点击，理解事物，并且帮助他们行如流水。在移动设计中最好的就是通过那些大胆漂亮的用色来吸引用户的目光。下面看两个例子，首先看一个非常有意思的找房应用。在这个页面上你不可能看不到那个拨号按钮。没有那个橙色背景是不可能有这么好的效果的，现在再不集中注意力的用户也不可能对它视而不见了。同样的，看第二个例子中的蓝色按钮，你一定注意到那两个亮蓝色的按钮了，这两个按钮最好的一点是他们从其他文字中凸现出来告诉你下一步改干嘛——是增加联系电话还是增加项目。
书法字体在设计中的应用及信息可视化研究
本文主要就”书法字体在设计中的得当应用”与”信息可视化研究”这两个主题进行分享。1.浅谈书法在视觉设计中的应用毛笔书写汉字是一种个性、抽象的中国传统文化艺术。它通过简洁的线条，演绎出魅力无穷的视觉艺术形象，表现出丰富的内涵，极具表现力和感染力。汉字通过毛 笔的书写，不单是把字写出来，更重要的是将精神和意境传达出来，使文字具有更高的审美价值和艺术特征。书法的应用也丰富了视觉设计的表现形式。书法字体通常有五种：”篆隶楷行草”：篆书篆书空间结构匀称、中正、严整有序。严谨、秩序、庄严的静态美，给人一种古色古香、古朴高雅的的感觉。常应用于贺年卡、请柬、印章设计等方面。隶书隶书是小篆的简易写法。蚕头雁尾的横和分张外拓的撇捺，是隶书最有特征的笔画。隶书平正、清晰，给人庄重、匀整的感觉。楷书
HTML5+CSS3城市场景动画教程
最近一直在研究HTML5的动画表现，特别是在移动设备上的呈现。在上一篇文章《盛开的CSS3梦幻荷花》中提到如何用css3制作丰富动画效果的两个思路，当然除此之外，结合使用javascript脚本语言将可以实现更加强大的动画效果以及交互动作。 今天就为大家分享一个用HTML5+CSS3制作的城市场景动画，动画包含了白天到夜晚的渐变动画以及太阳、云朵、气球等动画效果；除此之外，页面的视觉效果采用了插画的设计风格，希望大家会喜欢。这个示例中的HTML结构采用了HTML5的语言来编写，代码将更加的简洁、结构更加清晰易懂。从下面的代码可以看出示例中的每个元素是独立的，最后再重组成一个完整的动画效果。<section><div class="stage"><div class="nightOverlay"></div><div class="skyline"></div><div class="beans"></div><div class="ground back"></div><div class="ground mid"></div>
网页设计中图片格式的选择技巧
网页设计中，切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小，节省下载时间、有效的减少服务器的负担。以设计师最常用的 photoshop 以及 Illustrator 为例，都提供了「储存为网页用…」的功能。与默认的存盘模式不同，在这个模式中，软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项：相 信许多人都知道网页设计中最常用的格式不外乎 JPG、GIF、PNG 等格式，但并非所有的人都知道他们之前的实际差别跟到底何时该选择何种格式。经常发生的情况是，选择 GIF 后的输出结果看起来变得很糟，于是 PNG (24)似乎突然间风行了起来，不论图档尺寸是不是因此多了好几倍。JPEG由 于旧型计算机系统以及文件系统的限制，计算机档案文件名与扩展名被规定为 8.3 的格式，因此 JPEG 的附档名被缩写为 .JPG。JPEG可以说是人们最熟悉的图档格式了，相信在数字相机普及的现在，几乎每台数字相机、照相手机都可以(甚至只能)输出 JPEG 格式的图档。JPEG是一种很典型的使用破坏性压缩(lossy compression)的图档格式，也就是说使用者每次进行 JPEG 的存档动作后，图档的内容都会遭到破坏，这个特性在肉眼辨识下并不明显，但却可以有效的降低图档的档案大小。就如这些使用 JPEG 的设备一样，JPEG 非常适合作为储存像素色彩丰富的图片、例如照片等等，这些图片即使有些微的失真也不容易轻易的察觉：而反过来说 JPEG 并不适合用来储存线条图、图标或文字等等有清晰边缘的图片多次重复进行 JPEG 的图档的储存将会永久性地破坏图片中的细节。GIF
浅谈扁平化界面风格的设计心得
什么是扁平化设计？简单的说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，使用一些简单的纯色块，从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。下面是列举一些国外网站的例子：Squarespace新版的Squarespace几乎完全采用了扁平化的视觉风格，只在一些细节当中使用了相对传统的方式突出了重要的交互元素。试用一下你就会发现，其实他们的产品在功能逻辑上还是蛮复杂的，但这一切都隐含在简约直白的界面背后，你真的可以从中隐约感受到其设计团队付出的心血。FacebookFacebook是扁平化界面设计的绝佳案例。除了几个主要的动作按钮当中使用了轻微的斜面效果以外，其他界面元素全部采用扁平风格。鉴于他们多年来在这方面一直保持着这样的特色，至少我们可以说这种设计风格对于Facebook来说是完全适用的。Rdio
每个开发人员应该知道5个设计技巧
优秀的编码和优秀的设计之间是相辅相成的。不幸的是，视觉设计能力偏弱的人通常会觉得自己缺乏天赋，换句话说，就是人们要么觉得自己具有出众的美学天赋，要么就是这方面的白痴。对这个说法，我可不敢苟同。你只要稍微思考一下就会发现：如果你5岁的时候就停止写作，那么你对写作可能就是一团糟，对于艺术设计，道理是一样的。大多数人都是在他们开始掌握画画的时候就停止创作艺术了。幸运的是，学习永远都不晚。并且从事实来讲，日渐成熟的你将更容易从主观观点中学习到客观的知识。如果你在一个小团队里面身兼数职，却又没有多少美学基础。又或者你觉得你们的项目在视觉上还有更多发挥的空间，那么这篇文章就是写给你的。我们将谈到传统的5个消除丑陋艺术设计的元素和原则(或者至少能够进行一定程度的掩盖)1.来点留白大多数的开发者并不在意添加空白的像页边距，填充，行高，或者其他任何增加空白的CSS属性。识别出开发者设计的界面是很容易的：文本都是紧紧地挨着边缘的，没有任何留白，而且屏幕元素之间是通过直线来实现分割的，而不是空白。可以看到，在上面的盒子中，文本紧紧地挤向了盒子的边缘，每一行之间也没有空白。相比之下，第二个就要易读多了，而且能够看得出是经过精心规划的。在艺术领域，元素之间的这个区域就被称之为负空间，尽管在设计的其他领域，通常被称作“空白空间”。负空间能够使得浏览者迅速地识别设计的不同部分。同时也让文字更易读。下面是几点小建议：
新人交互设计师画网页草图容易忽略的几件事
通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得，希望对大家有所帮助。一、通过明暗对比表达以前，我是这样画线框图的，这样能非常清晰的展示各模块元素之间的布局关系。然后我会告诉视觉，这些模块或元素之间的优先级关系是怎样的。但头疼的是，当界面元素很复杂的时候，视觉就难以一一记住了，这个时候就需要反复的沟通，视觉在这个过程中也非常的痛苦，经常是改的头都大了但还是有错误。现在，我这样画线框图：加入了明暗对比之后，界面元素的重要级关系更直观，我们不再需要跑过去跟视觉说：这N个模块中这个最重要，那个其次…… 视觉的工作效率也大大的提高了。但需要注意的是：深色并不意味着比浅色更重要，要看色块之间的对比关系。比如下图：