推荐阅读
高低频磨皮法融合磨皮插件实现完美磨皮示例
说到原创，我不过是“原创”了这个示例，而这个磨皮方法是平湖老师发明的，为感谢他的创造，建议把此方法称为“平湖法”。可以认为这个方法是高低频法的发展，因此磨皮效果好；它又巧妙地融合了插件磨皮，因此操作很简单。先请欣赏平湖老师的作品：这是原图这是效果图，很漂亮吧？现在我用一张男人的图片来演示平湖法磨皮。请看原图：
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中如何制作分页，使用第一种方法制作的裁剪符号，仅能在其中一页四周出现（也就是你选择的页面）。此时应该使用第二种方法来制作多个分页的裁剪符号，日后做印刷品时方便裁剪。 如下图： 大家不妨尝试一下使用裁剪符号导出图像，慢慢就体会到它的方便处了。
最新发布
设计大师漫谈响应式网页设计心得
1. 如何理解响应式设计(RWD)zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果 我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个例子，我的应答对象就相当于我们要讲的响应式的设备，他必须能够解析 我发给他的需求。然后咱们再讲一下设计，设计的官方解释是这样的：1.设下计谋。2.根据一定要求
详细解析IOS7和Android4.4奇巧巧克力
Android的粉丝为Google Nexus5的发布而举杯同庆。LG的这款智能手机使用了最前沿的科技却提供了难以置信的合理价格。同时，还有另外一个理由让我们兴奋——它是搭载了Google最新一代的手机操作系统Android 4.4的第一款手持设备。但是，Google的更新与iOS7相比表现如何呢？接下来让我们一起探索一下。界面那些期待看到Android的这次更新像iOS7相较iOS6有大量改动一样的粉丝要感到失望了。Android 4.4与其说是革新不如说是进化。视觉上看，4.4与4.3势均力敌，伴随着最大审美转变的是默认字体“Roboto”的细微调整、移除了屏幕顶部通知区 附近的固定栏和位于屏幕底部显示的菜单栏。4.4的另外一个变化是应用程序列表，程序列表不再拥有一个乏味的纯黑背景，而是显示在主屏幕壁纸之上，这样看起来要有吸引力得多。应用程序列表也 被削弱了，桌面Widget选择从中移除。现在在主屏幕上长按可以进入桌面Widget，这其实是Google的部分回归，因为Android 2.3上也是用的主页长按呼出的方式。除了上面说到的那些，其他部分表现的非常Android；设计师Mathias Duarte将操作系统塑造成符合他自己的独特审美，以致现在手机和平板看起来都非常统一（至少也保持了非常Android）。你可以期待4.4装到其他手机上时，各厂商会有用户自定义界面。讽刺的是，当Android在交互界面和视觉形态上找到自己方向的时候，苹果颠覆了它标志性的拟物风格而转向了一种新的风格——这种风格某种程度上 来说——与Google的操作系统难以区分。从相似的锁屏界面到偏细的字体和相似的应用程序图标，两个手机操作系统从来没有这么长得这么像过。Android4.4的多任务界面和之前的是非常相似的，点击多任务按钮可进入该界面。在多任务管理界面，你可以滑动条目关闭正在运行的应用软件。iOS7引入了多任务界面，这个界面看起来就像是竖版的Android多任务管理界面，碰巧也是滑动条目关闭应用软件。然而，它内里的核心功能实现是完全不同的。Android的应用在后台是可以继续运行的，而iOS上的大多数——不是全部——应用后台时是处于“冰封”状态的，这意味着它们不会消耗系统处理能力还能在接受通知的瞬间被调起。这样的好处是可以保护电池，也意味着编程时必须特殊处理才能让应用软件可以后台运行。Google在iOS上最 新更新的Google+这个软件是个很好的例子，它马上可以实现在应用没有打开的时候上传照片到云端。
详细解析手机移动应用的广告模式
yawei_liu：前段时间无意中接触了一款叫做“花钱Colormoney”的软件，名为“花钱”，实为帮用户赚钱的一款移动APP锁屏软件。如何赚钱呢？可能大家都已经想到了，就是做广告。但是这个APP的巧妙之处就在于将产品的广告图片作为用户手机的锁屏图片来呈现，用户滑动开锁一次可以赚取3分钱，滑动进入广告所展示的内容页可赚取6-9分钱。听上去虽然是蝇头小利，但是就是这微乎其微的几分钱不仅大大降低了用户对于广告的反感，而且还为用户带来了可观的收入，到底有多少？下面我来给大家算一笔账。对于用户而言：用户每天点击锁屏次数：平均 60 次每小时最多有效点击3次：共计 0.09 元一天10小时使用手机：共计 0.9 元一个月可获得利益：共计 0.9*30=27元一年可获得收益：共计 27*12=324元年收益324元，比普通的银行利率高多了，重要的是不用付出任何代价只需要下载一个APP。对于广告商而言：用户每天点击锁屏次数：平均 60 次按照5w用户算广告展示次数：共计 60*5w=300w/天广告点击率：3%-5%广告点击量: 共计300w*3%=9w/天每天9w用户的点击量是不是比花钱去做电视广告强多了。如果你是用户，你会不会下载安装这个APP？如果你是广告商，你是否愿意投钱在这个APP上做广告？
详细解析移动端APP动画设计心得总结
扁平化设计越来越火爆，那么在弱化视觉效果的情况下，有设计师提到该从交互方面使体验更加愉悦，现在很多App也在努力朝这一方向发展。1、flipboard：利用上下动画来切换到下一个界面(由于网慢数据没有加载出来);2、Android主界面：界面元素使用直线型的轨迹来运动，使界面更具有科技的感觉;3、APP交换：列表从上到下或从下到上的曲线流畅滚动效果，很酷的(两个手机同时装上该 APP，靠近互换软件);
浅谈各浏览器下字体排版一致的问题
麦时：我们知道同一种字体在不同浏览器上的表现有可能是不同的，除了浏览器，还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的，根本原因是什么呢?我们希望各浏览器下字体排版一致，实现的话有完美的方案吗?带着这些问题我们来看看字体渲染的过程：解码了解解码之前，我们稍微先简单回顾下编码的一些知识，常见的名词有：ASCII 、GB2312、Big5、Unicode、UTF-8，它们之前有什么区别或联系呢?简单来说，起初美国国家标准协会ANSI制定了一个标准，规定了常 用字符的集合以及每个字符对应的编号，这就是ASCII字符集(Character Set)，也称ASCII码，当计算机慢慢发展，人们发现之前的128个的字符不能满足需求了，于是便在原基础上进行扩展，GB2312、Big5等都属 于扩展后的编码方式，再后来呢，为了实现在一份文档中可以正确显示所有类型的字符，于是Unicode字符集诞生了，而UTF-8是Unicode的实现 方式之一, 与之相似的还有UTF-16和UTF-32。回顾了编码，我们再来看解码，浏览器收到网页内容后，首先需要把这些内容转化为可阅读的文本，上面我们也提到了，不同国家或语言会使用不同的编码方式，那怎么去判断编码方式呢，方法有下面这些(优先匹配前面的规则，如果没有，则按顺序往下匹配)：Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset=”"的编码网页本身 meta header 中的 charset 部分浏览器菜单里一般允许用户强制指定编码部分浏览器 (比如 Firefox) 可以选择编码自动检测功能，使用基于统计的方法判断未定编码。分段
分享设计师提升工作效率的神器法宝
说是专为自由设计师准备，事实上每个设计师都值得拥有，来吧不管是不是自由设计师，下面这些资源都足以震撼你的心灵提升你的工作效率，至于你信不信，反正我信了。一、设计/开发工具在此平台上展示你的原型或半成品。在你展示的过程中客户不知不觉就看到了你的进步！通过Mail’ette你可以创建作品快照，把左右相关的编译、链接、PDF都在此展示出来，而且永远不必担心上传不了或图像丢失，该平台还提供了一个客户反馈机制、结账方案，直接和客户挂钩，省去多少心力啊！由Macrabblit开发的一款切图利器slicy，专门为大家解决在切图过程中遇到的问题。切图耗时耗力，有了slicy，可以为你节省大把的时间，只需要我们在设计psd文件时将需要切图的图层命名去设置一下，比如我要切一张背景的话，那么这个图层的命名就是 bg@2x.png， retina版设计稿可以直接生成低清的切图，非常方便。Skitch 是一款图片编辑和分享软件，同时提供 Mac 版和 Android 版应用免费下载。Skitch 的图片也可以上传到 Evernote 上，并且新增了图片旋转功能。基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。
锦上添花：让图示穿上颜色说说话
文字、图片以及图示可以说是用户界面中最重要的三种基本元素，使用图案代表文字有很多的优点：例如跨越语言限制、降低制造成本、降低学习成本等等。最常见的一个例子就是男女生厕所的区别标志，从最常见的人形符号、性别符号以外，我们也常在许多场合看到各种创意的性别区别符号，像是电影「赌侠」中在赌神号中的厕所门口即是用PUKE牌的 King 以及 Queen 来做为男女厕的区别符号。用户界面系统中也有许多常见的符号标示：打勾代表确认、叉叉代表取消或删除、放大镜可能是代表搜寻、放大或者是缩小、垃圾桶当然很直觉的就是删除了。以及来自于音响界面上的播放、停止、跳转等等。从极度形象化的到抽象的皆有，这些都是我们相当熟悉的用户界面符号。而其中有一个容易被大家忽视的符号：0 与 1，我们可以在很多开关中发现其踪迹，像是以下这个是 iOS 系统中开启「勿扰模式」的状态：0 与 1 的符号在现今被简单的定义为开与关闭的意思： 0 代表着 off (断电)，而 1 则代表 on (接通)的状态，在计算机以及电路中皆是如此，事实上在许多应用场合中并不是写上 0 或 1 的符号，更多时候是使用简单的
网页中常用的19个WEB安全字体及CSS写法
但多数情况下，考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写，这里整理了19个Web安全字体，让你无需任何顾虑的情况下畅快使用。1, Arial 微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。 （苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说道Helvetica字体，昨天发现了很多有意思的站点，主要是纪念Helvetica字体诞生50年而设的。）CSS写法：font-family: Arial, Helvetica, sans-serif;2, Arial BlackCSS写法：font-family: ‘Arial Black’, Gadget, sans-serif;3, Arial Narrow
详细解析跨界混搭的产品设计
混搭」这词常见于「流行音乐」中，是将两种不同的风格的音乐混合在一起，产生新的趣味的做法，有 1+1>1 的效果。而在我们熟悉的互联网中其实也有不少「混搭」形式，结合最近在做的产品正好做了一个简单的分享。第一阶段：Web2.0 MashupWeb2.0 时代从一开始就有「Mushup(混搭)」的理念，各种号称 Web2.0 的网站或多或少的都会有 API 或着类似工具让大家方便调用内容，很多网站到现在还保存着这些功能，如果经历过 Web2.0 时代的同学，一定会对那是博客右侧的显示不同网站内容的小工具记忆犹新。印象中比较深的小工具有：Flickr Badge，Twitter 小工具，豆瓣的收藏秀等。Flickr Badge，可以自定义照片的布局和显示的数量，然后生成代码引用Twitter 小工具，可以把 Twitter 的内容生成引用豆瓣的收藏秀，把在豆瓣上看过的书，电影，音乐，舞台剧进行生成引用第二阶段：产品+移动的融合
详细解析网页社交登陆表单的那点事
小伙伴们，今天我们要来探讨一下社交登录表单的那点事。什么是社交登录表单?和单纯的注册与登录不一样，现在是社会化的合作时代，一切都讲究共赢、高效!而社交登录表单正是为我们提供了一个快速进入网站的入口，通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。要想使用网站提供的社交登录表单功能，前提是你有那些社会化网站的帐号，不过这个时代，谁会木有QQ或者微博呢。话说国内的一些网站利用社交登录表单登录后，体验很不好，层层跳转，进入网站后，依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷，分明只是一个噱头而已。直观看一个例子 Wunderlist：该应用允许用户使用社交账号登录，也可以另外直接创建账号。直白地说，社交登录表单就是一个进入某系统的入口，用户可以在这里注册账号，实现快速登录。社交登录表单用例