推荐阅读
3D MAX建模教程：女性角色模型解析
先来卡看最终效果图：嗨，各位，我是Andrius Balčiūnas，接下来，我将带领你们来了解我制作”Shadow Conscious”这副图的制作过程。这个项目主要是为了学习而制作。我想制作一个真实的(至少是自然的)人物。首先，寻找参考资料。我从网上收集了许多女孩的图片。虽然我不知道最后会成什么样子，不过我认为如果你拥有多个角度的女孩参考资料以及许多符合要求的解剖图片那会很有利于你的创作。我使用了可编辑的多边形建模。简单的从一个长方体开始，添加边缘线，切分等，我认为创建人物中最困难的地方在于它不是一个技术活，而是美与结构之间精准的平衡(如果这个是你的目的)。这里有个眼球建模的小技巧。不要把瞳孔开始的地方做成硬边。因为在后期渲染时将会得到非常糟糕的效果。同样，当你在制作眼球的外部球体来实现反射效果时，不要让它仅仅是一个简单的球体，你需要把它做的有点凸起。这样，就能得到自然的反射效果。
告诉你亚当斯区域曝光秘籍
除了分别曝光，可能确实没有什么能让你在前期做到既让左侧的透过云彩的阳光清晰，又能让右侧的建筑物清晰的方式。 景山万春亭 iso200 白平衡自动 亚当斯认为，黑白负片所能呈现的最大明、暗对比是从第2 – 8区 (数码的宽容度公认的比负片要低些但高于反转片)。而自然中光线强弱的变化，从最亮的阳光下的积雪，到最暗的阴影甚至会超过0 – 10区。有的情况下，画面中的景物又没有这么大的反差。比如只有从第4 – 6区，那就要通过曝光和暗房后期增加反差。总之，最终的效果是要充分利用底片(相纸)的宽容度，使一张照片中，黑的地方黑(第2-3区)白的地方白(第7 – 8区)，这才是好照片!(注意以上叙述并非亚当斯原话，是老败对亚当斯精神实质的理解，信不信由你)。看看他拍出来的照片，漂亮照片都是这样的。 操作上，亚当斯的方法必须使用测光表，并且是点测光表(没有就DIY，象亚当斯那样)，并且首先要了解一点测光表的工作原理。上面说过，这1 – 10区的灰阶是摄影工业标准。测光表工作的逻辑过程是这样的：你给它‘看’一个目标，它检测目标的亮度后告诉你使此目标‘正确’曝光的光圈/快门组合(亚当斯那年头的测光表没这么先进，只能告诉他目标亮度是多少烛光每平方英尺，剩下的自己算。所以确切地知道亚当斯的操作细节没有意义。我们需要理解的是其精神实质对我们现在的帮助)。需注意‘正确’二字加了引号，什么意思呢?正确，就是把你的目标曝光成中灰，18%灰，第5区，随你怎么叫。而且不管你给它看的目标是白的(8、9区)，还是黑的(2、3区)，按测光表曝出来的效果就是第5区。听起来有点荒唐?没事可以慢慢想想，很难有更好的办法。 知道了测光表的逻辑过程。对亚当斯的语言就很好理解了。他常说在拍某某照片时把某某景物(比如一块石头，一片树林，一片云)“放在”第几区。怎么个‘放’法?用点测对目标(一块石头)测光，然后用测光表告诉你的光圈/快门组合曝光，你就是把这块石头‘放’在了第5区。也就是说，在你的照片里这块石头将是中灰。什么?!灰色的石头?!不行!这块石头在俺的画面里很重要，它处在树下阴影部分，色泽幽暗，与旁边天光直射下的花丛成鲜明的对比。它明明都快是黑的了，怎么弄成中灰了!这哪成?!?#￥%…… OK! 你的意思是这块石头不应该被放在第5区，而应该被放在第3区?那好办，按刚测出来的光圈/快门组合减两档曝光就是了。再测测边上的花丛，亮度比石头高出了4档光圈之多，把石头放在3区，花丛就被放在了7区，无论是底片还是数码的宽容度都该足够，挺好，按快门吧，你都应该已经能想象出能够得到一张什么样的照片了。(prevision 是亚当斯在推广他的理论时所宣称的重要优点之一。但这一点在当今数码 OK! 不知不觉，咱们已经按照亚当斯区域曝光理论虚拟操作一次了。体会到它的优点了吗?如果用点测光，测石头并曝光，石头出来是中灰(5区)，花丛就是9区!完蛋，曝过了!超过底片/数码的宽容度，只得到惨白的花丛。用点测，测花丛并曝光，拍出来花丛是中灰(5区)，石头可就成了1区了!完蛋!还是超过底片/数码的宽容度，欠曝，只得到漆黑的，没有质感的石头。那我用视场平均测光(这是亚当斯年代就有的)。那就得看运气了，你的暗石头占多大画面面积?花丛又占多少?其它背景很可能面积更大且可能很黑(地面阴影)，也可能很亮(天空或水面), 它们会主导视场平均测光的结果(因为面积更大)，所得出的曝光结果是你完全无法预料的。那我用*重点平均测光，评价测光，使用曝光锁定按钮……….. 这些都可以，但都不能保证给你一个暗而有细节的石头和明亮而有细节的花丛。只有亚当斯区域曝光法 – Adams’s Zone System 可以帮助你信心满满地做到这一点。 亚当斯的区域曝光法可以保证你得到反差漂亮的照片，可好多人看了都嫌麻烦。当然了，嫌麻烦的可不只一个两个，懒人有一个优点就是聪明，于是就总结出了亚当斯理论的简化版，就4个字：白加黑减。啥意思呢?道理很简单。 首先明确前提条件：点测光。凡是谈亚当斯的道理都是在谈点测光，白加黑减是亚当斯简化版当然也不例外。 千万别把视场平均测光混进来，那肯定绕糊涂! 然后定义‘黑’和‘白’。‘黑’，就是画面中最暗的部分。‘白’就是画面中最亮的部分。 请看这张照片。先用视场平均测光来介绍一下这个画面。这是冬季上午9点不到室内阳光直射下的一个音箱。画面中的‘黑’与‘白’分别用绿圈和红圈标示。看看曝光组合。一切都规规矩矩，有什么错嘛?没有。可画面就是那么平淡。看看那中间调，就一个字：肉!结论: 视场平均测光不是好办法!
定焦镜头的优势与选择的理由
很多摄影爱好者希望“一镜走天下”，对变焦范围小的镜头都不满意，更别说定焦镜头了，其实，真正从摄影的角度分析，定焦镜头有许多优势。 首先补充一点点英文概念：一只定焦镜头(prime lens)特指只有一个固定焦距的镜头，相对应的另一种镜头则是变焦镜头(zoom lens)，后者拥有可调整的多种焦段。虽然变焦镜头比定焦镜头在取景上更为方便，但是很多摄影者最终会选择一只定焦镜头作为自己最主要的拍摄伙伴，下面是最重要的6个让人钟情定焦镜头的理由。 1.实惠的价格 一般来说，定焦镜头要比变焦镜头的价格更低廉，相对变焦镜头，一只Prime Len采用更少的镜片组以及更简单的结构设计，一般来说，最出色的定焦镜头只有变焦镜头的一半价格，尤其是50mm焦段，几乎是各家最便宜的镜头焦段。 2.较小的畸变 畸变是变焦镜头最大的软肋，几乎所有涉及广角的变焦镜头都存在明显的畸变问题，而定焦镜头因为只需对一个焦段的成像进行纠正与优化，所以往往很少会出现畸变现象;另外值得一提的是，旁轴相机在广角畸变上比单反相机有天生优势，例如15mm/f4.5等超广角镜头甚至完全不存在畸变。 3.更锐利的成像 简单的镜片结构自然会带来更锐利的图像，尤其是那些含有ASPH非球面镜片的定焦镜头，在最大光圈下也能提供极为锐利的焦内成像。 4.柔美的焦外(Bokeh) 在相同价格下，定焦镜头可以比变焦镜头提供更大的光圈(事实上变焦镜头的极限光圈便是F2.8)，也就意味着更柔和的焦外虚化(Bokeh)效果，除此之外，定焦镜头的光圈叶片更多，接近圆形的光圈会提供最漂亮的Bokeh。
最新发布
使用好的网页制作软件提升网页设计效率
随着电子商务的兴起，电商网站如雨后春笋般群体突起，每个网站都想在众多的平台中脱颖而出，当然了，这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化，保持更新的难度似乎也越来越大，因为总有细枝末节我们无法顾及。万维网成长迅速，所有的电商平台都被带动了，贸易越来越“云”化，传统的电脑似乎成为了一朵沉闷乏味的昨日黄花，被手机和平板电脑取而代之，如果你一味的坚持传统，那我只能送你一句话：长江后浪推前浪，前浪迟早要死在沙滩上。今天我们给大家介绍的“免费网站代码制作器”不是一个新概念，但它现在处于成熟期，市场上这种工具种类繁多，很难选择。网页制作器使用方法非常简单，功能也很强大，最重要的一点是——免费！对于那些网站建设新手和还在学校学习的童鞋来说，有个东西练手实在是太重要了，为了让你们以后能够做出高大上的网站，我们不得不把这个工具分享给大家！这是多么大无畏的精神，我都被自己感动的落泪了…用这款软件制作网站只需要几分钟，并且可以正常运行，你需要做的步骤很少。首先点击“开始”，选择“模版”（如果你想自己做也可以不选择模版）。如果你选择了模版，别担心，模版也是可以编辑的，并且模板的类型多种多样，从文艺小清新到杀马特非主流应有尽有，任你挑选。不仅仅有网页版，还有手机版呦~下一步就要用到你的智慧啦——制作主页面，你可以选择喜欢的元素在顶部菜单中排成一排，这样嵌入、修改起来很方便，这些元素可以是音频、图片、幻灯片或者单独的HTML框架等。如果你懂一点儿代码知识，你可以通过编写代码来修改网站细节，这样的修改非常快速。当网站建设基本完成后，点击“完成”按钮，会跳出一个对话框，让你给这个网站起个名儿，起好之后就算大功告成了，你就可以在网络中查找到它了~你会收到一份PDF格式的支持指南以及一份用户服务电子邮件，服务里包括搜索引擎优化集成，网页分析以及最重要的免费托管。
详细解析2013年网页设计最热趋势
时光荏苒，岁月如梭，还有整整六天，2013年就将成为历史。在这一年里，我们见到了太多“所谓的潮流”，不知道大家心里对它们的看法如何。那么今天我们也想盘点一下自己心目中的“2013年最热门网页设计趋势”，是骡子是马，拉出来溜溜。01.响应式设计2013年，浏览器的建设中大量使用CSS3，这就加速了响应式设计的发展，所以“响应式设计”频频登上各大设计网站的头版，成为2013年网页设计最火热的趋势。小编掐指一算，这个趋势十有八九会延续到2014年，到时候你的顾客可能就会用专业的语气告诉你，哥要一个响应式网页!响应式设计的原理是网页图层会根据屏幕的尺寸来重编页码，追踪设备型号以及不断增多的用户描述等。Also read: 13 really useful responsive design tutorials02.扁平化设计2013年几乎人人都使用过扁平化设计的系统，不过，你是否觉得有点厌倦了呢?自从浏览器开始支持CSS3的文字阴影和图像阴影功能后，拟物化设计就成为了设计师们的心头好，同时，这种高于扁平化又低于3D的仿真效果也受到了广大人民的一致好评。
详细解析图标字体化设计过程和技巧
在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开始制作时考虑用双倍大小的Sprite图，通过CSS样式设置只显示二分之一尺寸，这样在Retina屏上显示的大小是正常的，一旦放大屏幕后图标又变得模糊不清，测试的效果不是很理想，后来又考虑多套图标适配方案、SVG矢量图等，都因为种种原因放弃掉了（如多套图标繁琐、Android 2.3不支持SVG格式等），为了解决以上问题，用到了图标字体， 通过查阅Icon Font相关技术博客和文章，并结合在项目中实际应用梳理出了图标字体化浅谈这篇文章，望对正在学习和使用的重构同学们有一个参考和帮助！文章内的内容参考了相关技术文章并加上自已的理解，错误在所难免，欢迎批评指正。下图为微社区用到的部分图标字体。字体图标除了图像清晰度之外，比位图还有哪些优势呢?1、轻量性：一个图标字体比一系列的图像（特别是在Retina屏中使用双倍图像）要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。2、灵活性：图标字体可以用过font-size属性设置其任何大小，还可以加各种文字效果，包括颜色、Hover状态、透明度、阴影和翻转等效果。可以在任何背景下显示。使用位图的话，必须得为每个不同大小和不同效果的图像输出一个不同文件。3、兼容性：
CSS实例教程：纯CSS3编写的面包屑导航
随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必能看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以学习研究一下。漂亮面包屑导航
写给设计师看的HTML&CSS入门指导
想做一个开发&设计并行的牛人？却不知道如何开始？欢迎观看本文，说不定会引起你对开发的兴趣，HTML&CSS是网页设计的基本。设计师应该时刻学习，不要仅仅局限于视觉设计的层面。那么该要如何开始HTML&CSS的学习呢？本文勾勒出了HTML&CSS的基本，即便不学，掌握这些基本知识也是很有必要的。整体简介在开始学习HTML&CSS之前，首先要搞清楚两者的区别。两者在整体上有着很明显的差异。整体看来，HTML是超文本标记语言,是用来构建框架的。而CSS值得是层叠样式表，统一控制HTML网页的外观属性。（而JavaScript是行为）标签、属性、元素是在掌握之前必须要了解的几点基础。元素元素是用来定义页面、内容、结构的一种标识符。一些流行的元素包括h1-h6，p,div,a,span,strong以及em.
浅谈热门有趣的信息图是怎样诞生的
很多设计师都对信息可视化、设计信息图非常感兴趣，在平时的作品中合理地加入一些可视化的元素，能瞬间提升设计质感和强化主题，这里我想给大家扯扯信息图设计的一些事，欢迎大家拍砖。什么是信息图?提及信息图，不可避免要先讲下时下热门的议题：信息可视化(Information Visualization)。大家从字面上以及平时工作学习中应该或多或少有了解，可以将它大致理解为：将复杂的信息通过图形样式清晰明了的传达给读者。信息可视化是一个跨学科的领域，其详细深入的定义这里不做研讨，本文主要针对其图形化的产物信息图进行介绍。可视化并不是什么全新的概念，生活中很多信息可视化例子：公共指示、统计图、星级评分、五线谱…信息图形(Infographic)，又称为信息图，是指数据、信息或知识的可视化表现形式。——摘自百度百科;信息图最初是指报纸、杂志、新闻通讯社等媒体刊登的一般图解。随着信息可视化在大数据时代越来越被人重视，以及越来越多的设计师热衷于以图形化的方式结合视觉上的美感将信息传达给读者，使得信息图越来越流行和被大众所喜闻乐见。将原本很难用语言表达的信息，通过图画来加以说明，使其容易理解，这是信息图设计的目标和理想。信息图的分类信息图的分类有很多种，各分类之间也并不是泾渭分明，所以大可不必纠结什么样的分法最正确，在木村博之所著的《图解力》一书中，他将信息图分为六大类：图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、和图形符号(Pictogram)。图解(Diagram)：主要运用插图对事物进行说明
超赞的静态信息图设计方法和技巧
这篇文章给大家分享静态信息图的设计方法。时间仓促难免有疏漏不足，欢迎各位指正，信息在“设计”之前应有数据的收集、整理等步骤，在完成之后，应进行整体规划。然后才是“设计”的步骤：先选择各个部分的图表基本类型，接着进行装饰，最后再进行整合：一、选择图表类型任何信息图表都是在一些基本图表的基础上，加以装饰。就像先有“骨架”再往上“贴皮”。在选择图表类型的时候，给大家推荐两个小工具：Choosing a good chart 英文版 、 Choosing a good chart 中文版它提供了一个选择图表的流程图，根据它的导引可以一步步明确需求，并最终找到合适的图表类型。Chart Chooser它提供一个需求筛选器，根据选择的需求为你筛选合适的图表类型
如果提高用户对于网站设计的第一印象
两个陌生人相遇，双方会在3-5秒内迅速评判对方，产生第一印象。是不是很残酷?他/她对你的初步评价5秒钟就完成了。这个第一印象的规律引发了我的思考，网页设计是不是也是同理?1. 保证独一无二的视觉冲击力不要追随潮流。剑走偏锋。虽然可能会失败，但是如果成功，用户会对你网站印象深刻。这款 Diesel的页面—— Diesel’s Fall Winter 2013就很有冲击力，情感效应极佳的图片，创新的导航设计，立即会引起用户的注意。Story Pixel做的也不错。复古的设计主题，一半是大地与作物，一般是翡翠色的天空，当你看到这么漂亮、有趣、独一无二的页面，你肯定想要继续浏览。2. 可以多尝试一下插画
详细解析网页设计中非常常见的错误
在设计网页的过程中，射鸡师们难免会犯点错。尤其是初出茅庐的新人们更加容易在实现新点子的过程中出错。别说是新手了，就算是经验丰富的行家也得注意提高警惕，避免犯这些错误。很多开发者越来越依赖网页模板来减少设计出错的机会。让我们来留心看看这些常见的错误吧。网页结构上的瑕疵很多设计师把握不好承载信息的空间与留白之间的平衡。文本、图片和菜单应放在能与之形成足够反差的背景上，通过调整各元素之间的间距来营造干净整洁的外观，拥挤的页面是不能抓住访客注意力的。创建网站的过程中记得检查页边距和padding样式。举个好栗子 → feedafever浏览器那些事儿你的网站应该在所有的常用浏览器里都完美展现。很多设计师只不过是忘记了检测浏览器兼容性，或者匆忙之中跳过了这一步。那些依赖网站模板的开发者们经常犯这种错。常用的浏览器有好几个呢，每一个又有一堆不同的版本，足以将事情搞得越来越复杂。之所以有如此之多的版本，是由于许多用户不肯升级他们的浏览器。要找出网站目标用户群体常用的浏览器，并针对它们检查你网站的兼容性。令人抓狂的导航这个错误可不得了，可以瞬间把感兴趣的访问者吓跑。访客访问网站时是冲着他们所需的信息而来的，这些信息应该最多在三次点击之内找到，而很多设计师把内容埋藏得太深了，使访客感到受挫。文本部分和导航元素应该被恰当地突显出来以引导用户，又有不少人在主页、产品、关于等栏目的标签上使用了用户不熟悉的词汇，导致他们产生困惑。网站模板对于需要开发新网站或者重新设计已有网站的中小企业来说是个很好的选择，能将正确的导航元素各归各位。
网站运用新趋势之神奇的鼠标滚轴动画
动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画，从最简单的基础效果到富有开创性的展示结果。毫无疑问，这种雪崩式的动画效果已经被认为是web技术史上最先进的技术。已经被永不满足现状的Web开发者们发展到了一个全新的水平。这些动画缓慢却很清晰，让网页设计师在页面上把交互和视觉都展现结合的淋漓尽致。最新的最火爆的最给力的网页设计趋势来了，快来看看这个神奇的视差滚动设计趋势。Kaipoche该网站致力于今年的风筝节。通过一个简单的滚动激活动画技术，它有一个真正充满活力和引人瞩目的设计。Bizbrain是一个先进的长页面网站。它通过精彩的彩色图熟练地演示了各种数据。各个版块都有各自相应的信息。Drugs and Alcohol on Campus这也是一个交互式图表，能够在不知不觉中给你最紧迫的问题提供答案。所有画面都是通过鼠标来激活动画的，使这些问题看起来不那么“干巴巴”的。