推荐阅读
高低频磨皮法融合磨皮插件实现完美磨皮示例
说到原创，我不过是“原创”了这个示例，而这个磨皮方法是平湖老师发明的，为感谢他的创造，建议把此方法称为“平湖法”。可以认为这个方法是高低频法的发展，因此磨皮效果好；它又巧妙地融合了插件磨皮，因此操作很简单。先请欣赏平湖老师的作品：这是原图这是效果图，很漂亮吧？现在我用一张男人的图片来演示平湖法磨皮。请看原图：
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中如何制作分页，使用第一种方法制作的裁剪符号，仅能在其中一页四周出现（也就是你选择的页面）。此时应该使用第二种方法来制作多个分页的裁剪符号，日后做印刷品时方便裁剪。 如下图： 大家不妨尝试一下使用裁剪符号导出图像，慢慢就体会到它的方便处了。
最新发布
详细解析网页表格设计的5大要素
现在老板对注册量抓的很紧，当注册里的表单设计的太过繁琐或缺乏人情味，会直接让访客不想和你交朋友，哪怕是留虚假信息。我只想说，网页中的快速填表功能非常重要。而国情却是很多网站没有快速注册表单。千万不要觉得注册只是开发者的工作，这也需要设计师的积极参与，设计可以极大的提高可用性。优秀的填表设计，能够清楚的让用户明白：我输入的东西准确无误的填写到输入域了、我填写的注册信息正在处理中。作为设计师，我们的任务便是：让用户看到清晰、保证用户输入的过程中是愉悦的。在细节方面，那些错误提示，以及填写时的友情贴士都带有足够的人情味!指示帮助有的时候用户对表单很厌烦，我们大可以在设计的形式上给用户带来新颖的视觉冲击。这可不是无关痛痒的小问题，这关系到用户体验，表单填写作为用户交互中的第一环，体验一定要优秀。为了给予用户提示，应该在表单域下方或者附近添加帮助性文本，这叫做Microcopy(缩微文本)排列与对齐我们也可以通过设计控制用户填表速度。我们可以通过标签排列和输入域的对齐来提高用户填表速度。
16个能有效学习着陆页设计的经典案例
这篇文章中，我们为大家精心整理了一些有趣且富有创意的着陆页面设计案例，帮助你快速掌握着陆页设计技巧。大家都知道着陆页面(Landing Pages)需要特殊的设计，才能抓住目标受众的注意力。着陆页对于帮助网站把访问者转换成销售非常重要。因此，产品的消息必须明确，设计必须能吸引人且简单易懂。来看看这些优秀案例获取灵感吧。PreziinDineroLatteShipment
设计大师浅谈如何理解用户的眼
生活中很多人会调侃道：“每天手指在手机屏幕上滑动的距离比走路的距离还长!”随着指尖上的浏览融入到生活的方方面面，如何让用户手指滑动的更有效率，在滑动手指的同时看到更多想看的内容，而不白白滑动手指，是提升手机APP用户体验的重要方面。为深入理解人们的APP浏览行为，我们使用专门用于追踪移动设备注视行为的眼动仪对用户浏览社交APP的习惯进行了研究，试图更加直观地展示人们浏览APP的特点，以及由此引发的对于优化APP浏览体验设计的思考。如果你有时间，并且想了解更多交互设计相关的知识手机与PC浏览，区别在哪里?我们曾先后针对QQ空间PC版和QQ空间手机版进行了眼动测试，让用户登录自己的QQ空间自由浏览好友动态，对比两次测试的结果(如下图)，可以发现，相比于使用电脑浏览好友动态，用户在手机上浏览好友动态时手指滑动更频繁，经常是在滑动手指的同时浏览内容。在进行基于电脑网页的眼动数据分析时，我们主要关注用户的注视焦点和轨迹，但对于手机来说，只分析用户看了什么和不看什么是不够的，有必要兼顾眼睛注视和手指滑动，来分析用户的浏览特征，并评估用户的浏览效率。在对QQ空间手机版进行眼动测试的过程中，我们发现，有时用户明明对某一条动态感兴趣，却只是滑动屏幕而不看上面的内容，直到把内容调整到一定范围内的时候才开始看，这种情境显然降低了用户的浏览效率，增加了手指的滑动距离，却没有因此看到更多的内容(如下图)。在该研究中，我们将这种情景称为“低效滑动”。低效滑动的情景让我们不禁思考：既然用户不是自上而下将整个屏幕的内容浏览完之后才向上滑动屏幕，那么，用户的注视范围究竟有多大?如何基于注视范围来优化设计以减少用户的低效滑动?用户的注视范围能否改变?
详解完成简单网页的设计上传和发布
这是一篇由 Chris Kellett 为大家带来的教程，只需利用Ai CC 以及Muse CC，就可以在一行代码都不写的情况下，完成简单的网页设计和发布。不过本文仅仅简单的介绍了大体的操作流程，更多细节还需诸位仔细研究一下。01. 用AI进行基本布局工作流程的第一步是使用AI CC，进行基本的布局，并且创建基本的矢量图标。完成后，在图层面板中选择释放到图层(顺序)。这样就能将设计导出，以供PS编辑。02.用PS完成设计根据AI导出的图层，用PS进行视觉设计。03. 命名图层
如何为原生表单控件穿上美丽外衣
在互联网成熟的今天，大家对网站的要求不仅仅在功能实现上，也开始注重视觉设计，多终端用户体验等等。表单控件是web页面上重要的组成元素，具有非常高的功能性。交互设计师为它设计更加方便的操作方式，视觉设计师也会绞尽脑汁设计出更加夺人眼球的视觉展现。可是由于表单控件自身的局限性，不能很好地自定义外表，所以就诞生了一系列的由聪明的前端同学模拟出来的以假乱真的表单控件。让我们从一个真实的“栗子”开始。视觉设计师提供了一张设计稿：作为前端同学，我在收到稿子的一瞬间，其实内心各种想法交织:这样设计很好看，只是需要模拟控件，看样子还要切图，下拉效果也是要模拟的，最重要的是要考虑兼容性，此外做完还要留下详细文档解释用来与团队沟通。这样的模拟需要在兼顾实现设计的同时，还要保证网站的性能和可用性。这时我不禁开始怀念那些看起来平凡却非常实用的原生表单控件。如果用他们几乎可以解决以上所有问题。一、说服设计师用原生控件，原生控件好处一箩筐我们从美观性、易用性、可用性、愉快感、忠诚度等几个维度对一个web产品评价，美观是其中的一环， 但是更好的功能实现、更高的效率会比华而不实的设计更加有利于产生愉悦的用户体验。1.1 节省团队沟通成本
详细解析网页全屏设计的心得技巧
晋小彦：时代在变规则也在变，网页设计师刚入行的时候都会被告知信息内容需要摆放在800或1000的宽度以内，但是今天不论在网络速度还是硬件、显示屏都有了不同程度的更。面对伴随而来的多终端显示。如何让我们的网页有一个良好的第一视觉?如何让各类的用户特别是宽屏的用户在自己的显示器上看到完整的视觉盛宴?而非仅停留于1000宽度的切糕网页。我们需要全屏大视野。那么，全屏画幅和自适应的信息设计成为了关键。说说——不做1000 小切糕还给宽屏大视野大家应该都会有这样的经历，在我们入行网页设计时首先会被告知的潜规则就是，页面的内容一定要设计在1000(1000～1004)的宽度以内，这个规则并没有错误，特别是在过去的几年中。不过随着硬件和网络的发展，网页显示的终端也在发生着快速的变化，从宽屏到超宽屏，从手机到IPAD。如果网页设计固守着1000宽度的话，也就相当于放弃其它终端用户的视觉美感。所以多终端响应式全屏设计成为必然的趋势，当然或许这对您也许并不陌生。如果我们翻阅08年之前的页面就会发现过去些年网页设计的特点。从缩略图中就可以发现，当年的页面通常将内容设置在800或1000宽度以内，背景则选择纯底或渐变或纹理平铺。而今天如果用大屏显示器来浏览这类型的页面，就会发现，它们如同一块中央切糕。当然我们是可以完整的浏览页面的全部内容，但1000的设计在宽屏用户看来却略显局促。(那些年我们做过的切糕)
浅谈游戏官方网站的设计风格
还有人不喜欢玩视频游戏吗?好吧确实有人不喜欢，但是我相信不喜欢玩游戏的人不多，游戏技术一直在不断的发展，每一年我们都会看到很多图像效果惊人、愉悦性极佳的游戏新作。但是”酒香不怕巷子深”的时代已经过去了，优秀的产品要配以优秀的宣传。游戏的网页设计，就是宣传的重中之重。本文通过游戏类网站的界面来展示：网站是如何与游戏完美的结合，从而达到对游戏产品的宣传。对于设计师：在游戏类网站中，你会了解那些传奇游戏背后的团队与设计师。你会从他们的故事中得到灵感。对于用户：网站将会对游戏内容进行一个预览，吸引用户的兴趣。这些游戏类网站基本都很注重功能性和目标，这也是技术重要之所在。但是从网页设计的角度来看，游戏类的网站不免太注重视觉，装饰过度。但是本文的案例中的游戏类网站也有那么几个紧跟了网页设计的趋势，注意到了网页设计中的极简主义和信息指向。1.星球大战：旧共和国
那些令人赞不绝口的创新型HTML5网站
如果你对HTML5的了解还不深，建议可以先阅读：一张图读懂HTML5 。当然，我们也为您准备了40个超赞的HTML5教程。在过去的10年里，网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是HTML5。这篇文章向大家展示12个创新的HTML5网站。看看这些惊人的 HTML5 网站，从这些优秀的 HTML5 网站获取灵感并应用在自己的网站中。希望你会喜欢这个集合。网站细节丰富，动画强悍，网速着急的童鞋请稍等下，等待加载。Wildlife这个网站一定要试试从上滚到下，感受一下页面里的动效，十足令人震惊!Saucony Kinvara 3VlogArt Ingenious
盘点注册和登录产品设计路上爬过的坑
作为最基础的常备功能， 注册/登录往往是产品第一个版本中最容易被忽视的环节，越是看似容易，陷阱越多。介绍相关产品思路的文章很多，讲交互的多，结合运营的少。一. 非常基础1.1 因「私有化」而存在不是所有的产品都需要注册/登录，除非[私有内容/私有操作]具有足够的吸引力。注册：用户告诉系统Who is Tom，系统记录Tom和口令。登录：用户告诉系统I am Tom，系统辨别Tom和口令。1.2 Passport产品线及近亲通常把注册、登录、找回密码、修改密码、账户关联这几件事归为Passport产品线。它的近亲是Profile产品线，包含用户资料、个人设置等。1.3 登录是高频，其他是低频注册、找回密码、修改密码都是低频操作，但都属于迫切程度比较高，也最容易引发挫败感，导致用户投诉及放弃使用产品。