推荐阅读
高低频磨皮法融合磨皮插件实现完美磨皮示例
说到原创，我不过是“原创”了这个示例，而这个磨皮方法是平湖老师发明的，为感谢他的创造，建议把此方法称为“平湖法”。可以认为这个方法是高低频法的发展，因此磨皮效果好；它又巧妙地融合了插件磨皮，因此操作很简单。先请欣赏平湖老师的作品：这是原图这是效果图，很漂亮吧？现在我用一张男人的图片来演示平湖法磨皮。请看原图：
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中如何制作分页，使用第一种方法制作的裁剪符号，仅能在其中一页四周出现（也就是你选择的页面）。此时应该使用第二种方法来制作多个分页的裁剪符号，日后做印刷品时方便裁剪。 如下图： 大家不妨尝试一下使用裁剪符号导出图像，慢慢就体会到它的方便处了。
最新发布
浅谈网页设计最常见的可用性错误
在过去十年中高品质的网页可用性一直是业内讨论的核心，因为它对用户来说越来越重要。好的可用性也可以帮助建立品牌知名度，从而提升用户对一个网站或者是一家公司的评价。今天人们依然高度关注可用性，是因为大大小小的公司已经证明了好的可用性策略是多么重要。在过去几年中，良好的可用性成为那些成功的初创公司的核心。多数情况下，简单的想法最具创造性，可用性主要是指：使一个功能或者产品易于使用，但同时也要保持产品质量维持在高水平上。如今，很多文章会谈到普遍意义。在对该话题年复一年的讨论之后，似乎web设计者们仍然很难去理解它。可用性早已不再是一个玩笑，下面这些建议应当被打印出来并粘到你桌子对面的墙上。链接的颜色我经常发现自己在浏览网页时，有些页面上的链接没有以某种形式高亮显示。这是我见过的最愚蠢的错误。我愿意访问那些链接使用默认蓝色的页面，而不是链接和 普通文字一个颜色的页面。用户需要知道如何在页面之间导航、在哪儿能点击链接。你不能指望他们把鼠标一行行的掠过所有文字去找链接，直到发现鼠标箭头变成 “小手儿”。我完全理解，有时候出于设计考虑，链接不能使用某种颜色来高亮显示，这样会使它们显得太过突兀。这完全是可以理解的。但是可以添加文字样式或者虚线框，你需要的只是以这种或那种方式来强调链接而已。访问过的链接也应当以不同的方式来显示，以区别于默认的链接颜色。因为这样可以帮助用户知道他们已经访问过什么，从而确定下一步要去哪儿。一些网站会使用户困惑，但是让他们知道自己已经访问过什么，绝对会使他们对你的网站印象更好。糟糕的排版当我们谈到 排版，并不是说我们需要一个大大的标题，或者一段漂亮的文字。 当我们考虑易用性时，排版的漂亮与否并不那么重要，重要的是排版要如何使我们的内容易于阅读。
详细解析网页设计中的水彩模式分析
通过添加一些最近正流行的水彩风格趋势元素到你的网页设计中可以提升整体设计的艺术感。水彩风格是一种很受欢迎的设计类型选择，因为它们很有趣，易于使用，并且可以搭配各种不同类型的内容。水彩风格可以通过多种表现形式来强调和突出你的内容。无论你是正在考虑为你的网站设计添加水彩元素，还是只是想要尝试这种风格，我们都有一系列的想法、示例和资源来帮助你如何开始这项工作。1.明亮的以及轻的水彩风格的一大优点就是，你在画布上，通过“画”的方式可以决定元素的光线或明暗度。试着先尝试一个“薄”的层面，这种明亮轻盈的风格可以让人感觉开阔透明，从而使得体验更舒适。使用一些小技巧，通过寥寥几个笔就可以在你的网页设计中添加一个全新的维度。例如，在Blocks应用程序的网页设计中，它通过使用一些可爱系列的色板来填充页面上已有的有趣的插图。水彩溢出线条之外，使得色彩更加能够吸引眼球，并可以立即引起你的注意。这是该公司在整个网站设计中使用的一种风格，从在一些标志元素中使用水彩色，再到一些背景中使用异想天开的绘画元素，该站点通过这种方式和用户之间创建了一个很好的主题。2.异想天开水彩风格往往具有异想天开的感觉——虽然不一定每次都是这样。在设计中通过不同使用画笔笔触的方法可以营造不一样的引导感、动画或其他微妙的效果。Lighthouse brewing在其网站设计上使用更暗，更完整的尖头图案，通过屏幕上动态的海洋和船只，让人有一种随波逐流的感觉。动画随着鼠标下滑继续滚动，最终的标志随之变成具有水彩感(与整个网站的背景一样)。这个设计要说明的是，你可以突破你对水彩的想法，创造出一些有点意想不到的风格。
15个学习制作404错误页面的优秀案例
一个自定义的404错误页面将鼓励用户在您的网站上停留更长的时间。这种页面必须容易理解，友好(保持网站的整体感觉)以及有一些互动。你会看到下面的例子中，有的网站会在404页面中添加用户可以参与的小游戏。在这篇文章中，你会发现一些充满创意的404错误页面设计。我希望这个集合能够启发和帮助你设计自己的404错误页面。Juicy GraphicsBlue Fountain MediaRachat de MobileLeft Logic
5个网页设计技巧让用户疯狂爱上你
我们都希望成功的设计改版能让网站重新焕发活力，不仅仅吸引用户，并且让用户愿意花更长时间浏览。要做到这一点，并不需要什么神秘的技能。下面就告诉你让你的网站更受欢迎的技能，接招吧，骚年~我们都知道，吸引人的插图、有创意的网站布局和有说服力的内容能够吸引用户。可有时候好像又不是那么一回事。你也许也有过类似经验，得意地做出当下最时髦的页面却没有换来理想的浏览量。那种感受，你懂的。首先，我们先理清，正确是网页布局应该是这样的：先引诱观众去探索你的网站，让他们在你给出的信息上停留，最后交由他们采取行动。下面，进入正题，希望你能从这篇文章得到一些有用的信息。1.让用户一见倾心组合图形和内容，让用户一见倾心，产生情感共鸣，被深深吸引。这里有两个方法(A)保持网页布局一致，以免访问者中途逃离。(B)利用抢眼的，引导性的高分辨率图形。学到了什么：创建统一的视觉体验，利用带有情感的色调和线条，调动用户的参与，再加上引人入胜的内容，就足够让用户惊喜了。2. 会说故事我们都喜欢茶水间里的八卦，朋友聚会时的段子。当我们在分享这些故事时，我们是多么的全神贯注。既然如此，为什么不在你的网站上讲故事呢?你可以借鉴一些电影网站的做法。学到了什么：经过时间检验，这是提高用户参与性的好办法。关键是你必须是一个很会讲故事的人。学习些关于信息层次结构的知识，将帮助你更好地了解受众的心理，让你设计的网站获得更高的转化率。
网页新趋势：革命性的创新网页导航设计
每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群，让用户流连忘返或者立马下单?为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好?简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多优秀的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧!Toybox在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。至于其他你想知道的信息，比如说Toybox公司的主营业务和地址，可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣，当鼠标悬停于某个项目的缩略图时，其余的项目缩略图都后退变暗并且产生景深的效果。Olivier Bossel交互设计师Olivier Bossel的个人作品博客非常有趣。该网站的导航元素在鼠标hover状态下会产生像素爆炸式的效果(译者注：火狐浏览器测试通过，chrome测试无效果)。这个效果相对于网站其余的简洁设计来说非常有动感，由此产生强烈的对比效果。作为一个视觉元素它非常有效的促进了用户继续阅读该网站，统一的视觉语言也彰显了品牌的特点。
16个创新好用的网页jQuery插件下载
现在的网页设计对用户体验要示是很高的，如果我们能用一些好的jQuery插件来增加一下交互效果，这样就从一定程序上提升用户体验。今天设计达人网整理16个创新好用的jQuery插件，这些插件类型有很多，而且都是2013年最新出品，值得关注哦，就算你不用也能给你带来很好的灵感。FullPage.js– 自动全屏窗口大小，支持垂直和水平滑动，这个用来做专题页也不错。查看插件pullupScroll -当你屏幕向下滑动的时候，内容会以动画形式弹上来，具体看Demo，不是很好形容……查看插件AnimteScroll– 动画菜单，不用也可以长见识啊^^查看插件Panel One– 像全屏Tab效果，以层的形式来切换，视觉效果佳。查看插件diamond.js– 如果正正方方的排版用腻的话，试试用个图片插件吧，时尚类网站首先啊！
详细解析网页触屏键盘设计的准则
通常来说，人们会理所当然的认为触屏设备要比几十年的电脑鼠标和键盘直观的多。用户与触屏直接交互，缩小了用户行为与软件响应之间的距离。然而，在移动设备上——尤其是在智能手机上——打字是一件相当恐怖的事情。因为那既慢，又痛苦，而且容易出错。最明显的原因是键盘字符的尺寸和按键之间的临近，但是还有很多其他重要因素需要考虑，包括：适当的使用自动更正的字典贴切的将字母自动大写提示输入类型保持标签顺序保持自定义键盘的一致性在最近一次大规模的针对18个最大的移动电子商务网站的1：1可用性测试中，我们观察了在填写表格过程中，现在的触屏键盘的某些功能与限制是如何与用户的预期相冲突的。一旦冲突出现，用户的受挫感会立刻上升，比如表单字段验证错误的提示一个接一个的弹出来，或者更糟的是，用户被卡住并最终放弃了网站。当面对一个不那么理想的触屏键盘是，用户会对网站失去信心，有的甚至怀疑自己用智能手机填完一个表单的能力。显然，好的移动终端的用户体验需要一个具有良好可用性的表单，触屏键盘也是其中的关键一环。
20套高质量的免费网页模版PSD素材
这次就推荐给您20套正流行的顶尖网页核心组件，让您一次看个够。说真的，这样的高水平质量的资源我相信您会把它们掖在自己的素材库，都舍不得分享。当然咯，一定要记住没事的时候就拿出来学习临摹。Download Page →Download Page →Download Page →Download Page →
详细解析网页设计中禁用状态二三事
禁用，顾名思义，代表不可用的意思。有一个禁用，就一定对应着一个可用。不论是表单，还是复杂性管理界面，抑或是分步引导，这些场景中都有可能出现禁用状态，而如何合理运用禁用状态，让它成为体验的加分项而不是减分项，正是设计师要不断思考、深入实践的。这里抛一些砖出来，希望和大家一起探讨。“这个不可点的按钮放在这里很鸡肋，我们是不是可以考虑去掉?”“默认放出按钮吧，不能点也没关系，不然用户怎么了解产品中有哪些功能?”禁用状态可看为应用程序机制对外暴露的一个直接体现，什么时候展现，什么时候隐藏，也是设计中经常碰到的争议话题。Alan Cooper曾提到，激活和禁止菜单可以帮助用户了解菜单所反映的用途，从而帮助菜单成为更好的教学工具。例如我们常用的photoshop选择菜单：菜单作为软件中最完备的功能集合，应该呈现所有的功能，这是第一个前提。在这个前提下，再根据具体交互的流程来展示哪些操作可用，哪些禁用。仔细想想，在我们日常所见的各种软件中，你并不会对菜单里的禁用项感到陌生。菜单有一个好基友叫做工具栏。作为一种直观、快捷的功能呈现形式，有幸出现在工具栏上的操作一般来说是软件中最常用的功能，为用户提供快速、高效的操作入口。工具栏给用户的预期应该是稳定的，可靠的，用户会不知不觉地对工具栏的布局进行学习，记住常用操作的位置，形成使用惯性。如果某个按钮有时消失，有时出现，用户会感到迷惑，也不利于提高界面操作的效率。尤其是当工具栏上有大量操作时，固定位置的好处显而易见，例如Ribbon界面，每个子面板下都包括至少5个以上的按钮：看上去，对于菜单、工具栏中的操作，不论是否有禁用状态，默认放出来是最好的选择。然而当操作较少时，设计师们仍然会做出思考和改进。
详细解析欧美游戏网站设计案例解析
最近一阵子我们分享了许多日本和韩国游戏网站案例，这次我们再来聊聊欧美游戏网站。电子游戏作为第九艺术，历史不到百年，但是人才辈出，创新不断：各种明星般的程序员，想想Doom的卡马克、RPG游戏史诗般的剧情(BLZ的剧情和黑岛的剧情设定)，以及对细节的追求。作为第九艺术的游戏，同样有自己的艺术特质。在玩一款游戏之前，你会怎么做呢，我通常会去打开游戏网站，先大致预览一下。感受一下网站传递出来的游戏氛围和靓点。那么下面我收集了一些设计优秀的游戏网页，一起来给大家聊聊。重返德军总部：新秩序颇有创意，纯红色的背景，白色字体做内容，优秀的动效和视频。别致的前进、后退按钮能够让你很方便的浏览。在导航栏会找到销售商信息，以便进行游戏预定汤姆克兰西：全面封锁将社区和游戏内容很好的合二为一。功能性、创新性兼具。非常有型的主题，高分辨率图像，吸引人的视频。原汁原味的呈递游戏内容。最终幻想：新生国度最终幻想的网页设计真实令人印象深刻，功能强大的导航系统以及震撼人心的图像。按钮有型，整体风格很艺术，独一无二的3D视角。