推荐阅读

绘制质感金属齿轮图片的PS鼠绘教程
本教程主要使用Photoshop绘制立体逼真的时尚齿轮教程,绘制的整理立体效果很漂亮的说,喜欢的朋友一起来学习吧。最终效果图1、新建文件设置如图2、用矩形工具绘制一个矩形,如下图3、Ctrl+T变形,让矩形的上方变窄如图4、拖拽标尺,ctrl+T变形将中心点位置移到十字标尺处,旋转20度。

Photoshop之色彩调整
(图1)图1中的菜单就是“调整”命令,他位于“图形”菜单下,其中包括:Levels(色阶)、Auto Levels(自动色阶)、Auto contrast(自动对比度)、Curves(曲线调节)、Color Balance(色彩调节)、Brightness/Contrast(亮度/对比度)、Hue/Saturation(色相/色彩饱和度)、Desaturation(去除彩色)、Replace Color(替换颜色)、Selective Color(选定颜色)、Channel Mixer(通道混合者)、Invert(反转)、Equalize(相等)、Threshold(阈值)、Posterize(色调分离)、Variations(变更)等指令。其中,Levels、Auto Levels、Auto contrast、Curves、Brightness/Contrast主要对图像的对比度进行调整,他们可改变图像中像素值的分布并能在一定精度范围内调整色调。Levels、Auto Levels、Color Balance、Selective Color可以调整图像的色彩平衡度,Hue/Saturation、Replace Color、Selective Color、Invert、Equalize、Threshold、Posterize、Variations等指令可对图像中特定颜色进行修改。接下来,我们就分别对这些指令作一个详细的陈述……首先,是“Levels(色阶)”指令……现在,我们打开一幅图像,来了解一下Levels(如图2)(图2)在Image菜单下的Adjust子菜单下选择“Levels”命令,调出图3所表示的Levels(色阶命令)对话框。(图3)接下来对Levels对话框的几个部份作一点介绍:

IE6必然灭亡的最新6个理由
我们不喜欢Internet Explorer 6(IE6)已经不是什么秘密,网上仍然有15-25%的人在使用这个过时的已经十几岁的浏览器。去年,我们要求IE6尽快灭亡,使网络能够向前发展,产生诸如HTML 5这样的新的创新。在中国黑客攻击谷歌基础设施所引出的一个关键的IE漏洞后,现在IE浏览器——特别是IE6再一次受到抨击。对于IE6的批评不是一个新现象,但上周的事件给了我们当中一些主张废除IE6(包括我自己在内)的人新的弹药。无论你是在一个不愿意放弃IE6的公司工作或是你父母认为没有必要进行升级,这里有五个新的理由升级或更换你的浏览器:1.你和你公司的安全正在受到威胁: 再没有其它方式能把这一点说得更清楚了:如果谷歌、雅虎和其它大约20家公司的安全被危害是由于人们仍然在使用IE6所造成的,那么你的安全风险也很大。等黑客利用这个漏洞窃取了你的信息后再升级,为时已晚,特别是如果你有敏感的客户数据。2.世界各国*都建议更换浏览器:德国和法国都已针对Internet Explorer发出了警告,呼吁公民更换浏览器以防止影响了谷歌的同一类型的破坏。3.就连微软都希望你放弃IE6:微软安全研究和防御博客具体讨论了此漏洞以及由平台攻击的风险。该文章最重要的部分是,他们“建议在Windows XP中使用IE6的用户升级到Internet Explorer的最新版本和/或启用DEP保护。”这不是微软第一次请人们自愿升级,但这是第一次针对漏洞被利用的回应。你可以把它理解为一次产品回收,你会在丰田、福特或通用表示其车可能发生故障后继续驾驶它们的汽车吗?不要在您计算机的安全性上犯这样的错误。4.不想从Windows XP升级不再是一个合理的借口: 有个删除IE6的方法是升级你的操作系统——Windows Vista和Windows 7都使用版本升级后的IE浏览器。我们理解人们在选择Windows Vista时为什么不愿升级,但现在一个非常稳定、牢固和安全的升级已面市(Windows 7),没有理由不升级。对,它会让你现在花费一些钱,但它远比让您的数据被盗便宜。5.这不会是IE6最后一次大规模的安全漏洞:这个漏洞在谷歌前所未有的中国宣言之前是不为人知的。而且这不是这个浏览器所发现的第一个缺陷——至少还有142个IE6的漏洞,其中22个尚未修补。您会使用有142个薄弱点的盔甲吗?

3Ds max多边形建模实例:茶杯模型
3Ds max多边形建模方法比较容易理解,非常适合初学者学习,并且在建模的过程中用者有更多的想象空间和可修改余地。在这篇教程里,我们要通过循序渐进的讲解及相应的小实例来对3Ds max7中的多边形建模进行剖析,使读者可以比较全面的了解和掌握3Ds max7中的多边形建模方式与流程。 前面我们介绍了3Ds max7中的多边形建模中比较常用的命令,为了让大家加深印象,下面我们来实际应用一下,制作一个小瓷茶杯,虽然例子很简单,但可以先用它来热热身。 下图所示是我们将要制作的茶杯模型效果。图26 启动3ds3Ds max,选中Line工具,在侧视图中点击创建出如图27所示的截面曲线(注:创建线的时候不要拖拽,因为我们要用它旋转得到基本的几何体,如果拖拽操作,那么得到的曲线旋转成型后会有过多的细分),在关键的地方我们应多添加几个点,比如杯口和杯底,这样可以使它细分后看起来非常光滑,对其应用lathe修改命令,设置参数如图28所示,这样就得到了茶杯的基本形体(如图29所示)。将基本形体塌陷为可编辑多边形。图27图28图29 我们适当的对杯身进行切分(可以使用快速区分工具),切分出挤压杯把的面。然后试着将其进行一级细分,看一下光滑后的效果,打开subdivision surface卷展栏,勾选use NURMS项,display栏中的参数不变,将render栏中的iterations项选中,并设置值为1,这样我们可以在视图中调节未细分的模型,而渲染时渲出的却是一级细分后的模型,这样可以提高我们编辑细节时视图的交互速度。 当然,如果你嫌不够直观而你的机器又够强劲的话,完全可以在视图中也用上一级细分直接调节,这个自己决定吧,渲染一张,哇,好光滑的茶杯(如图30所示),可惜没有杯把儿,别急,我们继续。图30
最新发布

浅谈网页按钮设计的十条基本准则
设计按钮的方法有很多,但是基本准则却只有那么几种。你在浏览一些图库的时候会发现,大多数按钮的设计大同小异,只有少数那么几个做到了仔细推敲、反复打磨的用心。不管用什么工具,首先,我们要了解按钮这一元素的基本。正文开始前呢,优设哥送您一个非常不错的网站,国外的知名资源站点–按钮之家。顾名思义,全是与按钮有关的设计资源哟。http://houseofbuttons.tumblr.com/网上是不是充斥着一些”UI套件打包下载”?而且是免费的?但是即便下载也没多大用,这些套件用来研究学习效果更佳,如果直接拿来就用,效果便不是很好,因为你没有考虑到上下文的关系!没有考虑到按钮是否和内容相符!也没有考虑到按钮的布局与页面的整体布局是否匹配,是否符合一致性!因此,与其拿来主义,不如花点时间坐下来思考,什么才是适合你设计的按钮。应该怎样设计?按钮应该怎样与整个界面、上下文、品牌相匹配?能否打造独一无二的效果?我还需要主要、次要、第三重要的按钮吗?那么他们应该怎样彼此区分?这里有十条基本准则,每当我设计按钮的时候就会考虑到这几点,我不会贴出我的图层样式,但不要总以为这是空泛说教,好的设计师对于设计的理解是超越PS,超越套件的,因为他有自己的设计思维。1.要与品牌相符按钮要和品牌一致,颜色、视觉风格要和Logo差不太多。你可以从Logo中借鉴形状、材质、风格等等。如果Logo是圆形的,那么按钮也可以试试圆形以及其他能够引起行为召唤的形状。

详细解析未来的网页交互设计才是王道
随着越来越多的”标准”(看起来没缺点但印象不深刻)网站出现,设计师们发现拥抱交互性才能创建出一个成功的网站。每天有无数的互联网用户浏览网站,作为一个品牌,你需要弄清楚如何脱颖而出,并在用户的心里刻上你的商标。做到这一点的最佳途径之一是在你的网站上加入互动元素。我们的目标是吸引客户,并鼓励他们通过创新互动元素的滚动导航、动画人物或独特的点击控制等,但无论你做什么,都必须做出值得造成话题可议论的创新点。这个站点上的交互性很好的改善公司与用户的关系,这都是由NeoMam工作室制作的信息图的功劳,随着丰富多彩的动画和滚动导航十三个原因确实使观众想呆在那里,并探讨。显示游客花了多少时间在他们的网站上,当他们到达底部时会看到”你看,你已经阅读完了吧。这也难怪信息图一直如此成功”再次重申了他们的观点。谷歌花了很大的力气通过了所有的浏览器步骤,把搜索加进他们的网站上。使用简单的图形分解大多数人认为是一个非常复杂的过程,让任何人都可以理解。“If you don`t believe you won`t make it happen”这句贺词从一开始就会激发用户,鼠标向下滚动伴随着积极的信息,用生动的工作室式的动画较好的报答用户,在某种程度上还突显了品牌的特色。如果你在寻找一个地方开始,由Codrop提供的页面转换器是一个不错的选择。他们创造了一个指南,使您可以在自己的网站实施不同的导航效果。他们主要集中在滑动,但他们也告诉你一些其他的观点和转换形式,这将有助于你的页面脱颖而出。

画龙点睛之网页首屏的标题文字设计
标题选用细字体好还是粗字体好呢?今天我们就来为您揭秘其中奥妙。不知大家有没有看过这篇文章,《网页设计新招:采用大胆奔放的字体》。不过呢,这只是众多网页设计案例中的一小部分,虽然比较大胆奔放的字体能够成功的营造视觉焦点,但是有时候,太过粗犷的字体会破坏整体的和谐,因此,我们有必要使用一些纤细、精致、优雅的字体。类似我们之前推荐过的《25个最新的免费时尚字体》。跟粗字体一样,细字体的使用也是有条件的,需要设计师具有良好地审时度势的能力。其一,使用细字体时,要注意保持字体与背景的对照关系,以保证可读性和清晰性。其二,使用细字体时,要合理调整字体大小,太小的字体不引人注目,大一点的字体更容易阅读。其三,还要考虑到不同字体之间的互相作用,以求达成较好的视觉效果,保持一致性。当然,本文不局限于细字体,还包括一些粗字体标题,结合了一些标题精美的网页设计一起推荐给大家。All-N-1 House of Beauty有型而又精致的标题,流行味十足的背景,字体纤细整洁。

23个国外最具影响力的网页设计博客
作者花了大量时间在网上搜集行业里高质量网页设计的博客,不过话说回来,高质量可信的资源确实挺稀缺的。CSS-TricksCSS-Tricks是Chris Coyier公众博客,专门讲一些有关CSS的话题。不过近几年来,CSS-Tricks有了下面一些扩展:Chris和Dave Rupert一起创造了ShopTalk 播客,在里面可以讨论所以有关网页设计和开发的事情。Chris 出过几本书,做了一个 Lynda.com的Wordpress主题课程,并且他还创建了一个The Lodge的课程教人们学习如何制作一个颇具现代感的网站。超多很酷的项目,像 CodePen,HTML-Ipsum, Quotes on Design 。Chris真是个超有想法的人。CSS-Tricks 是 Chris Coyier 2007年建立的,总部在美国怀俄明州的密尔沃基,至今网站月页面访问量达270万。网站亮点(这个网站的独特之处是什么?):名人效应——Chris Coyier 是这么网站的精神领袖,他的个人风格贯穿于项目始终,是众多设计师的楷模。向他学习,同他一同去冒险吧!趣味阅读——虽然我和Chris 没有私交,但感觉我们就像好基友一样,可能因为他在自己网站上的开放性吧。其实只是不断的浏览CSS-Tricks就是一种很好的体验,比如,看看CSS-Tricks这6年以来的设计改版。选择你最喜欢的方式学习网页开发——视频(看)、录音(听)或者经典的文字阅读。在这里你可以学习 HTML, CSS, JavaScript, jQuery, PHP, WordPress还有网页设计行业的相关趋势。必须搞起呀!CSS-Tricks 相关数据:Alexa 国际互联网流量排名:1737Google PR值:7Twitter粉丝:74,021Facebook粉丝:16,018Google+粉丝:15,970Youtube邮件订阅:6,177

如何设计一个清爽极简的购物网站
电子商务网站的设计趋势越来越向极简化靠拢了。在过去,很多线上商城都采用了相反的方式来设计。这些网站通常都充斥着各种信息,字体和颜色都咄咄逼人,并且网站严重过度设计。现在很多网站弃用模特、夸张的颜色和字体、花哨的图片,只为营造极简风格来展示他们的商品。自响应式设计形式出现以来,它便成为影响众多网站的一种趋势(不仅仅是电子商务)。更多设计师开始拥抱这种趋势——简单才是更好的。这会带给用户更好的网上购物体验和更干净的界面,文字更易读、界面更简单、快速和友好。这种趋势不仅仅关乎设计,还创造了更佳的整体体验,想想苹果和它线上商店所取得的成功。现在,我们来看看这种趋势和将它运用得当的公司,还有能一些能为你所用的诀窍。趋势越来越多公司开始在他们网站中舍弃丰富颜色、模特和动画,有助于实现更加简化的设计方案。背景纹理都变得更加微妙——或完全去除了,为了使用纯白或纯黑的背景来突出商品图片。但为什么呢?

20套免费大气的iOS7风格UI设计元素
iOS7出来后带动了很多扁平化设计的趋势,现在很多应用都模仿iOS 7 风格来设计,iOS7风格界面看似简单,但是很多细节你注意到没有呢?今天设计达人网为大家分享20个免费的iOS 7 UI KIT素材,这些素材有很多UI设计元素可以参考或直接使用在你的设计上,十分方便。进入下载页进入下载页很喜欢ios7的切换按钮,交互效果十分友好进入下载页如果你想找AI格式的ios 7 素材,我想这个就适合你了。

游戏页面设计的一些个人思路与见解
整个版式的想法就不在这里叙述了,主要是标题可能会根据内容的不同进行一些字体设计,感兴趣的朋友一起来学习吧。所使用的素材最终稿效果步骤一:标题配合素材引发的思考这次版本标题是“幻灭寂静”,配合需求方提供的素材找出关键词:虚幻+阴暗+冷色调+boss一定要叼(叼了才会有扁它的冲动)ok,找出关键词了,排版就很容易了,表情叼的boss站中间,其他的站边上。

详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

详细解析网页设计圈的10个领军人物
在每个行业都会有这样一群人:他们乘风破浪,在茫茫碧波中发现新的风景;打破教条,开辟新天地,引领人们前进。他们就是所处领域的冠军。网页设计领域也是如此,这个行业里人才辈出,那么今天我们就来八一八网页设计师都应该熟知的十个大神吧。纵观创新领域,你会发现有那么一些很有影响力的人,正引领着整个行业的发展,无论是新的概念、技术方法或是思想这些方面。如果我问你,摄影世界里你知道David Bailey吗?艺术领域你是否知道Tracey Emin?不过你知不知道都不重要,因为无论你知不知道他们都真实的存在着,并且定义了一项运动或一种工业。网页设计跟上述领域没有本质的区别,也有领军人物,但是要选出10个大家都应该知晓的人物还是蛮难的…不过很幸运,我们生活在一个人人乐于分享的年代,facebook和twitter等社交工具让接触名人不再是个梦想。那么今天的人物传记之旅就要开始了,你准备好了吗~等等,在这里我必须要告诉大家:排名不分先后,如果你认为哪个大神被我们漏掉了,请在下方的评论里大声说出来!01. Andy ClarkeTwitter: twitter.com/malarkeyAndy是众所周知的会议发言人,也是一家基于威尔士语的设计工作室的创始人,顾客有内政部,STV电视台和国际标准化组织等。《硬派网页设计》这本书让Andy红遍设计圈,此书将渐进增强思想与响应式网页设计有机结合,是设计领域当之无愧的葵花宝典。Twitter: twitter.com/simplebitsDan写过五本书,内容从基础等级的代码编写到Sass都有涉猎。他不仅仅会写书,还会网页设计和发言。除了这些光环外,Dan还是著名设计分享网站dribbble.com的联合创始人。Twitter: twitter.com/mezzoblue

精选国外11套优秀的UI设计模板PSD素材
好东西越来越多了,免费的午餐也越来越多了,如果你买不起付费的素材,可以先用免费的应应急,而且不少免费素材也不差。在本篇文章中,你可以看到很多熟悉的“老面孔”,没错,本篇便是十一月份UI设计素材精选。一应俱全的PSD模板:包括iPhone、iPad以及其他移动设备的UI套件(包括最新的5s,iPad Air)、线框图、展示效果图(分层的、实物的)。所有模板均为免费(有的是限免,所以抓紧),各位请一一挑选吧。iGravertical Screen Layers + iOS 7 Screen Converter