推荐阅读
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。首先新建一个400×300的白底图像，新建一层，利用形状工具椭圆〖U/SHIFTU〗，在公共栏选择第3种绘图方式(填充像素)，调出信息调板〖F8〗观看数值，用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板，点击右上角圆三角按钮，选择“替换样式”，在出来的样式列表目录中选择“Web翻转样式”，确认目前选择的是新建层，然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并，然后【图像>修整】，如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处，或右下角最后一个像素处的颜色，在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层，对复制出来的图层使用曲线工具，合并高光和暗调区域(高光点229,255；暗调点60,0)，形成加亮按钮的效果。如下左图。完成后我们得到两个图层，分别是暗色按钮的背景层，和亮色按钮的背景复制层。如果以上步骤无法完成，点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗，或点击工具栏最下方按钮，将会跳转到ImageReady中，这是Photoshop附带的一个软件，用来制作动画和网页。我们找到Web内容和图层两个调板，如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后，我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过，是随着鼠标的接触而发生的。这里涉及一种概念，叫事件和方法。我们的日常生活就是由许多事件和方法组成的，比如口渴是事件，喝水就是解决这个事件的方法。肚子饿是事件，吃东西就是方法。想学习是事件，看《大师之路》就是方法等等。这其实就是一种编程的思想，和人一样，电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路，去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触，我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后，显示亮色按钮层(背景副本层)。
AutoCAD 2007 入门教程-CAD图形的输入输出
AutoCAD 2007 提供了图形输入与输出接口。不仅可以将其他应用程序中处理好的数据 传送给 AutoCAD ，以显示其图形，还可以将在 AutoCAD 中绘制好的图形打印出来，或者 把它们的信息传送给其他应用程序。此外，为适应互联网络的快速发展，使用户能够快速有效地共享设计信息， AutoCAD 2007 强化了其 Internet 功能，使其与互联网相关的操作更加方便、高效，可以 创建 Web 格式的文件 (DWF) ，以及发布 AutoCAD 图形文件到 Web 页。 AutoCAD 2007 除了可以打开和保存 DWG 格式的图形文件外，还可以导入或导出其他格式的图形。 导入图形 在 AutoCAD 2007 的 “ 插入点 ” 工具栏中，单击 “ 输入 ” 按钮将打开 “ 输入文件 ” 对话框。在其中的 “ 文件类型 ” 下拉列表框中可以看到，系统允许输入 “ 图元文件 ” 、 ACIS 及 3D Studio 图形格式的 文件。 在 AutoCAD 2007 的菜单命令中没有 “ 输入 ” 命令，但是可以使用 “ 插入 ” | 3D Studio 命令、 “ 插入 ” | “ ACIS 文件 ” 命令及 “ 插入 ” | “ Windows 图元文件 ” 命令，分别输入上述 3 种格式的图形文件。 插入 OLE 对象 选择 “ 插入 ” | “ OLE 对象 ” 命令，打开 “ 插入对象 ” 对话框，可以插入对象链接或者嵌入对象。 输出图形 选择 “ 文件 ” | “ 输出 ” 命令，打开 “ 输出数据 ” 对话框。可以在 “ 保存于 ” 下拉列表框中设置文件输出的路径，在 “ 文件 ” 文本框中输入文件名称，在 “ 文件类型 ” 下拉列表框中选择文件的输出类 型，如图元文件、 ACIS 、平板印刷、封装 PS 、 DXX 提取、位图、 3D Studio 及块等。
自己动手制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手，它可以使窗口显得清爽整洁而且富有动感，笔者的几个朋友都想在自己的网页中加入类似的东东，经过共同摸索发现用Dreamweaer 就可以实现这种效果，下面我们通过一个活动菜单条的制作来看看吧。 第1步：制作菜单外貌 在Dreamweaer 中新建一个文件，绘制一个层，在该层中插入一个表格（如图1），对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下划线，可以编辑超链接的Css样式，在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration（装饰）”均设置为“None（无）”，将“Hover”的“Color（颜色）”设置为红色，最后将设置好的样式应用到各个菜单条中（可按“F12”键预览效果）。 第2步：设计菜单的动态效果 1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角（使整个菜单条完全露出但上边缘正好靠拢页面上边界），在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置（如图2）。
数码摄影10个技巧
以前一定听过这种话：数码相机(以下用DC)无所不能。你只要按下按钮，一张伟大的照片就会变魔术般展现在你面前。相机越好，照出来的照片越好。果真如此吗?见鬼，当然不是了! 事实是你可以用一个简单的消费级傻瓜DC拍出一张伟大的照片，也可以用最贵的DC拍出一张垃圾照片。漂亮的照片不是相机搞出来的，而是摄影师搞出来的。只要有一些拍摄方面的知识，再加上不断改进的愿望，你可以用你的小DC拍出能登上时代周刊的大照片。 为了帮助你在成为伟大摄影师的道路上快步前行，这里送给你10个技巧，它们会让你即使不花大价钱买昂贵的设备也能像专业人士一样拍照。 1.暖化你的照片 你注意过有些时候你拍的照片有一种冷冷的感觉吗?如果答案是肯定的，那你并不是孤独呵呵。DC的默认白平衡设置是“自动(auto)”，虽然在大部分情况下都是适用的，但有时候却会让景物太“冷”了。 当你拍户外景物的时候，特别是当阳光充足时，试着把你的白平衡调到“多云(cloudy)”那一档。对，就是“多云”那一档，这个变化跟在你的镜头前加一个暖色滤镜的效果是一样的。它使得照片中红色和黄色的更加丰满，从而暖化了这张照片 图1a是在一个山区拍摄的，白平衡设置在“自动(auto)” 图1b 同一个场景，我把白平衡换成了“多云(cloudy)”，同时把一副Costa Del Mar太阳镜放在了镜头前(佳能PowerShot S200,程序模式program mode) 如果你不相信我，那就试试吧。在户外分别用自动白平衡和多云白平衡拍两组照片，然后在你的电脑上对比着看，我猜你一定会喜欢看上去暖洋洋的那一组的 2.用太阳镜做偏振镜
最新发布
详细解析视觉艺术与图形设计的区别
视觉艺术与图形设计之间到底有没有一条泾渭分明的分割线?这个问题产生了长期的争论。虽然艺术家和设计师都用同一套知识体系和工具去创作视觉作品，但两者之间有着显著的不同。[Image Source]很多设计师会认为自己是艺术家，但是很少有艺术家会把自己定义为设计师。为何会出现这种差别?本文将通过两者的作品，从作品开始创作时的理念与动机出发，探讨这一问题。从起点开始的差异我相信艺术与设计最明显的不同之处，在于灵感的差异。广泛的讲，艺术和设计在刚开始创作时灵感的切入点不尽相同。设计通常都是为了符合需求，而需求肯定是存在的，因此设计标语、logo和手势操作都是为了满足一种诉求。而艺术创作，几乎都是去创造一种从未出现过的新理念。将生命的经历与个人体验融合，在艺术家与观众之间创造一种感情上的纽带。灵感与动机另一种区分差异的方法是分析意图。客观上设计师需要去理解那些已经存在的需求与信息，然后将想法付诸于设计中。设计师的设计意图是一种动机，目的是满足用户的需求。而艺术家只是为了表达一种感受，他们更注重灵感的体现。从这种角度来说设计师的设计是对用户的回应，艺术家的创作是一种主动的表达。这更像是一种优先级的问题，是现有鸡还是现有蛋?是应该向观众提问，从而让每个人得到自己的答案;还是应该对观众的问题作出回答?这么来看，艺术是一种提问，而设计是一种回答。[Image Source: Abstract Easter Design via Shutterstock]
详细解析网页设计与重构那些事儿
作为设计师，最关心的也许就是排版好不好看、图片美不美观、视觉炫不炫，我们尽可能的去把设计稿做的最漂亮，然后就把硕大的PSD文件就直接发给重构了，殊不知这个时候重构正在恨你：我擦，这么大的PSD，还木有打开!本来就开了各种浏览器编辑器神马的又要打开若大的PSD文件，机子要卡死了!!!机子卡死就算了吧，打开一看，我去，几百个图层呀!好吧几百个图层也就算了，为什么我明明要拖动按钮，各种连七八糟的图层也拖进来了，根本找不到我要的图层!!瞧瞧多么恐怖的事情，但是也许我们只要管理好PSD图层就可以改变这种抱怨。对于图层管理，这可能是大家比较容易忽视的操作习惯，特别是初学者或者新人，也可能有人说：这有什么值得一提的?!做好设计稿就行了，其他交给重构吧!我们看多了程序员井井有条的代码，规范有序的文档，认为图层命名不是我们要干的事情—-其实不然，下面有几个原因：1)使用PSD的群体：设计师本人、客户、工程技术人员(程序员)、新人接手等。1)PSD图层太多，当时记得，时间一长容易忘记。2)项目设计过程难免有需求更改、修改建议，导致设计稿需要反复修改，杂乱的图层结构是不是让你更添一愁呢?3)作为一名网页重构工作者，会直接面对你的PSD文件，无须的图层及命名令人抓狂。。。。看来管理好图层真的很重要。
详细解析国外IOS7免费设计资源汇总
上周破例发了一篇iOS7体验报告，而今次仍是与常规的风格有所不同。我确实很少做这种资源汇总一类的东西，除非是对自己很热、很有实际用处的玩意儿，那这次就是这样了。参考了几篇国外的相关介绍，另外到dribbble逛了逛，简单汇总了一些目前市面上比较过的去的iOS7免费设计资源，拿过来分享给各位，也留给自己平时找起来方便。资源包含图标、界面及控件、重设计mockup三个方面。由设计师Rob Sim创建，文件中的应用图标模板包含以下规格：iTunes展示、iTunes展示@2x、iPhone、iPhone@2x、iPad、iPad@2x、系统设置、系统设置@2x、Spotlight搜索结果、Spotlight搜索结果2@x。点击下载。 来自设计师Steffen Nørgaard Andersen的Ai模板文件，查看详情或点击下载。 来自设计师Denis Shoomov的PSD与PNG模板文件，查看详情或点击下载。(PSD、PNG)。
详细解析网站表单元素设计大揭密
表单是由许多细小的元素所组合而成的集合体，标题和输入框的排列方式有着重要的地位，标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢?标题和输入框常见的排列方式1. 放在输入框左边，而且靠左对齐2. 放在输入框左边，但是靠右对齐3. 放在输入框上面4. 放在输入框里面
浅谈设计师值得掌握的网页设计焦点法
在莎士比亚那个时代，观众是非常不给面子的，品味也不是很高，简而言之，那时的观众是一群没有耐心、根本不懂文学的群众。他们辛勤的工作一天后，他们来剧院想要找点乐子和刺激，没错，他们想要的就是娱乐。莎士比亚之前的剧作家往往不受待见，有时候观众甚至会喝倒彩、砸场子，因为他们觉得戏剧太烂了，根本无法让他们感受到一丝一毫的乐趣，而且也抓不住他们的心。莎士比亚就在这种大环境下崛起，虽然有着极高的艺术涵养，却能得到贫民窟的赞歌，他的策略就是：用情节、用戏剧抓住观众的注意力 。他的作品短小精悍，戏服华丽，音乐优美，对白幽默诙谐、构思精巧。时至今日，科技创新日新月异，文明高速发展，然而，现在的观众，依然还是没有耐心，正如莎士比亚时代的观众一样。打造焦点的几条小建议注意力是个很抽象的名词，而捕捉注意力更是如同”老虎吃天”一样，无从下手，跟其他媒体一样，用户在浏览网页设计时，用户的注意力也非常不易捕捉。用户很严厉，很不留情面，他们从一个网页跳到另一个网页，只为寻求自己需要的信息，如果你的网页无法吸引他们，1秒钟之内就会被他们关闭，他们会觉得你的网页没什么用，只不过浪费流量浪费时间罢了。
3DMAX教程：演员《马三立》创作详细解析
首先，非常感谢作者徐健与大家分享他的作品《马三立》的制作过程。在这幅作品中，作者近乎完美地再现了老艺术家马三立的形象，精准的刻画，于一颦一笑、一举一动之间，都细致入微地传达了这位老艺术家的神态，活灵活现，仿佛跃然纸上。1、前期创意大家好，很高兴在这里能和大家一起分享我的作品《马三立》的制作过程。为什么会选择创作“马三立”呢?首先是因为我非常喜欢听相声，而他又是我非常喜欢的相声艺术家;其次，选择“马三立”的原因是因为他长得很有轮廓，细节非常的明显，感觉他身上都是经典，尤其是他笑的时候更是非常有味道;最后，是因为我想尝试一次以中国传统的东西为题材的创作。(图01)在《马三立》的创作过程中，我使用到的软件有3ds Max、Maya、ZBrush和photoshop。图01制作“马三立”的时候我还在上班，所以是边工作边制做的，到最后完成这个作品，差不多用去我一个多月的时间。在制作的时候，最主要的困难就是找马三立的资料，因为他是老艺术家，关于他的图片很少，在网上也很难找到他高质量的照片，这样就给模型的细节制作带来了很大难度。最后我用了10多天的时间来查找照片和观察他，才开始动工。基本的模型都是在3ds Max里完成的。(图02)图022、细节雕刻
详细解析设计中的图文板式布局
视觉设计趋于简洁化，图文的版式越发显的重要。现在，让我们一起回到设计中最基础的部分，图文关系是一个很容易出问题的地方，如果我们不知道如何正确处理这些关系，那么最终设计的界面效果将会是非常糟糕。一起来看看应该如何正确使用它。图文左对齐排列四大基本排版方式中，使用得最频繁的就是左对齐，这种以主线为基准左对齐的方法十分便于阅读，我们自古以来就是采用左对齐的方法书写文字，它的使用源于方便美观这一传统观念。所谓左对齐，就是在这一行读完之后视线返回下一行同一地方即可，对读者来说十分方便。而且，对齐也是创造美感的方法之一。宣传册、杂志、海报、网页所有这些东西采用的都是左对齐的方法。不管是多么杂乱无章的东西，只要字头对齐，就会显得井然有序，富有美感。不论是竖版还是横版，都可以采用左对齐。左对齐很便于阅读，又富有美感。尽置使文段左对齐。左对齐的例子比比皆是，希望大家多多参考身边的例子。
详细解析设计师如何与像素打交道
什么是像素眼?为什么大神说越简约的设计越难?为什么总是设计不出高端大气上档次的东西?下面来深度解析一个按钮的秘密从视觉角度来看，这是一枚灰色的icon，如果你认为是这样的，那高端大气上档次基本和你没啥关系了。你可以用吸管吸取这个按钮的任何地方，发现它都不在最左侧区域，最左侧区域才是 白色-黑色，才是没有饱和度的色系。 从编号01这里可以看出，这里加了一点黄色，大家可以找找很多骚气的标，作者们都要么不是加了点蓝色，就是加了点红色 ，但是看上去像灰色系，这时候大家临摹的时候，就蛋疼了，怎么做也和原图不一样。画这种色系不多，细腻，略装b的标，颜色幅度一定要控制好，就算颜色相近，都别用纯色，拉个渐变，不停的调整，颜色区域不要超过红色区域，这样你的渐变就会带有一种让别人看了似懂非懂、认为此作者非常有内涵、有文化的感觉。
Dribbble上值得你关注的10位UI设计师
追波是学习UI不错的网站，设计达人网一直精选Dribbble的优秀设计作品和素材供大家学习参考，而今天向大家推荐一些值得你们关注的设计师吧，至于这个Top 10排名是来自我的关注List里，而且都是和UI设计相关的设计师，如果你有好的推荐，欢迎在下方评论处留言和建议。下面这十位是来自全球的设计师，他们的UI设计作品十分优秀，就算是临摹他们的作品也能学到不少东西，建议你关注他们。Dash关于Dash这位设计师我十分喜欢，除了UI设计外，我更喜欢的是他的创作能力，细心看看，他很多作品都有独特和创新之处，UI界面设计不仅仅是好看好用，而且要创新哦！国内现在这么多应用中，有那一个没有抄袭的影子？所以我们在学习人家作品之余，更重要的是懂得自己创作、创新，这样才是真正的进步，否则你永远超越不了别人。链接地址：http://dribbble.com/DashArtua链接地址：http://dribbble.com/ArtuaTim Van Damme
详细解析如何让网页设计有规律可循
这是Suyee同学的一篇老文章了，而分享总结的经验还是很值得大家思考，千万不要养成旧文就不读不看不想不练的习惯，这只会禁锢双手，麻痹大脑。收藏再多新文章，却不去看，还有何意义呢?开篇