推荐阅读
3DMAX实例教程：VRay打造精致乡村风格餐厅
如何体现一个充满加州柔和阳光的空间呢?这次以餐厅这个空间作为主题内容。从最初的平面设定到空间的布光和材质的赋给，成图的后期处理，我们在这里将一一进行体现。最终效果图图00空间概要及说明：这是一套300多平米的别墅，在整体的设计风格上，我采用了美式乡村风格，混搭了一些地中海的元素进去，这套方案没有传统美式的原始粗矿和古朴质感，却传承了一点地中海式的精致。在主题上摒弃了繁琐和奢华，以舒适为导向，以享受为原则，强调“回归自然”，给人一种心灵上的释然以及回归大自然的淳朴的思路，打造一个安宁平静、舒适自然的美妙净土。(图01)图01平面设定和分析：分析平面图，首先我考虑的是这部分空间分为两块，即餐厅和厨房。当然以餐厅为重点。在这里我把厨房做成敞开式厨房，为了让这两个空间的衔接更紧密，功能更齐全，于是又考虑增加了一个吧台，有情调且实用。我们都知道餐厅以用餐为主，那么所有的功能都要以满足这个需求来产生。在家具灯具以及材料的选择上，也是要以美式的感觉进行搭配。比如铜艺的灯具，厚重的家具，本色的棉麻以及有着浓郁自然清新味道的植物。(图02)
身影画中游
视频叠加相信很多喜欢多媒体的朋友都尝试过，今天我们换个玩法，让的照片在视频影片里产生奇妙的“画中游”景观。使用的工具是友立公司的PhotoImpact 7和VideoStudio 6，操作方法也很简单。 制作无背景照片 启动PhotoImpact 7，导入准备好的人像照片。 按下主窗口左侧工具栏上的选取工具，根据照片背景的复杂程度，选择使用“魔术棒”或“贝氏曲线工具”来去除照片背景（如图1）。制作“画中游”影片 启动 VideoStudio 6，新建项目后按下主窗口右侧的文件夹图标，将准备好的视频剪辑导入到素材库中。 打开主菜单“故事板”选项，在素材库里选中导入的影片，将其拖至视频编辑窗口的“视频轨”中（如图3）作为背景影片。可以导入几段视频剪辑与后面的人像图片配合。影片长度可在编辑窗口里激活后任意拖拉调整，以符合整个影片剪辑的需要。 打开主菜单“覆盖”选项，激活视频编辑窗口的“覆盖轨”，打开主窗口右上角的“素材类型”卷展栏，选择“图片”素材库，按下主窗口右侧的文件夹图标，将准备好的无背景人像图片导入到图片素材库中，把它拉至“覆盖轨”里，激活后依前法拖拉调整播放长度，使其与背景影片长度吻合。我们这个实例里使用了两段视频和两个无背景人像，其长度分别是对应的。 导入的人像照片需要进一步调整，才能达到我们预期的效果。激活“覆盖轨”里的人像照片后，按下主窗口左上角的“动画”设置钮，进行各项参数的设置（如图4）。 提示：“运动类型”与刚才设置的人像位置是有密切关系的，如果人像从右侧滑入，我们需将人像位置设置在屏幕左侧，反之亦然，设置时最好将人像的位置移出画面二分之一左右，产生滑出画面的效果。 设置完毕按下主窗口里的预览钮看一看，效果不错，为了锦上添花，再为这段影片加上活动的文字标题，使它更加生动。选中主菜单上的“标题”选项激活文字标题编辑线，在预览窗选取你满意的文字渲染方式后，将其拖至编辑窗里的“标题轨”，在左上角参数栏设置好文字字体、颜色、阴影和动画方式。最后拖拉“标题轨”中文字标题调整播放长度，使其与相配合的背景影片长度一致。 VideoStudio有添加音效的功能，朋友们可根据喜好自行设置添加，在此不再赘述。 影片的保存或导出 我们的作品一切OK了！在预览窗中看到随着背景影片的播放，人像慢慢地滑入画面，又慢慢地滑出，下一个人像紧接着滑入进来，画面上还相应出现了绚丽的动画标题文字，融合成为一段天衣无缝的新视频！下面就把我们的作品保存起来。 选中主窗口“完成”选项，在这里可将它存储为自定义的视频文件，或直接创建刻录成VCD、DVD、SVCD等格式的光盘。 保存完影片后，还可以按下[导出]按钮，将这段影片制作成一张颇有新意的电子贺卡，搭配好贺卡页面，调整好影片大小和位置，生成一个自执行的EXE文件，就可以把它发给朋友一起分享你的快乐了
用Flash 8 AS代码写摄像头拍照功能
因为很久不做 Flash coding 了，所以也就很少关心 Flash 8 的新的 Class，但听大家说过有这个功能。本想从网上找段教程或 code 来做。可是发现国内还没有类似的。就只能自己动手丰衣足食了。 开始做法： 第一步：在库中建立一个视频元件，类型选择：视频(受 ActionScript 控制)。 第二步：将视频元件拖到场景中，并调整尺寸到想要的大小。并起名为“my_video” 第三步：在时间轴中粘入下边的 code。 Testing 发现有问题，拍出来照片只有 160x120 的区域有图像。并且图像变形了。 :eek: 什么地方出了问题呢？@#$%^&* (此处省略2小时 debug 时间……) 最后发现 my_video 复制到场景中调整大小时并不是改变 my_video.width 及 my_video.height 属性，而是改变 my_video._width 及 my_video._height 属性。原有视频元件的尺寸只有 160x120 。这就相当于将 my_video 作了形变。而 BitmapData.draw() 是不会考虑源元件的形变的。用官方的说法是： QUOTE: 源 MovieClip 对象不对此调用使用其任何舞台中转换。该源 MovieClip 对象会被视为存在于库或文件中，没有矩阵转换、没有颜色转换，也没有混合模式。如果您希望通过使用影片剪辑自身的 transform 属性来绘制影片剪辑，则可以使用它的 Transform 对象来传递各种 transformation 属性。
摄影教程：走近你的被摄者
和模特出外约拍，作品却都僵硬死板如木头?拍出来没有情绪，没有感觉? 也许只是你与你的模特还不够接近…… 本文将展示一位摄影师的拍摄心得，与你分享走近被摄者内心的要领~。 再走近一点就好 Robert Capa 说过“如果你的照片没有拍得很棒，那代表你还可以走得更近去拍摄”(If your photographs aren’t good enough, you’re not close enough)。 如果套用在人像摄影上，所谓的“没有走得更近”当然不是在说你跟 Model 的拍摄距离，也并不是叫你每张照片都跑到 Model 面前去拍大头特写，或是用百微去拍摄眼睫毛才叫做有 feel。其实我个人认为照片没有拍好，那是因为很多时候拍摄者并没有“走近”被摄者的“真实性格”和“内心世界”。在作品上，如果只流于“浅”景深、可爱十式或纯粹摄影技巧表现的话，作品难免缺少了深层次的演译，主题亦会变得空洞。 这照片有爱 这个副标题，是有一次跟我的*好友藤原克也先生讨论一辑人像作品时，他评论了某摄影人的作品，说了一句话：那照片有爱。 藤原克也大哥是*拍摄人像的大师级人物，也是《摄影之道-氛围×构图×主题的光影演绎》一书的作者。当时我在向他请教如何去拍摄感性一点的主题，他就回了我一句：“拍这个主题，要有爱”。 原来*摄影人在发表人像作品时，如果拍得很好的话，其它摄影人都会开玩笑式的留言：“有爱”，意思即为揶揄拍摄这个作品的摄影人，一定在拍摄的过程中爱上了这个模特儿，不然不可能拍出如此扣人心弦的作品。虽然听上去有些无聊，但想深一层，如果没有和 Model 做好沟通和引导，没有全神贯注地去发掘被摄者的表情，的确是很难构成一辑佳作。
最新发布
详细解析网页重构中页面细节处理心得
一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，也许会让用户会倍感贴心。轮播图如上图，轮播图上切换按钮(如上图小方块按钮)是用户对轮播图进行交互的重要入操作点，重要程度毋庸置疑，在分析设计稿的时候发现，按钮的可点击区域太小了，只有22×2!要用户完成图片的切换显然是一件非常痛苦的事，这会给用户带来不愉悦的心情。因此，我们得想办法让点击区域变大可能的解决办法：1、建议产品让视觉设计师把按钮改大一点。知会产品后，我们会先用代码把按钮调大，给出截图让视觉设计师看。高为3像素，视觉没问题，但点击区域还是太小，如下图：
10个好用的集资网站博客系统主题模板
如果你想建立集资网站，本文将为你介绍10个强大的博客系统主题模板。集资最近成为一个热门的趋势，随着Kickstarter的成功，很多人都开 始想创建自己的集资网站了。有什么方式能比直接使用博客系统主题模板更节约开发成本呢？网上开发所耗费的步骤减少，才能使你投入更多的精力用于开发市场， 寻找更多的用户。当你获得一定成功的时候，你就可以考虑定制特殊的方案，更好的满足你的需求。Franklin是一个制作精美的模板，它能100%响应。它的特点是既可以针对单独的对象又可以针对社区导向的集资。Astoudify主题是针对单个筹款活动的。不同于Kickstarter，Astoudify提供给你所有的总控制权。然而，你不能使用Astoudify创建类似于kickstarter一类面向社区的网站。此主题采用了时下流行的全屏幕风格呈现。FundingPress是另一个强大的主题，允许任何人创建Kickstarter的克隆。它有一个响应式的设计，页面生成器以及这类网站所有的付款方式选择。2013年5月推出的CrowdPress主题模板，已经从客户那里获得了5星评价，可见这个主题有多么好用。它使用支付自适应支付方式来收钱，能减轻你的工作。
详细解析简洁风格在网页设计中的应用
有一些设计者，经过一轮艰辛做了一个很少元素并看上去不错的网页，或者他们做的网页最后看上去不会很”复杂”。网上有很多关于极简设计用在网页上的文章，这篇文章目的是指导你如何让你的网页设计做到华丽却不失内涵。最重要的是，我们将为你展示一系列的设计，让你从中体会为什么一些设计可以做到这样的效果而另外的一些却不能。什么是极简设计?极简设计被描述成将最基本的元素呈现，并摒弃所有多余结构，色彩，图形和其他素材的设计方法。其目的是使主要内容浮出并成为聚焦点，从视觉角度出发，极简设计意味着要沉静并将最基本的元素作为中心思想。设计起源于瑞士而后广泛应用各种媒介：平面设计，建筑，音乐，文学，绘画等等领域，而最近更在网页的设计上盛行。尽管极简设计已在数十年前起步，早期的互联网并没有把它付诸实践。没有旋转的图形，选取框和夸张的色彩，网页设计混乱而沉冗。我们将为你介绍极简设计的基本准则。即使你不是追求极简审美，你也会通过这里来简化你的设计。少即是多就如人们常提及的那样，极简主义会在最前部带出最重要的内容并为用户最小化一切干扰。如果某一页有过多结构，用户会对每个元素的位置感到疑惑并曲解其本意。一个极简设计会将焦点直接放在内容上。举例说，任何黑白组合的设计都会吸引用户的注意力。颜色自身会成为焦点。让我们看看这个特别的例子。
10个经典的提高网站可用性的经验指南
我想每个人都会赞成，网站的可用性是它能否受欢迎的一个重要方面，无论你进行的是公司网站、在线商店还是其他，让你的界面变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界面优化的研究，而且这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享，相信我，这些建议会极大地提高你那个网站的用户体验，让用户爱上你的网站!这是一篇09年的老文章咯，但是这些技巧和经验并没有过时，所以我们依然翻译出来，推荐您仔细阅读。一、善用人物配图，使用户专注于你想呈现的当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢?当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同!(见下图)这是第一步：「根据眼球追踪的研究，我们先会关注这个直望着我们的小萌孩」「现在，小萌孩是仰望着右边文字的，与此同时，你是不是也把注意力转移到右边的内容呢?」这里是原始的研究报告 → usableworld.com，实践证明，如果其他人往某个方向望，那么人们也会跟着望同一个方向(参照脑筋急转弯：大街上有，有一个人仰着头站着。旁边的人以为天空中有什么好看的东西，都跟着往天上看，可天空中什么都没有。你猜那人怎么说?答案附最后..)基于这个特点，我们可以利用人物配图来呈现你想要让用户关注的内容。
浅谈如何更贴切的来设计手机产品
笔者身为音乐产品的设计团队中的一员，也同意这个道理，并且朝着这个方向使劲儿设计。然而，道理都知道，设计却很糙，要问怎么糙?一用吓一跳。先从自己说起，下面是某Q音乐产品某时期的歌单推荐样式，当然了，我们能见到的很多音乐产品也用着大同小异，换汤不换药的此类推荐样式。而下面这个某度音乐产品的瀑布流样式看起来更加上档次，颇有Pinterest的设计风格。再看看叫卖很努力的某易云音乐产品，果然有态度，洒家很多图。看完了中国互联网三座山的音乐产品的这几个例子，大家用脚都能发现我们面临的问题了，那就是我们成功地动用了各种专业设计力量和高雅音乐品味设计了一款款精美的,令人陶醉的，并且锲而不舍卖力迭代的“看图软件!!!”(其实躺枪的不仅仅是音乐产品，电商产品的各类美图图库更加让人心醉神迷，目不暇接，还请自备防弹衣，下回再表)
CSS实现用户界面开发和交互式布局
近几年的前端工程师接触页面编码的时候，Table布局的时代已经没落了，取而代之的是习惯用DIV来布局组织页面架构，当然这是大势所趋。更何况HTML5+CSS3的黄金组合已经越来越被推崇!而Table只能做回老本行：去组织和展现数据信息。今天我们要谈到是CSS里的display。算是另辟蹊径来谈谈tables吧。本文提供了简单可靠的UI布局解决方案，因为CSS tables十分简单易懂，因此在交互式设计中用起来十分方便。下面我们来具体介绍这些超赞的CSS属性。CSS 属性/值 模式能够实现很多用其他方式(如Flexbox)实现比较麻烦的布局。本文主要介绍display: table 和 display :table-cell。首先我们要解释一下这里没有任何新的技术，其实人们已经讨论这些技术很多年了。只不过很少有人知道它们并真正去使用它们。CSS tables首先大家要清楚，CSS tables只是用来展示的。也就是说，CSS tables 和 HTML table 标签没有任何相关联性，它们之间的使用互不影响。有些读者可能认为使用CSS tables是不好的，希望我们这篇文章能够澄清开发者概念中的一些混淆。我们以前常用的是将一个标签属性设为’display:block’，所以类似的我们只需要用’display:table’或’display:table-cell;’就可以了。这些属性纯粹是用于布局设计。为什么CSS tables 很棒CSS table 不是新的东西，它是CSS2.1章程里的内容。它的兼容性很强，除了IE7及以下版本，其他的浏览器它都可以使用。我第一次看到CSS table是在我读的一本书里，这要追溯到2008年，那个时候很多人认为这个技术不好用(那个时候IE8其实也只是刚刚出现)。但如今CSS table已经相对容易维护和开发。常见问题及实例让我们来看看这些CSS属性能做什么。
45个新鲜的Web和移动设备用户界面PSD素材
我们都知道，都清楚移动端这两年发展的速度。各大互联网公司甚至非互联网公司都在争夺移动端的入口。分析统计也显示人们使用移动设备的数值在直线上升。看看我们周边的朋友也会发现，习惯已经开始形成。人们更喜欢在移动设备上完成工作和娱乐。PC的黄金时代似乎就这样匆匆结束了。移动端的屏幕越做越大。设计和交互都是吸引用户的第一要素。如何设计出优秀的界面和完美的交互是很多产品经理掉尽头发的根源！今天我们分享出45个新鲜的WEB和移动设备的用户界面PSD套件。希望能让更大设计人员和爱好者以及产品经理得到更大的启示和更好的灵感。iPhone UISearch UIPolaris UI Free – User Interface PackFree PSD: Anarchy UI KitPSD User Interface Kit
推荐大家使用的CSS书写规范和顺序
写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。
99个漂亮的网页注册和登录页设计PSD素材
我们之前有介绍过一些很漂亮的网站登录界面，登录和注册是获取用户的第一步，是最能体现网站用户体验的地方。 这里我们又收集了更多的登录和注册界面设计，它们来自于国外优秀的设计师们，而基本都是设计稿，附带PSD，你可以下载下来用在自己的项目中。Wooodapp sign in pageSign In WidgetElegant Login Form DesignSimple Login FormLogin Form
当用户体验设计遇见色彩情感
小C：有一段时间没分享东西了，记得上次与大家分享过“情感化设计中的手绘应用表现”。今个再次煽情一下，与大家分享一点关于色彩情感的那些事儿，可能前部分的色彩介绍大家有了解过。但任何事情有因有果，所以还是先让大家了解下关于色彩的组成和色彩的情感等，再来简单说说在我们生活中和界面设计中的运用所带来的感受，以及人们对色彩的喜好偏差和色彩的决定性作用等等。一、关于色彩1、色彩色彩，对于人类而言，始终属于自然界最神奇的奥妙之一，永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地，充满着各种多采多姿的色彩，哪里有光，哪里就有颜色。有时我们会认为颜色是独立的：天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上，其实色彩并不会单独存在，漂亮的色彩搭配常常可以让画面更加吸引人你的目光。色彩就像是音符一样，没有某一种颜色是所谓的“好”或“坏”，唯有一个个的音符组合起来才能谱出美妙的乐章，才能说是协调或者不协调。2、色相环色相环告诉我们颜色之间的相互的关，在很多关于色彩文章中，都可以看到色相环的身影，它是我们选择颜色的一个强有力的工具。色相环是指人类的肉眼可以辨识的色彩色相所组成的色环，它由12种基本的颜色组成。包含三原色，即红、黄、蓝，原色混合产生了二次色，即橙、绿、紫，二次色混合产生了三次色。三原色是色相环中所有颜色的“父母”。在色相环中只有这三种颜色不是由其它颜色混合而成，在色环中的位置是平均分布的。二、色彩情感每个人有自己所喜爱的音乐，同样每个人也有自己钟爱的色彩，每一种颜色都有一种寓意。色彩做为第一视觉语言，当人类初接触到一个事物产生第一印象时，色彩的吸引力往往高于其造型所产生的印象。适当的应用色彩能够增强画面感染力，提升产品印象与感觉，而不同的色彩常常左右了产品最终给人的感受。色彩具有象征性，而且色彩的象征性具有区域性，民族性。说到象征我们脑海里首先会蹦出：红玫瑰象征炽热的爱情，黄色总是与富丽，权利地位相连，白色纯洁，蓝色优雅平静，黑色肃穆，邪恶等。因为颜色具有象征性，所以我们要分场合着装，送礼等。