推荐阅读
绘制金属质感噪声分贝检测仪图标的PS教程
本教程主要使用Photoshop绘制金属质感的分贝检测仪图标，重点依然是图层样式的运用，而且会多次用到布尔运算，这是PS课程中特别重要的一个知识点，不熟悉的同学建议来练个手。先看看效果图我们从背景的创建开始，我用的尺寸是1000*800像素。创建一个“渐变填充”调整层，设置如下：画一个600*600像素的圆，设置填充为0，并添加一个斜面和浮雕。设置前景色为#312f35，利用布尔运算，画出下图中的这个圆环。这个不多赘述，不懂的可以百度下。
flash中MP3导入及同步歌词的方法
通过Goldwave软件解决flash导入MP3时提示“一个文件或多个文件无法导入”音乐问题。及使用脚本语言简单、轻松实现歌词和音乐的同步。 了解音乐的几种常见格式： 1、mp3（mpeg-1 audio layer 3）： 能够以高音质、低采样率对数字音频文件进行压缩。换句话说，音频文件(主要是大型文件，比如WAV文件）能够在音质丢失很小的情况下(人耳根本无法察觉这种音质损失)把文件压缩到更小的程度。 2. wma(windows media audio)：是微软在互联网音频、视频领域的力作。常常用于在线收听和广播的首选，wma格式是以减少数据流量但保持音质的方法来达到更高的压缩率目的，其压缩率一般可以达到1：18。 3. wav 也叫一种波形声音文件格式，是最早的数字音频格式，被Windows 平台及其应用程序广泛支持。采用44.1kHz 的采样频率，16 位量化位数，跟CD 一样，对存储空间需求太大不便于交流和传播。 属性（采样频率）： 1、5KHZ：只适合于说话声音 2、11khz：相当于电话音质。是标准CD采样率的1/2，是最低的推荐品质 3、22khz：相当于FM广播的声音品质。相当于标准CD采样率的1/2，是供WEB播放的通用选择 4、44khz：理论上的CD音质界限。标准CD采样率
用3DMax预设动画创作Cult3D作品
前言: 好久没有接触旧爱Cult3D了，今天终于重新装上了3Dmax4.0。高兴之余，禁不住手痒，随便搞些3D练练手。突然想起来论坛上兄弟们经常问到的一个问题：如何使用在3Dmax中预设的动画问题？唉，本来以为其他兄弟可以协助解决，结果现在86VR上还是没人来回答。哎，好事做到底，送佛上西天，趁今个心情好，就做个实例来演示一下，希望对急需的兄弟有所帮助。 准备工作: 需要3Dmax建模 需要安装有Cult3D designer V5.3.0.117制作交互效果，本次演示用了我自己汉化的版本。 操作步骤： 一、3D建模: 说明：兄弟们谅解，我的建模水平实在是超低级，怕瞎搞出来的东西对不起兄弟们的眼睛，所以借用了一个任我虚拟老大给我的瑞士军刀3DS模型。在3ds max 4.0中import导入后，稍加些动画调整后完成建模工作： 完成带有动画的模型制作以后，接下来是作品输出啦，首先指定输出C3D格式的Cult3D designer交互素材输出的位置：接下来，在弹出的Cult3D Exporter对话框中的Nodes节点中Animation动画属性选定Matrix animation矩阵动画就行了。 点击Viewer预览按钮后，我们就可以观察到输出的C3D文件自动增加了动画属性，并动态显示出来。 不过很可惜，仅仅这样还不能达到我们最终的实用浏览目的，所以需要我们在Cult3D designer进一步地最精彩的交互设置，给我们的作品以最美妙的生命力。 二、交互创作: 导入已带有动画属性的C3D文件： 创建一个虚拟组合，以便更好的管理众多的几何零部件： 在事件图中首选拖入一个“世界启动”事件，在“行为”中拖入了“鼠标-Arcball”行为到世界启动图标上，事件图将自动在“世界启动”事件和“鼠标-Arcball”行为联接上一根关系线。 右击鼠标，在弹出的“参数”对话框中选择指定“鼠标-Arcball行为”的指定对象。 右击鼠标，在弹出的“详细资料”中可以从新设置鼠标各键所赋予在浏览时对物体设置的交互功能。 上述操作，完成了瑞士军刀Web3D显示时最基本功能设置。这个操作也是目前大多数Cult3D作品展示时所要求达到的。 三、作品输出： 辛辛苦苦大半天，一不小心回从前。费了半天的牛劲后，就要进行作品的最后工作，输出作品啦，在文件菜单栏中选择“发布为网络文件”命令： 在弹出的“保存设置”对话框中进行必要的设置，这里主要介绍一下作品的优化。 在几何体面板中点击“全选”按钮选定全部几何体，然后在“压缩优化类型”为Mesh Level 2，选定“精确保存”有效，这样我们就可以手工指定几何体和纹理帖图的压缩优化率了，也可以点击已设置给定的“高”、“中”、“低”压缩率按钮进行优化压缩。 最后，点击“保存”按钮，Cult3D就完成CO格式的网络文件发布。 OK！让我们点击打开完成的Cult3D作品，端起一杯咖啡，点上一支雪茄，在心爱的电脑屏幕前静静欣赏了。
摄影器材普及：教你认识画幅与镜头规格
许多玩家刚接触佳能单反时，普遍都会被一堆专有名词搞得一头雾水，以下我们就从感光元件片幅到镜头相关规格开始谈起，希望透过详尽的解说与图示范例，让大家在进阶操作时能有更清晰的基础概念。 什么是APS-C画幅? 早期单反刚起步时，由于感光元件物料高昂，再加上生产效率低，所以即便当时已有全画幅(尺寸与传统底片相同;36×24mm)研发能力，但是碍于成本较高，实在难以付诸量产。有鉴于此，佳能开始研发小画幅的感光元件(即是现在普遍所见的APS-C画幅)来降低成本，虽然其画质及感光能力都不及全画幅来得好，但因符合经济效益且生产效率高，所以截自目前为止仍为市场主流产品。 站在同样的位置上拍照，可以明显看出5D(全画幅)与20D(APS-C画幅)间的视角差异。 APS-C由于画幅较小，所以在拍摄时需乘以1.6×的焦距转换率才能达到和全画幅相同的拍摄视角，以50mm标准镜头为例，装载至EOS 20D机身上(APS- C)的视角为30.5°，但30.5°在传统135相机上却为80mm焦段镜头的拍摄视角，彼此间有着1.6×的焦段落差，这也是为何50mm标准镜头装在APS-C机身上会变成80mm中长焦段镜头的主要原因。 什么是EF及EF-S? 佳能镜头群主要分为EF与EF-S两种类型。EF是佳能电子化后最早发行的自动对焦镜头款式，不仅可适用于传统相机，还能搭载各式画幅的DSLR使用，是佳能目前应用率与普及率最高的镜头类别。至于EF-S(S指Small Image Circle)则是Canon针对APS-C画幅DSLR所研发的特殊镜头，由于其成像圈比一般镜头小，因此能达到缩小镜头体积的目的，但缺点是该系列镜头无法搭载至全幅机种(如EOS 5D MarkⅡ)使用，而这也是唯一美中不足之处。 全画幅与APS-C画幅成像示意图 佳能在镜头及机身上皆采不同符号识别(EF镜头采红点标示、EF-S镜头则采白点标示)，所以使用者可以很清楚的辨别如何装卸镜头。 朋友们在了解佳能系统的画幅及镜头规格后，是否也更懂得如何运用手边的器材了呢?
最新发布
详细解析WEB设计中的视觉层次
视觉层次是什么?领导和客户经常说的一个点就是，xxx，这个设计总感觉少了点什么东西，太”平”了，没有层次呀，你再改改吧~~你脑中可能一片雾水，层次听过也知道，但怎么做呢?那什么是视觉层次呢?其实视觉层次没有明确的官方定义，但我们可以理解为通过点、线、面、色彩、图形等造型元素来表达平面构成与空间构成的方式，合理的点、线、面、色彩、图形的排布会让平面和空间更加合理，即有视觉层次。视觉层次通过很多方面来体现，比如颜色、元素的大小和对比等，由于本人是做游戏视觉的，以下会多用游戏网站来给大家讲解如何在做网站时把视觉层次做好。但设计是相通的，所以时于其他行业的设计也是适用的。画面元素的层次在做设计的时候，如果你只是把素材啪啪的放上去，而不去处理元素之间的层次关系。比如元素之间的光源和透视，那么做出来的东西肯定会显得平乱花，如下图：大家可能会有疑问，该放的元素我也已经放了呀，怎么还是会显得没有层次呢?咱们可以从-些好的摄影作品中去学习他们的处理元素的手法。视觉层次和摄影中透观其实是-个道理，这会让你受益匪浅。上图这些都是我对照片的-些解析，大家从图中可以看出，摄影师处理视觉层次的-些手法。一般摄影照片中都会存在前中远三景，并通对这三者的不同处理方法来实现视觉层次。如果把前景作为视觉中心(如图一图二)，那么前景一定最大最清晰明亮可见的，远景一定是最模糊视觉上最弱的。如果把中景作为视觉中心点(如图三)，那么前景和远景在视觉上是最弱的。这样处理的话，整个照片就显得很有层次。看着也自然。因为人眼也是这样看事物的。至于如何加强或弱化，无非就是大小、明暗、清晰度。说了这么多，那么这些跟咱们的设计有毛关系呢，这些如何用到咱们的网页设计中呢?让我们看看优秀的设计师们是如何处理的吧~
运用视觉表现建立网页的信息层级
作为视觉设计师，我们的作用除了最基本的满足用户审美需求，还会有品牌传达，信息传达，功能传达等，其中想要信息有效的传达给用户，需要我们建立信息层级，而不是一股脑的丢给用户自己理解，要做到这点有哪些视觉方法，这些方法的背后是否有理论依据，是本文的主题。首先看下面两张图，左图为相机拍摄的效果，右图为人眼不移动时看到的效果，可以发现人眼对信息的获取并不是一次性完成的，它不能同时产生多个焦点从而把视线停留在更多的地方，设计师需要考虑的是让用户通过眼球移动，按照一定的顺序获取信息，帮助获取和理解的过程高效自然。这个设计方法希望解决的主要是两个问题：1、用户获取和理解信息的效率建立良好的信息层级，能让用户在有限的时间里，快速获取和理解有用、感兴趣的信息，并产生下一步行为;2、设计师的专业性设计师有意识的分析信息优先级，了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据，不仅仅凭感觉做设计。一、前期了解&分析在开始设计前，除了对项目本身的背景目标有所了解外，视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向，包括页面定位、氛围营造、信息优先级和用户核心行为。
如何简化输入让网页表单变得更亲切
大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得。1、 更高大的输入框增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。2、 添加选取器与其让人输入不如提供选择，选取内容只要点几下，就自动填充进输入框，不但可以减少输入障碍，还能预防出错。可以把任何希望的数据做成选取器，比如日期、颜色、地址或者历史记录等等。举个例子：前面的“对方开户姓名”输入框，需要填写对方的姓名，如果对方名字里有汉字不认识该怎么办呢?于是我们可以加上一个生僻字的选取器，如图：打开字库，可以根据模糊读音选取汉字填入输入框。另外，姓名输入框有校验，选取完成后不要忘记对输入框内容进行再一次校验。
23个Facebook Paper中的设计细节分析
Cocoachina：Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题，在App Store里也获得了很高的用户好评率，当然也有不喜欢这款应用的用户，包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来，Paper中一些细节设计和交互设计还是给人带来很大的惊喜，以下是我认为值得与其他设计师分享的设计细节。（温馨提示：动态gif 图稍大，等一下就可以流畅看咯）Facebook（脸谱）推出的移动新闻阅读应用Paper在发布后的短短一周，其下载量在苹果应用商店迅速攀升，并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日，即社交网络巨头Facebook成立十周年之际，正式发布的。Facebook创始人马克·扎克伯格（Mark Zuckerberg）曾表示，自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯，以便推送用户乐意看到的精准信息，扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是，目前只有美国区的苹果商店上架了该应用，可以免费下载，但不提供iPad版本，Android平台何时上线未知。内容做成了一张张卡片早在1月底，Facebook就宣布将在其成立10周年之际推出新产品，市场也早已风传Facebook要推新闻阅读应用，但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称，是最好的Facebook应用。说到细节，就不能不提Dribbble，来看看上面有哪些逆天的icon，还有哪些大牛级别的设计师吧。涨姿势时间：来了解下Facebook Paper 的设计主管：Mike Matas。
8款开发师方便快捷的的CSS开发工具
当你开发一个网站或Web应用程序的时候，有合适的工具，绝对可以帮助您节省大量的时间。在这篇文章中，我为大家收集了超有用的 CSS 开发工具。对于 Web 开发人员来说，找到有用的CSS 开发工具，就像找到一个魔灯，可以让他那些艰难的任务变得有趣。CSS 开发工具帮助开发人员创造更加时尚，更有创意的网站。Pure CSS 来自雅虎，是一组 CSS 模块，您可以作为基础在每一个 Web 项目中使用。它使 CSS 开发更容易，整个框架看起来很干净，专业。如果你还没有用过的话，尝试一下！在大的项目中，保持 CSS 文件的简洁和紧凑是非常重要的。不过不要担心，CSS Trashman 可以帮助你。这个在线工具检查您的网站，压缩样式，让你下载一个超级干净的版本的网站 CSS 文件，这样你就可以安全地删除它们。Bear CSS 是一个美丽的网站，也是一个超级有用的工具。只需创建一个 HTML 文档，并把它上传。Bear CSS 会自动在 HTML 元素的基础上生成一个可下载的 CSS 文件。CSS 精灵技术是一种减少 HTTP 图片请求的好方式。Glue 是一种简单的命令行工具，转变一组图像到一个文件中，因此您可以轻松地在您的网站上使用 CSS 精灵技术，超有用！
浅谈留白在网页设计中的合理使用
优秀的网页设计需要关注许多方面，而空白的运用肯定是其中之一。空白是围绕设计元素，如图像、文本的空白空间，使布局干净和精致。可千万别理解成是使用白色，或者把背景设置为白色。比如画画、画画需要留白。艺术大师往往都是留白的大师，方寸之地亦显天地之宽。南宋马远的《寒江独钓图》，只见一幅画中，一只小舟，一个渔翁在垂钓，整幅画中没有一丝水，而让人感到烟波浩渺，满幅皆水。予人以想象之余地,如此以无胜有的留白艺术，具有很高的审美价值，正所谓“此处无物胜有物”。BrightByteWho’s your SantaCory GibbonsMetta Skincare
以纯文本和背景图式的网页欢迎页面设计
文字与背景图片是每个现代网站都具有的重要元素,这两项首先映入用户眼帘，使他们熟悉网站标志、简介和导航。搭配合适的照片或图画，创造所需氛围。文字与图片在网站的视觉和内容方面同时发挥作用，它们的组合极为有效，甚至只用这两种元素就足以建立一个与众不同魅力十足的欢迎页。它们在一起可以打破任何限制，巧妙地相互结合与补充，脑海中的任何想法，都可以通过它们实现。今天我考虑尝试一种更为极简主义的方式，让页面除了这两项基本元素之外再别无他物。我深入了解收集了一些网站案例，它们的首页都只包含背景图和精巧的文字。极简风格欢迎页：文字与图片Life of Pi少年派的奇幻漂流冒险氛围十足。欢迎页面华丽的朦胧风格，和粗边框中的朴素白色文字都令人着迷LevanteLevante用优雅的女性化字体来装饰轮播大图。顶部细长的深色导航条，用整齐的浅色字与主页相互映衬
10大Web设计趋势详细分析
如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势?12月份对即将过去的一年中网页设计发展进行回顾，总会发现很多让我们感到欣喜的变化。去年我们同样预测了2013年互联网设计出现的10大趋势，比如交互设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在2013年确实成为设计的主流，并且估计在2014年仍将延续。1. 个性化排版我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待着在2014年设计出的网站能够更多地从细节体现个性。2. 扁平化设计去年的10大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而“扁平化”的极简主义则是和“拟物性”相背行，在iOS7中明显感到更加简化的图表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受，而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计，几乎所有可以修改的设计都加入了扁平化的元素。苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在2014年仍将持续。3.大背景图打败幻灯片动态显示
10个优化网页工程师简历的小技巧
是不是要开始准备求职了呢?要知道几乎所有的雇主都希望找到更好的雇员。那么如何保证你的简历会在简历库中脱颖而出呢?其实和网站开发性能调优一样，你需要有效的“优化”你的个人简历。相信大家对于简历的优化都有自己独到的见解和经验，也都会明白打磨个人简历的重要性，这里今天这篇文章中我们列出了10个重要的优化小技巧，希望能够帮助大家写出更好的简历，找到自己中意的公司和职位!01：要聪明的选择简历中的关键字不要只使用固定形式的关键字，对于技术日新月异的今天，你需要添加多种不同形式的关键字到简历中，一般高科技类的招聘人员会使用不同的方式来搜索简历库中的简历，一定要保证你的简历能够尽可能多的在搜索结果中出现，比较好的方式是添加一些比较流行的关键字，比如，jQuery，Dojo，Kencha等等02：要尽可能的增加社交曝光率在社交媒体泛滥的今天，有很多的知名社交网站或者技术社区可以帮助大家来扩展自己的知名度。国外的比如*，国内比如CSDN，iteye等等，如果你能够在这些网站中攒够足够的知名度的话，肯定会吸引一些用人单位的关注。03：创建自己的博客最有效的方式来展示你的技巧和能力的方法之一就是创建自己的博客。一个知名的博客可以帮助大家更全名的了解你的专业度和知识。当然，写博客最重要的是在于坚持，但是相信对于坚持的结果绝对大于你的付出，国内很多知名的技术博客，例如：酷壳，前端观察，CSS88，GBin1等等，这些博主都在自己的领域拥有一定的知名度。04：参加各种竞赛参加一些web相关的编程比赛绝对是提高自己web上知名度的一个好方法。很多比赛都吸引了大量眼球，这个方式能够让你的名字出现在很多雇主视野中，比如，baidu的云开发等等
使用好的网页制作软件提升网页设计效率
随着电子商务的兴起，电商网站如雨后春笋般群体突起，每个网站都想在众多的平台中脱颖而出，当然了，这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化，保持更新的难度似乎也越来越大，因为总有细枝末节我们无法顾及。万维网成长迅速，所有的电商平台都被带动了，贸易越来越“云”化，传统的电脑似乎成为了一朵沉闷乏味的昨日黄花，被手机和平板电脑取而代之，如果你一味的坚持传统，那我只能送你一句话：长江后浪推前浪，前浪迟早要死在沙滩上。今天我们给大家介绍的“免费网站代码制作器”不是一个新概念，但它现在处于成熟期，市场上这种工具种类繁多，很难选择。网页制作器使用方法非常简单，功能也很强大，最重要的一点是——免费！对于那些网站建设新手和还在学校学习的童鞋来说，有个东西练手实在是太重要了，为了让你们以后能够做出高大上的网站，我们不得不把这个工具分享给大家！这是多么大无畏的精神，我都被自己感动的落泪了…用这款软件制作网站只需要几分钟，并且可以正常运行，你需要做的步骤很少。首先点击“开始”，选择“模版”（如果你想自己做也可以不选择模版）。如果你选择了模版，别担心，模版也是可以编辑的，并且模板的类型多种多样，从文艺小清新到杀马特非主流应有尽有，任你挑选。不仅仅有网页版，还有手机版呦~下一步就要用到你的智慧啦——制作主页面，你可以选择喜欢的元素在顶部菜单中排成一排，这样嵌入、修改起来很方便，这些元素可以是音频、图片、幻灯片或者单独的HTML框架等。如果你懂一点儿代码知识，你可以通过编写代码来修改网站细节，这样的修改非常快速。当网站建设基本完成后，点击“完成”按钮，会跳出一个对话框，让你给这个网站起个名儿，起好之后就算大功告成了，你就可以在网络中查找到它了~你会收到一份PDF格式的支持指南以及一份用户服务电子邮件，服务里包括搜索引擎优化集成，网页分析以及最重要的免费托管。