推荐阅读
高低频磨皮法融合磨皮插件实现完美磨皮示例
说到原创，我不过是“原创”了这个示例，而这个磨皮方法是平湖老师发明的，为感谢他的创造，建议把此方法称为“平湖法”。可以认为这个方法是高低频法的发展，因此磨皮效果好；它又巧妙地融合了插件磨皮，因此操作很简单。先请欣赏平湖老师的作品：这是原图这是效果图，很漂亮吧？现在我用一张男人的图片来演示平湖法磨皮。请看原图：
PS层样式详解:添加层样式
层样式是Photoshop中制作图片效果的重要手段之一，层样式可以运用于一幅图片中除背景层以外的任意一个层。如果要对背景层使用层样式，你可以在背景层上双击鼠标并为其另外命名命名。如果要对背景层使用层样式，你可以在背景层上双击鼠标并为其另外命名命名。 我们可以使用多种方式为层添加层样式： 方法一：首先选中层，然后单击层面板下方的“样式”按钮然后选择需要添加的样式。 方法二：在层面板中双击层图片，打开“层样式”对话框，在“层样式”设置对话框中可以通过钩选样式前的复选框开添加或者清除样式。 方法三：如果要重复使用一个已经设置好的样式，可以在层面板中拖动这个样式的图标然后将其释放到其他的层上。
一位设计者多年经营设计的心得(1)
第一部当今平面的设计理念 当人们面对一个美好愿望的源泉时，他们只是屈服与它，并希望当他们睁开双眼时他们的愿望已经实现。但荒唐的是，有时他们仅用了金钱所买到的便信以为是他们所拥有的，这是绝对真实的，他们却并未意识到那仅仅是本应发生的（在这时我们便应相信命运）。 面前所提到的比喻并非是空洞的，他们并不是简单词组的广阔含义或是个人任意的演义，但它本身所拥有的暧昧的双重性确实是事实。我们这里所提到的也正是我们在生活中经常见到的，也会是被平面设计师们所认为是自身行业的初衷，尽管他们应铭记在心里但却也偶尔像是忘记了；这初衷应该是紧系着交流与沟通，这样的初衷应在大家的心中更为清晰而不是含糊不清的。无论是传播者也好，接受者也好，我们共享着的不光是物质空间，并同样共享着视觉空间，并且我们都同样是自身产物的见证人。 做自己作品的观众与见证人并没有任何的不妥也没有任何的不妥将自己的作品与别的相似的或不同的作品做比较，哪怕只是比较一下其相同或不同之处。但是不仅应是与别人相同或不同，而他应是独立存在的，就是他本身。他应该是作为沟通与传达某一信息的独立载体，无论搭吊外表看上去如何。当然我们不应忽略造型的重要性，也不该忽略传达信息的本意；平面设计就是这样一种通过他的设计师达到沟通的目的。 我无疑选择了一个不光与自己并与整个社会有个重要约定的职业。我们选择了一条以满足于大众为目的的道路，而不是去相信自己所做的。 很久以前，当人类产生一个想法、意念的同时便会去利用周围一可利用的工具以实现他的目的；意念便成了满足需要的答案。就像前面所说的，远古的人类饥饿的时候会去找一根大木棍打猎，这一切的行为都是以其需要作为目的的；而逐渐出于同样饥饿的目的与需要人们改进其质量与效率，就这样武器产生了。随着时光流逝，社会与科技的高速发展，今天的我们已不需要拿着木棍沿街打猎就可以享受美味的食品。但是同样遗憾的是今日的人类不光为了饥饿去猎食，而打猎也成了一项运动和消磨时间的娱乐项目，从而失去了其意义。 我至今还记得一本关于太极的书所写到的这样一个故事：两个好友久别重逢，其中年少的一个从一辆名贵的汽车上走下来，身着名牌西服与他的老友拥抱。老友在夸奖他现有的优越的经济状况与职位的同时也觉察到他有一些瘦弱与憔悴；这时候年轻人解释到这是由于过于忙碌而常常没有时间吃饭，他的老友沉默片刻后有些惊讶的问到："吃饭不正是你每日工作的原因吗？"这时候我们所谈到的是目标的丧失和野心的膨胀。有野心并非坏事，但是无止境的要求更多，以至于不知为何，有些类似于并不为了饥饿去猎食。就在人类开始猎兽的不久后便决定将他的生活、他与大自然的搏以及他的战略攻势以图形的方式向众人表达，并且以最自然的方式表达了自己的需要；他们将图形塑造在自己的洞穴里并保存了很长时间，这便是人类解决问题的初衷。就武器而言也是一样，虽然后来工具与颜料都改进了但用它的目的和初衷却是一样的。 完美是因有不完美而存在，就完美而言，一切都是可完美化的。但是当一个人固执的一直想将一件事情完美化的时候，在他周围的一切都凝固在了完美化的过程当中了；这时候他早已失去了初衷。今日的平面设计不幸的失去了他的初衷，也是唯一的目的，那就是--交流与沟通。这是对周围环境的一个快速解读；如今造型与信息学似乎高于交流与传达的功能。
AI裁剪标志制作与使用
提到裁剪标志，不做排版或印刷品的朋友可能会非常陌生，其实即使我们不制作印刷品，Illustrator的裁剪符号也很有用处，用来输出图像非常方便。今天我们就来仔细聊聊 Illustrator（以下简称AI）裁剪标志制作与使用，文章末尾提供.ai原文件下载。 裁剪标志，也可以叫做裁剪符号，是用来打印文档时沿图形边缘进行剪切的细线。在裁剪时不会裁切到图像边界之内，相反，还会在边界退让一点。 AI文挡中的画板线和页面拼贴虚线，在导出、输出图像时是不起作用的。软件自动查找最高点最低点，以及左边和右边的最点，输出的图像是“顶天顶地”的。如果在Photoshop中继续操作这个图像，我们还要给它扩大画布。另外如果在同一个AI文档中制作了多个图形，而现在我们只需要其中一个，或局部图像，麻烦一点的操作是把你要的图形拷贝到新的文挡中，设置边框再输出。又或者把整个图形全部输出后，再进行裁剪。 其实通过裁剪符号将自动的为一个从Illustrator导出的文件设置画布尺寸。修剪我们不需要的图像，或者放大图像的画布。简化很多操作。 创建裁剪符号的方法 方法一：使用矩形工具，绘制一矩形，圈住你选择图形。然后选择菜单：对象>裁剪标志>制作 即可生成裁剪标志的四角细线。当你输出图像到其他格式时，软件自动只输出被选择的区域。这种方法适合输出时候使用。 TIP： 1、必须是矩形图形，可以放缩，调整高度、宽度，但是不能旋转。 2、这种方法制作的裁剪符号，是不能被选择、移动、更改的。 3、如果你觉得制作好的裁剪符号不符合你的要求，可以选择菜单：对象>裁剪标志>释放 即可删除现有的裁剪符号。释放不代表删除，释放是把裁剪符号还原为原矩形。 4、这种制作裁剪符号的方法，在同一文档内只能生成一套裁剪标志。也就是说，无论你制作出多少个矩形，你只能选择其中的一个制作成裁剪符号。如果文档中已经有了一个裁剪符号，你绘制了新的矩形，再次制作时，软件会自动删除旧的裁剪符号，生成新的裁剪符号。 5、如果你在没有选择矩形的情况下选择菜单进行如上步骤，裁剪符号则是根据画板大小制作。如果把这种没有选择矩形的裁剪符号释放后，会出现一个无充填无勾边的矩形。 方法二：绘制矩形后，选择菜单：滤镜>制作>裁剪标志 即可制作裁剪符号。这种方法适合对多页印刷品建立裁剪标志。 TIP： 1、不需要一定是矩形，但是软件自动回把图形的最高点最低点，以及左边和右边的最大点找到，并且制作出矩形的裁剪区域。 2、这种方法制作的裁剪符号，可以选择、移动、更改颜色、勾边，宽度等参数。 3、使用这种方法，在同一个文挡中可以出现多套裁剪符号，还可以与第一种方法制作的裁剪符号共存。但是，当你选择输出图像时，软件默认的区域是第一种方式制作的裁剪符号选择的区域。 4、最重要的一点，这种方式制作的裁剪符号，并不能自动裁剪输出图像的区域。也就是说。这种方式制作出的裁剪符号是图形图像。另外请不要自己制作裁剪符号，即麻烦又不会很标准，这样的事情我想你也不会做吧。 5、如果你在没有选择矩形的情况下，是无法制作裁剪符号的。 【 Ctrl + K 】打开软件预设面版中的常归选项。选中“日式裁剪标志”。用上述方法制作出的均会是日式的裁剪符号。 如下图： 如果你已经看过《AI分页拼贴全攻略》，你就知道在AI中如何制作分页，使用第一种方法制作的裁剪符号，仅能在其中一页四周出现（也就是你选择的页面）。此时应该使用第二种方法来制作多个分页的裁剪符号，日后做印刷品时方便裁剪。 如下图： 大家不妨尝试一下使用裁剪符号导出图像，慢慢就体会到它的方便处了。
最新发布
浅谈网页按钮设计的十条基本准则
设计按钮的方法有很多，但是基本准则却只有那么几种。你在浏览一些图库的时候会发现，大多数按钮的设计大同小异，只有少数那么几个做到了仔细推敲、反复打磨的用心。不管用什么工具，首先，我们要了解按钮这一元素的基本。正文开始前呢，优设哥送您一个非常不错的网站，国外的知名资源站点–按钮之家。顾名思义，全是与按钮有关的设计资源哟。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