推荐阅读
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 做好沟通和引导，没有全神贯注地去发掘被摄者的表情，的确是很难构成一辑佳作。
最新发布
来和小伙伴一起学习响应式网页设计
响应式设计现在已经成为网页设计师学习的焦点。优设哥发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，我们怎么能不对它进行了解呢?响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。当你不知道用户使用什么设备，不知道用户的屏幕尺寸时，若想达到较优布局，可以采用响应式设计。在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。响应式网页设计过去，上网需要一台电脑，一个猫。现在呢，手机、平板、电视都可以上网。Responsive Web Design, 由Ethan Marcotte编写， A Book Apart出版，对响应式设计的原则进行了详尽的阐述。
浅谈网页设计中半透明的运用法则
使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡，使得颜色减淡，并且透出后方内容。执行到位的话，这种效果会非常震撼，能划出一块绝佳的文字展示区域，或者作为吸引注意力至图像某部分的手段。但是使用半透明时，设计师必须小心谨慎。这种效果很难处理得当，因为事关可读性。透明度使用错误的半透明块和文字也，会能散注意力，并且破坏整体设计效果。接下来看一套行为准则，附带一些半透明效果在网站上的优秀执行案例。通过半透明来形成对比选用半透明设计技巧的最大好处，是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点。半透明也可以在背景图不能很好展现上方文字时，将文字分离开来。
20个国外唯美的暖色调网站色彩欣赏
SweetCake – One Page PSD ThemeLe SALÓNBrand & Web Design: Dotty Rose – Cakery & Sweet Treats – Mood Board, Brand Styling, BrandingThe Sky tells me… | Personal Website One PageWes Anderson
20款优秀的网页交互流程图设计欣赏
Information Architecture by Kellyn Loehr User Flow by Eric Ressler Simplified Checkout Process by Michael Pons User Flow by Mackenzie Child Flowchartby Eric Miller
详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用，响应速度都是最重要的体验指标之一，并且移动应用的网络环境不稳定，速度的体验显得尤为重要。其实速度优化不仅是程序员的事，设计，也能够让APP变得更快。1.后台执行这是一条很通用，也容易理解的方法。用户不会愿意盯着进度条傻傻地等待，除了“取消”没有其他选择。在系统处理一些网络任务的时候，完全可以允许用户做一些其他的事情。各大平台的发微博，都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频)，是个反例。网络不给力时，要么等待1分钟让图加载完，要不就只好放弃看图。为什么不能让图加载的同时，用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点，客户端的显示内容包括本地数据和网络数据两部分。在设计界面时，将更多的信息放在本地，在网络数据未载入时即显示本地数据，让用户产生一种“已经载入一半了”的错觉，即使最终的耗时一样，心理感受也会更快。当然把数据过多地写在本地，会牺牲一些灵活性，需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面，虽然同是静态图片，但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”，让人感觉“点击后立即就启动了”。
浅谈那些大胆忽视设计趋势的网站
作为网站设计师，我们很容易就迷失在流行设计的风潮中。比如说，最近颇为流行的扁平化设计已经成为了成千上万的网站争相应用的形式。然而，提升设计固然重要，一味跟随最新流行趋势却让我们的网站千篇一律毫无特色。值得我们关注的是，那些真正富有创意的设计如何大胆的对抗那些所谓的流行趋势，坚守自己的创意之路，推广他们独特的时尚感。这篇文章展示的是设计师们如何通过自己的作品来传递他们的个性，对于视觉的鉴赏力，还有他们无处不在的天赋。所有的设计都别具一格，独一无二，却都美不可言。希望这些设计能激发你的灵感，为你的设计生涯找些平衡。了解最新的流行设计趋势很重要，你可以从中学习，但是更重要的是你能找到自己专属的风格。Oleg Postnikov这个网站是由设计师Oleg Postnikov创建的，也是他审美和设计理念的大胆宣言。通过排印，简单的图像使用单一的鲜亮颜色，布局不同寻常，错落有致。同时他也展现了对插图的偏爱和现代感的钟爱。Beta Takaki这个网站采用的是和上述网站完全相反的处理方式。它的特点是大大的图片搭配很小的简单的字体。水洗灰色构成了大部分的底色，创造出冷静，简单抽象的氛围。和上面的网站一样，这个网站同样现代化的无可挑剔。Benjamin Sheppard
网页设计总结之让设计作品更上档次
大家都知道”细节决定成败”这句名言不仅在其他行业非常重要，而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的，对于一个页面没有得到需求方的认可，但是他们又说不出什么理由，这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那我们具体该如果做好细节呢? 下面简单介绍一下。字符字符是页面中不可缺少的部分，页面上最重要的部分。所以这部分细节是最基础的，也是最不可忽视的。网页上80%的信息是以文字形式传达的，任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。字号字号的选择是根据功能需要而定的，字越大给浏览者的视觉冲击力越强，一般用于标题或其他需要强调的地方。小字整体性强，页面易产生多个中心，缺乏美感，时间略长，浏览者易产生视觉疲劳。最适合网页的字体大小为12磅，如果在一个页面内容较多，通常可以用9磅的字号，随着互联网飞速的发展，在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达，在官网及专题里文字都不会像门户类页面那么多，所以常规情况下最小保持10.5磅以上字号。标题文字的运用
浅谈高大上的动态设计方法及流程总结
在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而且最终的测试demo也差强人意。因此，我们通过研究当下的动态设计趋势以及PC端的交互特征，在QQ空间V8新版中做了动态创新探索，同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。这是QQ空间团队开发V8新版后总结的文章，对动态设计的总结详实且条理性强，配图也很形象，是一篇难得的好文，相信设计师们阅读完会相当受益 : )一、流动的趋势众所周知，早些年流行的flash主页因其酷炫的效果风靡一时。如今随着html5和css3的发展，在配合高端浏览器的使用环境下，用户可以体验到更流畅顺滑的动画效果。同时，手机端的动态设计效果也提升了用户感知度、提高了产品的易用性;考虑到体验设计的一致性，动态设计还应兼顾跨平台和终端的拓展效果。动态表现对传达产品功能、拓展用户的感官体验等方面起着举足轻重的作用。如：进程类演示类动画，内容不再是从0到1的跳转，加入了动画过渡，让复杂的程序语言转化为动态视觉语言“我正在处理你的内容，请稍等”。一方面可以带给用户安全感，另外也缓解了因等待而产生的焦躁感。二、动态设计探索
新手教程之如何设计Favicon站点图标
现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了(favicon)，是“favorite icon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处，根据我们操作系统和浏览器的不同，还有可能出现在其他地方。我先给大家科普下：favicon，即Favorites Icon的缩写。favicon 就是出现在浏览器地址栏左侧的那个小图标。favicon，中文名称是网站头像。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。由于他们不同寻常的文件格式和超级小的图像尺寸使得设计师们在设计这些图标时显得很费劲。更加见鬼的是，人们有时候甚至纠结于这单词的发音(我曾听人说“fah-vee-con”和“fave-eye-con”,尽管前者更常见)。啊，穿过一切没用的元素，直击主题吧!好文推荐：第二弹!那些你不知道的photoshop冷知识之乾坤大挪移高手支招!怎样分辨图片是否被PS过设计一枚favicon创建标识是设计的第一步。一个好的favicon应该在本身小得如同表情的情况下捕获网站的本质，并且在非常紧凑的空间里传达你的品牌。Favicon最常见的形式是该公司的商标标志(并非完整的标志与文字合并成的商标)。
设计大师漫谈响应式网页设计心得
1. 如何理解响应式设计(RWD)zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果 我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个例子，我的应答对象就相当于我们要讲的响应式的设备，他必须能够解析 我发给他的需求。然后咱们再讲一下设计，设计的官方解释是这样的：1.设下计谋。2.根据一定要求