推荐阅读
利用Photoshop脚本功能制作清晰的景深风景图
景深，就是清晰的范围。风光摄影，一般都需要从近到远都清晰。静物摄影，一般距离比较近，多用中长焦段和微距镜头。这种情况下，即使使用了一个极小光圈，仍然不能把拍摄物体整体都拍清晰。针对这样问题，飞侠来结合案例，和大家说下如果拍出一张景深极大的作品。案例一：静物拍摄珍珠项链如果打算把这条项链，整体都拍清晰，我们是否可以通过一个小光圈就可以呢?大家来实际看看吧。我使用105mm微距镜，f22的小光圈。可是实际的景深效果呢?只是第一张对焦范围内是比较清晰的，其它二张的前景和远景图片都是模糊的。尽管使用了f22小光圈，拍摄物体还不是全部清晰。而且使用了这么小光圈，会导致画质下降。
Flash鼠绘入门第十课：绘制娇艳郁金香
先来看看相关的素材图片：郁金香图片1郁金香图片2 本课程继续学习绘图工具的使用，颜色的填充调整与搭配。 “博爱、体贴、高雅、富贵、能干聪颖……”人们把美好的语言赋给了郁金香。您是否也想把自己亲手绘制的郁金香留在永远的记忆中？请打开FLASH软件，开始吧... 一、画“花瓣” 1、插入一图形元件名“花瓣1”，用椭圆工具，笔触禁止，画一椭圆大小55*128。用黑箭头选择进行调整，中间加画一条线并调整成如图形状。左右分别填充颜色，放射状色码为：左F0A8B7、中D13F4E、右AB1020，填充后删除笔触。新建图层二，复制粘贴图层一的第1帧，填充线性渐变色：左C9D5D5、右EA6D71 (0%)。如图1：步骤图1
CSS应用基础教程(2) 应用方式
Ｃ Ｓ Ｓ 的 声 明 方 式 这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：一、基本声明：最典型的ＣＳＳ声明方式。 element {property: value} 用中文来表示的话，也就是元件(标签) {性质(属性)名称: 设定值}例如： H3 {COLOR: BLUE} 即为一组声明。二、集体声明：同时声明某个或数个元件(标签)（各元件(标 签)间以逗号分隔）的一组或数组样式规则(性质)（各组规则间以分号分隔）。 元件(标签) {性质(属性)名称1: 设定值1;性质(属性)名称2: 设定值2;... }或是元件A(标签A), 元件B(标签B), 元件C(标签C), ... {性质(属性)名 称1: 设定值1;性质(属性)名称2: 设定值2;...}例如： TD {COLOR: BLUE;font-size: 9pt;}或是TD,P,DIV {COLOR: BLUE;font-size: 9pt; }三、分项声明：将许多样式规则分组再分别声明。 元件A(标签A) {性质(属性)名称1: 设定值1; 性质(属性)名称2: 设定值2; }元件A(标签A) {性质(属性)名称3: 设定值3; 性质(属性)名称4: 设定值4; }例如： TD { COLOR: BLUE; font-size: 9pt}TD { font-family: "标楷体"; line-height: 150%}这样子的声明方式并不会互相抵触，因为所声明的性质是不同的。如果不小心对同样一个性质作了重复的声明，则只有後来声明的设定值才会发生作用。 要附带提一下的是，在您的声明中，只要您的格式正确就会被接受，而不论是大小写、空白或换行都不会对显示的结果 有影响的，您可依自己习惯来编写。 Ｃ Ｓ Ｓ 的 应 用 方 法 接下来要为您介绍的是将所建立的样式表应用在网页上的四种基本方法。一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。二、使用STYLE标签： 将样式规则写在<STYLE>...</STYLE>标签之中。 <STYLE TYPE="text/css"><!--样式规则表--> </STYLE>例如： <STYLE TYPE="text/css"><!--BODY { color: BLUE; background: #FFFFCC; font-size: 9pt}TD, P { COLOR: GREEN; font-size: 9pt}--></STYLE>通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD> </HEAD>部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。三、使用 LINK标签： 将样式规则写在.css的样式档案中，再以<LINK>标签引入。 假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
Maya UV和UV编辑实例系列(4):使用Fix Texture Warp选项
选择NURBS模型，打开属性编辑器，在Texture Map栏中打开Fix Texture Warp选项，可以对纹理的不均匀分布进行修正。而不需要依赖于NURBS表面的UV参数，Grid Div PerSpan U、Grid Div Per Span V、表示U向和V向每跨度的、分割数目，默认数值是4，数值越大纹理分越均匀。 打开Fix Texture Warp选项后，操作视图不能实时显示出来，只有渲染后才能看到。 应用Fix Texture Warp选项后渲染后，与左图相比，纹理虽然有拉伸，但分布相对均匀。 虽然纹理分布均匀，但还是有拉伸，这是应为我们使用的是1：1的纹理贴图，而闹钟壳的NURBS面片长宽比不是1：1。下面进一步调整NURBS模型的纹理，是其比例正确。 在Hypershader窗口中，选择模型的place2dTexture节点，打开属性编辑器，调整Coverage的数值，同时察看渲染视窗的更新效果，使用IPR渲染可快速看到调整结果，直到棋盘格看起来变为正方形为止。 根据IPR渲染结果，判断纹理贴图使用范围，从上面的例子可以看到纹理只使用整个面
最新发布
浅谈网页设计最常见的可用性错误
在过去十年中高品质的网页可用性一直是业内讨论的核心，因为它对用户来说越来越重要。好的可用性也可以帮助建立品牌知名度，从而提升用户对一个网站或者是一家公司的评价。今天人们依然高度关注可用性，是因为大大小小的公司已经证明了好的可用性策略是多么重要。在过去几年中，良好的可用性成为那些成功的初创公司的核心。多数情况下，简单的想法最具创造性，可用性主要是指：使一个功能或者产品易于使用，但同时也要保持产品质量维持在高水平上。如今，很多文章会谈到普遍意义。在对该话题年复一年的讨论之后，似乎web设计者们仍然很难去理解它。可用性早已不再是一个玩笑，下面这些建议应当被打印出来并粘到你桌子对面的墙上。链接的颜色我经常发现自己在浏览网页时，有些页面上的链接没有以某种形式高亮显示。这是我见过的最愚蠢的错误。我愿意访问那些链接使用默认蓝色的页面，而不是链接和 普通文字一个颜色的页面。用户需要知道如何在页面之间导航、在哪儿能点击链接。你不能指望他们把鼠标一行行的掠过所有文字去找链接，直到发现鼠标箭头变成 “小手儿”。我完全理解，有时候出于设计考虑，链接不能使用某种颜色来高亮显示，这样会使它们显得太过突兀。这完全是可以理解的。但是可以添加文字样式或者虚线框，你需要的只是以这种或那种方式来强调链接而已。访问过的链接也应当以不同的方式来显示，以区别于默认的链接颜色。因为这样可以帮助用户知道他们已经访问过什么，从而确定下一步要去哪儿。一些网站会使用户困惑，但是让他们知道自己已经访问过什么，绝对会使他们对你的网站印象更好。糟糕的排版当我们谈到 排版，并不是说我们需要一个大大的标题，或者一段漂亮的文字。 当我们考虑易用性时，排版的漂亮与否并不那么重要，重要的是排版要如何使我们的内容易于阅读。
详细解析网页设计中的水彩模式分析
通过添加一些最近正流行的水彩风格趋势元素到你的网页设计中可以提升整体设计的艺术感。水彩风格是一种很受欢迎的设计类型选择，因为它们很有趣，易于使用，并且可以搭配各种不同类型的内容。水彩风格可以通过多种表现形式来强调和突出你的内容。无论你是正在考虑为你的网站设计添加水彩元素，还是只是想要尝试这种风格，我们都有一系列的想法、示例和资源来帮助你如何开始这项工作。1.明亮的以及轻的水彩风格的一大优点就是，你在画布上，通过“画”的方式可以决定元素的光线或明暗度。试着先尝试一个“薄”的层面，这种明亮轻盈的风格可以让人感觉开阔透明，从而使得体验更舒适。使用一些小技巧，通过寥寥几个笔就可以在你的网页设计中添加一个全新的维度。例如，在Blocks应用程序的网页设计中，它通过使用一些可爱系列的色板来填充页面上已有的有趣的插图。水彩溢出线条之外，使得色彩更加能够吸引眼球，并可以立即引起你的注意。这是该公司在整个网站设计中使用的一种风格，从在一些标志元素中使用水彩色，再到一些背景中使用异想天开的绘画元素，该站点通过这种方式和用户之间创建了一个很好的主题。2.异想天开水彩风格往往具有异想天开的感觉——虽然不一定每次都是这样。在设计中通过不同使用画笔笔触的方法可以营造不一样的引导感、动画或其他微妙的效果。Lighthouse brewing在其网站设计上使用更暗，更完整的尖头图案，通过屏幕上动态的海洋和船只，让人有一种随波逐流的感觉。动画随着鼠标下滑继续滚动，最终的标志随之变成具有水彩感(与整个网站的背景一样)。这个设计要说明的是，你可以突破你对水彩的想法，创造出一些有点意想不到的风格。
15个学习制作404错误页面的优秀案例
一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。这种页面必须容易理解，友好(保持网站的整体感觉)以及有一些互动。你会看到下面的例子中，有的网站会在404页面中添加用户可以参与的小游戏。在这篇文章中，你会发现一些充满创意的404错误页面设计。我希望这个集合能够启发和帮助你设计自己的404错误页面。Juicy GraphicsBlue Fountain MediaRachat de MobileLeft Logic
5个网页设计技巧让用户疯狂爱上你
我们都希望成功的设计改版能让网站重新焕发活力，不仅仅吸引用户，并且让用户愿意花更长时间浏览。要做到这一点，并不需要什么神秘的技能。下面就告诉你让你的网站更受欢迎的技能，接招吧，骚年~我们都知道，吸引人的插图、有创意的网站布局和有说服力的内容能够吸引用户。可有时候好像又不是那么一回事。你也许也有过类似经验，得意地做出当下最时髦的页面却没有换来理想的浏览量。那种感受，你懂的。首先，我们先理清，正确是网页布局应该是这样的：先引诱观众去探索你的网站，让他们在你给出的信息上停留，最后交由他们采取行动。下面，进入正题，希望你能从这篇文章得到一些有用的信息。1.让用户一见倾心组合图形和内容，让用户一见倾心，产生情感共鸣，被深深吸引。这里有两个方法(A)保持网页布局一致，以免访问者中途逃离。(B)利用抢眼的，引导性的高分辨率图形。学到了什么：创建统一的视觉体验，利用带有情感的色调和线条，调动用户的参与，再加上引人入胜的内容，就足够让用户惊喜了。2. 会说故事我们都喜欢茶水间里的八卦，朋友聚会时的段子。当我们在分享这些故事时，我们是多么的全神贯注。既然如此，为什么不在你的网站上讲故事呢?你可以借鉴一些电影网站的做法。学到了什么：经过时间检验，这是提高用户参与性的好办法。关键是你必须是一个很会讲故事的人。学习些关于信息层次结构的知识，将帮助你更好地了解受众的心理，让你设计的网站获得更高的转化率。
网页新趋势：革命性的创新网页导航设计
每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群，让用户流连忘返或者立马下单?为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好?简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多优秀的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧!Toybox在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。至于其他你想知道的信息，比如说Toybox公司的主营业务和地址，可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣，当鼠标悬停于某个项目的缩略图时，其余的项目缩略图都后退变暗并且产生景深的效果。Olivier Bossel交互设计师Olivier Bossel的个人作品博客非常有趣。该网站的导航元素在鼠标hover状态下会产生像素爆炸式的效果(译者注：火狐浏览器测试通过，chrome测试无效果)。这个效果相对于网站其余的简洁设计来说非常有动感，由此产生强烈的对比效果。作为一个视觉元素它非常有效的促进了用户继续阅读该网站，统一的视觉语言也彰显了品牌的特点。
16个创新好用的网页jQuery插件下载
现在的网页设计对用户体验要示是很高的，如果我们能用一些好的jQuery插件来增加一下交互效果，这样就从一定程序上提升用户体验。今天设计达人网整理16个创新好用的jQuery插件，这些插件类型有很多，而且都是2013年最新出品，值得关注哦，就算你不用也能给你带来很好的灵感。FullPage.js– 自动全屏窗口大小，支持垂直和水平滑动，这个用来做专题页也不错。查看插件pullupScroll -当你屏幕向下滑动的时候，内容会以动画形式弹上来，具体看Demo，不是很好形容……查看插件AnimteScroll– 动画菜单，不用也可以长见识啊^^查看插件Panel One– 像全屏Tab效果，以层的形式来切换，视觉效果佳。查看插件diamond.js– 如果正正方方的排版用腻的话，试试用个图片插件吧，时尚类网站首先啊！
详细解析网页触屏键盘设计的准则
通常来说，人们会理所当然的认为触屏设备要比几十年的电脑鼠标和键盘直观的多。用户与触屏直接交互，缩小了用户行为与软件响应之间的距离。然而，在移动设备上——尤其是在智能手机上——打字是一件相当恐怖的事情。因为那既慢，又痛苦，而且容易出错。最明显的原因是键盘字符的尺寸和按键之间的临近，但是还有很多其他重要因素需要考虑，包括：适当的使用自动更正的字典贴切的将字母自动大写提示输入类型保持标签顺序保持自定义键盘的一致性在最近一次大规模的针对18个最大的移动电子商务网站的1：1可用性测试中，我们观察了在填写表格过程中，现在的触屏键盘的某些功能与限制是如何与用户的预期相冲突的。一旦冲突出现，用户的受挫感会立刻上升，比如表单字段验证错误的提示一个接一个的弹出来，或者更糟的是，用户被卡住并最终放弃了网站。当面对一个不那么理想的触屏键盘是，用户会对网站失去信心，有的甚至怀疑自己用智能手机填完一个表单的能力。显然，好的移动终端的用户体验需要一个具有良好可用性的表单，触屏键盘也是其中的关键一环。
20套高质量的免费网页模版PSD素材
这次就推荐给您20套正流行的顶尖网页核心组件，让您一次看个够。说真的，这样的高水平质量的资源我相信您会把它们掖在自己的素材库，都舍不得分享。当然咯，一定要记住没事的时候就拿出来学习临摹。Download Page →Download Page →Download Page →Download Page →
详细解析网页设计中禁用状态二三事
禁用，顾名思义，代表不可用的意思。有一个禁用，就一定对应着一个可用。不论是表单，还是复杂性管理界面，抑或是分步引导，这些场景中都有可能出现禁用状态，而如何合理运用禁用状态，让它成为体验的加分项而不是减分项，正是设计师要不断思考、深入实践的。这里抛一些砖出来，希望和大家一起探讨。“这个不可点的按钮放在这里很鸡肋，我们是不是可以考虑去掉?”“默认放出按钮吧，不能点也没关系，不然用户怎么了解产品中有哪些功能?”禁用状态可看为应用程序机制对外暴露的一个直接体现，什么时候展现，什么时候隐藏，也是设计中经常碰到的争议话题。Alan Cooper曾提到，激活和禁止菜单可以帮助用户了解菜单所反映的用途，从而帮助菜单成为更好的教学工具。例如我们常用的photoshop选择菜单：菜单作为软件中最完备的功能集合，应该呈现所有的功能，这是第一个前提。在这个前提下，再根据具体交互的流程来展示哪些操作可用，哪些禁用。仔细想想，在我们日常所见的各种软件中，你并不会对菜单里的禁用项感到陌生。菜单有一个好基友叫做工具栏。作为一种直观、快捷的功能呈现形式，有幸出现在工具栏上的操作一般来说是软件中最常用的功能，为用户提供快速、高效的操作入口。工具栏给用户的预期应该是稳定的，可靠的，用户会不知不觉地对工具栏的布局进行学习，记住常用操作的位置，形成使用惯性。如果某个按钮有时消失，有时出现，用户会感到迷惑，也不利于提高界面操作的效率。尤其是当工具栏上有大量操作时，固定位置的好处显而易见，例如Ribbon界面，每个子面板下都包括至少5个以上的按钮：看上去，对于菜单、工具栏中的操作，不论是否有禁用状态，默认放出来是最好的选择。然而当操作较少时，设计师们仍然会做出思考和改进。
详细解析欧美游戏网站设计案例解析
最近一阵子我们分享了许多日本和韩国游戏网站案例，这次我们再来聊聊欧美游戏网站。电子游戏作为第九艺术，历史不到百年，但是人才辈出，创新不断：各种明星般的程序员，想想Doom的卡马克、RPG游戏史诗般的剧情(BLZ的剧情和黑岛的剧情设定)，以及对细节的追求。作为第九艺术的游戏，同样有自己的艺术特质。在玩一款游戏之前，你会怎么做呢，我通常会去打开游戏网站，先大致预览一下。感受一下网站传递出来的游戏氛围和靓点。那么下面我收集了一些设计优秀的游戏网页，一起来给大家聊聊。重返德军总部：新秩序颇有创意，纯红色的背景，白色字体做内容，优秀的动效和视频。别致的前进、后退按钮能够让你很方便的浏览。在导航栏会找到销售商信息，以便进行游戏预定汤姆克兰西：全面*将社区和游戏内容很好的合二为一。功能性、创新性兼具。非常有型的主题，高分辨率图像，吸引人的视频。原汁原味的呈递游戏内容。最终幻想：新生国度最终幻想的网页设计真实令人印象深刻，功能强大的导航系统以及震撼人心的图像。按钮有型，整体风格很艺术，独一无二的3D视角。