推荐阅读
利用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渲染结果，判断纹理贴图使用范围，从上面的例子可以看到纹理只使用整个面
最新发布
17个最有效的网页登录页面设计欣赏
好的网站需要有好的设计。好的设计就不可少的需要一个优秀的交互登录设计。最近我们发现越来越多的网站开始剥掉之前的设计思想。开始设计出和世界优秀网页接轨的节奏。我们很希望看到这样的现象越来越多。让网页看起来更舒服，操作更便捷才是每一个公司企业和设计师共同需要努力和面对的事情。今天我们要分享给大家的就是这样一些优秀的国外登录页面的例子。希望大家能从这些例子中得到启发和灵感设计出更多优秀的页面来。PreziinDineroShipmentChartbeatCollegeFrog
浅谈移动UI中的6种主要导航模式
作为一本简易的UI模式参考书，《移动应用UI设计模式》非常适合移动应用开发人员、UI设计师阅读，还没买的同学们可以看看这本书关于移动UI设计中导航模式的经验分享。正如精良的设计一样，优秀的导航也大象无形。不管是浏览好友信息，还是租赁汽车，完美的导航设计能让用户根据直觉使用应用程序，也能让用户非常容易地完成 所有任务。一款应用的导航可以被设计成各种样式，但我想着重介绍6种主要的导航模式，也就是主菜单的导航模式。跳板式 跳板式导航对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为“快速启动板”(Launchpad)。跳板式导航的特征是，登录界面中 的菜单选项就是进入各个应用的起点。Facebook 应用沿用了iOS 主界面上的跳板式设计，其他应用随之跟风。Facebook 的跳板式导航和Ovi Maps 应用Trulia 和LinkedIn 的导航设计Palm 手机上的NewsRoom 和Nokia 手机上的Yahoo !
移动UI设计师和PM使用的原型工具分享
无论是做网页设计还是手机移动端设计，开始制作时都是先从原型框架开始设计，最初设计师们可能在纸上画原型图，但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此整理一些适用于移动应用的原型设计工具，这些都能有助于你的工作哦。FLINTOFlinto 用于演示App原型的工具，它能快速将你设计好的原型图（框架图也可以）链接起来，并以App形式展示，这样你给客户看的时候，简直像一个真的App一样。使用flinto一般5分钟就能制作完原型展示，简单快速。一个链接模型画面的工具，通过在线方式上传和操作。另外它还是一个开放的交流平台，用户可以为作品添加注释，比如添加反馈意见等等，或许你会发现有专业的设计师给你意见哦！这里有个在线DEMO演示：App.filesq可以快速将框架图和ui设计图转换成交互式App程序。
25个美食相关的响应式wordpress网站主题
许多童鞋都梦想过有一间优雅精致的小餐厅吧，能招待天南地北远道而来的吃货们，如果你的这个梦想正在成真，那先为你赞一个，可能你还想与时俱进，为你的餐吧建一个同样优雅的网站，那么今天收集的这25个响应式WorePress主题非常适合你呦，仅仅花一点时间，你就可以利用它们搭建一个棒极了的网站。Take a Break（小憩餐吧）小憩餐吧是单页网站，你可以通过简洁明了的导航栏向全世界展示餐吧的美食品类和联系方式等。 LemonChili 的特色是它是一个响应式主题。
如何提升企业产品APP设计的用户体验？
一般人对於企业产品的预期，可能仅停留在功能要强大，信息要安全，能够帮助企业提高工作效率。但今时已不同往日，除此以外，人们开始更注重产品的用户体验。那么，在面对企业产品的设计上，有什么方法可以提升用户体验呢?接下来，为大家带来一些国内外的优秀案例以及一些设计WebApp时的思考方向。WebApp设计要点1.配色颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色，对信任度，认知度都会有大大的提升。颜色除了能为界面提升美感，也能作为功能上的辅助。在普遍页面信息量大的企业产品中，往往一个有颜色的按钮就很容易吸引用户的视觉焦点。Lovely是Dribbble大神KeremSuer设计的WebApp。橙色主，蓝色辅助，淡灰色为底色。这个配色既色彩鲜明，淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服，简洁耐看。Squarespace用的是黑白配，可说是黑白配色中的皎皎者。利用大面积的留白，高质素的图片，配合极出色的交互，让你每次打开一个子页面时都存在惊喜，是笔者最喜爱的网页之一。连Icon也尽显Squarespace的品牌风格。
详细解析国外超酷的网页字体设计
第一印象通常就是一种持续印象。不管你是否意识到，你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。版式不仅仅是讲述一个故事，它告诉用户是这个网站的幕后以及这个背后的人是做什么的。对于字体的处理创造了一种氛围，同时也会像声音的音调一样击起长久的回想。你需要问一问你自己，你想要表达什么以及你想要怎么去表达它?想一想用户：当页面加载的时候你想让他们有什么样的感受和体验?版式建立一个交流的模式，同时，也表达了一个网站的个性。字体的选择将会决定人们对你的网站的反馈。以下的网站有着非常明显的个性，大部分都是通过版式来建立的。诚然，有时候他们并不是很完美(不幸的是，性能常常是个问题)，但是他们通过字体来吸引用户来产生兴趣。好的网页版式不仅仅只是一个美好的视觉处理，同时也要注意速度。很多设计师彻底忽视了性能。请注意：这些网站没有在老的浏览器或者移动设备上做过测试。当然这不是这篇文章的主旨。相反的，我们将会近距离的观察有趣的版式处理以及字体的创新使用。现在开始跟上字体去私奔，体验一路奇幻的字体设计之旅。PlayfulWow,这个网站确实很幽默!这个网站的调调不是仅仅根据字体的特征而设计的，而是通过它们的排版方式。它打破了我们的常规交流的顺序。通常你会在印刷海报中看到轴对称的排版，那通常给人印象深刻。在这个网站上，字体的选择并不是非常的有个性的装饰性或者是很好玩的装饰性字体，它就是用的非常简单的无衬线字体。非常棒的背景图案触觉体验，它引导阅读的方向，以及用户阅读网站的文字时头部从一边到另一边的运动。Atelier这个网站的所有地方都值得关注。整个页面由不同的元素组合在一起有一种动感。网站的logo是用的一种宽的但是很优雅的字体，建立了一种设计基调。运动的感觉是由一条倾斜的线来建立的，这根倾斜的直线跟logo中的首字母“A”的倾斜保持一致，创建了这个网站的节奏。滑动的预览图深深的抓住你的眼球，图片很大让你感觉到无拘无束。然而，这个网站的背景图片居然有：2560*5350像素，2.4MB，哎哟!
15个国外优秀免费下载图标的网站推荐
上哪儿找高质量又免费的图标资源呢，小编我带你去抓可爱的ICON们，首先你需要知道你在寻找什么？图标最关键的一点是图形的一致性，线重、组成、数量、在空间中的使用量等等，并且利用好英文或中文关键字检索出它们。你需要确保下载下来的图标是可伸缩的。虽然有一些用于演示的图标看起来很有趣，但是考虑到维护和易读性，还是会被减少使用。所以你需要事先了解好图标使用需求，比如背景是干净简洁的还是复杂的。这样子找图标就快多了。矢量图标格式（AI,EPS,SVG）是可以保持大小和质量的，但是基于像素的图标格式(JPG,PNG PSD)不能被扩大否则会损失图像质量。开始吧！（绝佳免费图标下载网站）Iconmonstr是一个专门提供黑白两色的矢量图标的，你可以在这里下载PNG或SVG格式的图标资源。（在Find icons里面Find icons哦）
为网页设计师和前端工程师服务的教学网站
很多传统的大学都提供网络课程，为了让这些大学的课程能在网上显示，一大批线上教学网站如雨后春笋般蹭蹭蹭的冒尖。本期文章中，我们为您整理了十四个极好的网络教学网站，均在国外备受推崇哟，网页设计师和工程师快来看看吧。怎样选择教学网站当你选择网站进行学习时，有几点那你要注意：网络学习网站当你确定自己要学什么了，你就要开始选择网站，如果你不想学习大学里的网络课程，还有很多网站可以供你挑选，而且很多都是免费的呦~
精选国外有趣新颖的网站设计趋势
开年那会，优设网已经分享过很多设计趋势的文章，那么今天我们就再来详细的聊聊其中一些新颖的设计趋势，并且都用案例解析的形式推荐给大家，希望对您有启发。1、The Daily Beast鼓励用户一直往下浏览The Daily Beast上面的“Read This List” 板块设计得非常巧妙。首先这个网站从上而下是不同故事的合辑，每当你阅读到不同的内容故事时，这个列表就会自动用淡灰色背景填充列表当下文章告知用户。这种方式另一方面也是在鼓励用户继续往下阅读下一篇文章。我觉得这种提示性设计时非常赞的，特别是当你有许多故事时。2、start ups this is how design works让用户了解更多的内容如果你打开startupsthisishowdesignworks，你会看见页面文章内容含有大量的黄色高亮显示。每当你点击这些特殊的词汇或短语，你会在当前页面得到一个解释框，里面是针对该高亮区域的解释，形式有可能是图文也有可能是视频。总之你不再需要打开新的页面浏览完解释再返回这个页面。这种设计方式允许你阅读更多的内容，获取更多信息。3、Bamboo、mmenu
10个网页设计师今生应该去的地方
每个领域都有其神圣的地方，即该领域发展至关重要的地方。就好像艺术家们习惯了要去佛罗伦萨参观米开朗基罗等，所以网页设计们在有生之年也应该访问一下自己领域最神圣的地带。遗憾的是还是有不少依赖web的专业人士不知道自身行业的历史，特别是新一代年轻人，他们视互联网为理所当然之事。为了解决这个bug，这里咱们列举出10个WEB设计师应该至少访问一次的地方，记住！一辈子至少要去一次！1、Googleplex（谷歌公司总部）是Google公司总部的名称，位于美国加州圣克拉拉县的山景城，离旧金山很近。有必要向所有互联网从业者小介绍一下Googleplex。这已经不再是单独属于google的总部了，它在2010年被购买下来作为纽约庞大的建筑。它代表了整个市。这也是世界上最大的搜索引擎公司网站的校园。没有google，我们就不知道现在所知的网络的存在。对于一个网页设计师来说，难道还有比这个地方更好的去处么？ Adobe位于美国加利福尼亚州圣何塞，当你参观完谷歌总部后稍微一点点车程你就到了Adobe总部。任何一个建立过网站的人都曾经使用过Adobe公司的至少一个产品。这个公司的软件更新频繁，如果没有它们这个世界难以想象会是什么样子。数以百万的网站创建使用Dreamweaver。更直观地去说，没有photoshop你活得下去么？网络活得下去么？ 最初网景位于加州的山景城。这座古老的总部看起来有点儿像庞贝古城的废墟。网景通信公司曾经是一家美国的计算机服务公司，以其生产的网页浏览器——Netscape而闻名。1998年11月，网景被美国在线（American OnLine，AOL）收购，而后来美国在线和时代华纳合并，之后再独立。美国在线依然使用网景这品牌，于2008年3月1日停止支持的网景浏览器后，保留了门户网站Netscape。虽然网景网站仍然存在，但是已经是以前的一个缩影了。纵横网络的所有学生都该知道，Netscape Navigator曾经是网络领先的浏览器。