推荐阅读
学习对金发美女照片抠图处理的PS教程
photoshop中通道抠图不能局限于单一一个通道，如果碰到背景稍微复杂的图片，可以综合多个通道，把发丝与背景完全分离；这样抠图就非常细，发丝几乎没有任何损失，也是新手必备的抠图方法。最终效果 原图如下 一、复制背景。打开原图素材，按Ctrl + J 把背景图层复制一层，如下图。 二、观察通道。进入通道面板，先选择红通道，这个通道发丝非常清晰，不过局部发丝与背景已经融合，如下图。
字体说话
以前在上广的时候就被总监骂，说我的字体应用得非常有问题，当时死不悔改，觉得自己做得还算不错吧。现在看看以前的东西“觉悟”了，那时怎么会用那样的字体呢……字体说话，一句一句来。// 1 很多LOGO的字体都是标志设计师专门设计的，所以不要问比如“中国银行的中文书法字体叫什么？”这样的问题。但是很多国际公司都有自己专用的一套字体，比如迪斯尼。品牌字体这里有一些 >> http://www.typenow.net/themed.htm// 2 有些图片上的字体你很喜欢很想知道它是什么什么字体，这个网站可以告诉你答案。上传包含你喜欢字体的图片，剩下的问题它帮你解决，仅限于英文>>http://www.myfonts.com/WhatTheFont/// 3 将下载的字体文件拷到/控制面板/字体文件夹下面就可以安装好字体。更好的办法是你把字体放在非系统盘里面自建的Font文件夹内，安装的时候进入/控制面板/字体，点菜单文件/安装新字体/找到你需要安装字体的路径，然后将“将字体复制到 Fonts 文件夹(C)”前面的选项去掉。两个好处：第一、系统崩溃，自己辛苦安装的字体都还在其他盘保存着；第二、系统干净速度快。// 4 如果你需要知道自己安装的字体都是什么样的效果，可以使用 AMP Font Viewer 这个软件，一款小巧精悍但功能强大的纯绿色字体管理工具。你自己定义示例文本，然后你安装的各种字体效果就依次排队出现你的面前，这是我最喜欢的功能。当然还有其他很不错的功能，你可以慢慢去发现。// 5 对应的还有一个在线的字库浏览器，不用字库字体下载，直接输入文字就可以查看各种字体显示的效果，是字体下载前的查询工具。换句话说你可以把它可以当成字体字形查询的字典和字帖使用 >> http://www.zhaozi.cn/fonts/// 6 一个功能十分强大的中文字体搜索引擎，看看除了电脑字库，中文字还可以怎么写，不但搜出来关键词的许多艺术字体 、书法字体、英文字体等，还有许多关键词相关的logo资源。 >> http://ziti.cndesign.com/// 7 字体的选择是严肃而又复杂的工作，在目前字库已经多得已经让你无法适从地状态下，需要的是敏锐的目光和清醒的头脑，人云亦云或是哗众取宠都不可能是到达目标的方式。于是有人写了“四大英文滥用字体 ”和“四大中文滥用字体 ”。非常客观和有启发的观点，推荐。// 8 字库多得让你无法选择，这时你应该多用用几种经典的字体，慢慢就能掌握好调性。我来推荐一下几种：Verdana、Helvetica、Trebuchet、Gill Sans、Futura、Georgia、Times、Palatino、Garamond、Optima等都是非常优秀的字体。中文里面还是出于传统的几种字体比如各种黑体、宋体、楷体、圆体、等线体等都是非常耐看的基础字体，多用用可以把握它们的调性和气质，这对于编排是非常有帮助的。// 9 书法字体和手写字体以及自己设计的字体是对字体过于雷同的一种好的解决方法，某些特别的版面上，使用这种很自我的字体能让版面产生灵气和个性。有关编排的延伸阅读 >>http://blog.21vision.com/blogview.asp?logID=38// 10 这是一个常识问题，中文编排中的数字以及英文字母等最好使用英文字体，因为一般来说中文字库中的数字和英文字体都相当难看。// 11 推荐字体下载站点： 英文字体 >>http://www.zhaozi.cn/fonts/en/ ；中文字体 >> http://www.zhaozi.cn/fonts/china/
photoshop素材叠加合成恐怖人体创意
本教程利用素材叠加等来合成创意的图像效果。处理的时候需要注意好细节部分的处理，然素材能够更好的融合在一起。最终效果 1、将素材1放在人人物图层之上（原教程没有提供人物素材，下面是网上找的一幅，希望够用），并用图层灌入法(在两个图层间按住ALT单击鼠标左键也可以直接在上面的图层按Ctrl + G)，混合模式正片叠底。 2、调亮度/对比度，参数设置如下图。 3、添加图层蒙版,将头部多余的部分擦去. 4、按Ctrl + B调整色彩平衡，然后合并图层4和图层1(图层数字乱了点)。
最新发布
浅谈网页设计最常见的可用性错误
在过去十年中高品质的网页可用性一直是业内讨论的核心，因为它对用户来说越来越重要。好的可用性也可以帮助建立品牌知名度，从而提升用户对一个网站或者是一家公司的评价。今天人们依然高度关注可用性，是因为大大小小的公司已经证明了好的可用性策略是多么重要。在过去几年中，良好的可用性成为那些成功的初创公司的核心。多数情况下，简单的想法最具创造性，可用性主要是指：使一个功能或者产品易于使用，但同时也要保持产品质量维持在高水平上。如今，很多文章会谈到普遍意义。在对该话题年复一年的讨论之后，似乎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视角。