石周明

相信大家对于上面这种图片的效果再熟悉不过了，俗称中间亮，四周暗的效果，也就是摄影当中所说的”暗角”效果。 好，废话少说，直奔主题： 第一种方法： 直接通过PS里的滤镜方法。滤镜→扭曲→镜头校正，调整里面的晕影项即可。 第二种方法： 新建一个图层，选择渐变工具，设置黑色到透明的渐变，直接在图片上进行拖拉，拖拉的方式是从四个角的方向往图片中间的方向。四个角都拖拉好后，再调整一下这个图层的透明度什么的。 第三种方法： 新建一个图层，首先将这个图层模式改为正片叠底，然后给这个图层添加径向黑色到白色渐变，混合模式选正片叠底，角度为90°，缩放150，可以适当调整里面的缩放、不透明度参数，也可以适当调整整个图层的透明度什么的。 第四种方法： 新建一个图层，选择选区工具，画个椭圆，尽量较大，然后反选，再羽化，羽化值（比如50）越大，过渡越自然，然后shit+F5，填充黑色，不透明度选个60，如果效果不行，再调整调整透明度什么的。 第五种方法： 新建一个图层，填充黑色，然后画椭圆，再羽化，同上，羽化值较大过渡就比较自然，然后改变这个图层的透明度即可。 其实，全部的方法和技巧都差不多，没什么特别之处，关键是一些细节的调整吧，祝大家好运！

先看一下原始照片的效果： 再来看一下最终的效果： 好，效果是不是看起来不错…！？ 直接来吧··· step1：打开原始照片，新建图片，前景色设为黑色，可按D快速设置。为该层设置”滤镜→渲染→云彩”。 step2：为该新建图层设置”滤镜→杂色→添加杂色”，数量可以为20，看具体需要。 step3：将该层图层模式改为”柔光” 。 step4:接下来，再新建一个图层，将图层填充为#e6e1cc颜。并将该图层的图层模式设置为”颜色” 。效果如下： step5：在图层控制面板的下面点击【创建新的填充或调整图层】，选择【色阶】。在弹出的对话框的输入色阶项中间一个输入框里输入0.6。得到如下效果： step6：再新建一个图层，先设置”滤镜→渲染→云彩”。然后再设置”滤镜→渲染→纤维”，再纤维弹出对话框里将差异设为17，强度设为15。然后再点击”图像→调整→阀值”，将值设为15。然后再按快捷键ctrl+L进行色阶的设置，将输出色阶的第2个输入框的值设为200。再点击”滤镜→模糊→模糊”，可以还模糊一次，看你的需要喽···。最后将该图层的图层模式设置为柔光，并降低图层的不透明度为70%。你可以看到如下效果： step7：最后一步，新建一个图层，拉一个前景为#000背景为#e5e5e5的前景到背景的径向渐变，然后将该图层的图层模式为叠加，其实，也可以设置为柔光。但比较了一下，叠加的效果会更深点，需要再调整一下透明度什么的…就看你怎么调了…得到最终的照片效果： 怎么样，还不错吧···我可是一步一步自己记录下来的，转的话，请说出处啊···要不…

有时,我们很想在Photoshop中将文字环绕一条路径或是一个圆,实现自由变化的效果,PS对于文字的处理一般可以通过”创建文字变形”的这个快捷工具来实现简单的变形，如”扇形”或”拱形”等效果,但是，有没有一种将文字完全环绕着一个圆形的效果呢?答应当然是有的。 下面就是介绍实现文字环绕一个圆的方法： 1-首先用“圆形选择工具”拉出一个圆；右击鼠标选择“建立工作路径”，将选区转换成路径； 2-使用“文字输入工具”，鼠标移到路径上，等鼠标图案变成输入状态时点击一下（记住点击的位置将来就是输入的起始位置）； 3-随后用复制粘贴或直接打字的方式输入文字；文字便会延着路径进行排列； 4-如果想再次调整，首先到路径面版中选中这个路径，随后用“文字输入工具”，对已有的文字进行更改，如果想调节文字的位置，就选择“路径选择工具”托动路径线上的“×”与“○”来调节。

今天彬Go将和大家一起讨论网页设计趋势中很重要的环节，那就是”勾引”用户的按钮。所谓”勾引”用户的按钮，其实对于Web设计师来说，就是如何设计出一个能让大多来访的用户都有点击欲望的按钮。通常这些按钮被链接到下载、注册和购买等功能。 国外设计师 Seth Godin 将按钮比喻成香蕉，而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网页的时候都要遵循一个且仅有一个的目标，那就是”香蕉”！让它更大、更醒目、更美观！ 这篇文章将和大家一起讨论如何设计完美”勾引”用户点击的按钮并会为大家展示30个不错的网页按钮设计实例。 如何设计完美”勾引”用户点击的按钮 好的按钮设计一定会是醒目且能”勾引”用户眼球的。以下是好的按钮设计必不可少的5个特征: 1.颜色 颜色一定要能与平静的页面相比更加与众不同，因此它要更亮而且有高对比度的颜色。 2.位置 它们应当”座落于”用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧…这些都是醒目且不难找到的地方。 3.文字表达 在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点(不罗嗦)，并以动词开始，如:注册、下载、创建、尝试等… 如果想切实的达到”勾引”用户点击的按钮，添加”免费”二字的确可以起到诱惑的效果，当然那要真的是免费，不要误导或欺骗用户。 4.尺寸问题 如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。 5.可”呼吸”的空间 你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。 30个网页按钮设计实例 1.Things 2.WordPress e-Commerce 3.Skype 4. PB Wiki 5.Exceptional 6.PicsEngine 7.InCase 8.GoodBarry 9.Plan HQ 10.TypePad 11.Mozilla Firefox 12.37 Signals 13.Hambo Design 14.Cake PHP 15.Traffik 16.Boag World 17.Donor Tools 18.Luke Larsen 19.Square Space 20.Wu Foo 21.Barack Obama [...]

①延迟注册 ②进阶展开 ③兼容模式 ④清晰的首页操作 ⑤面包屑 ⑥账户注册 ⑦标记必填项 ⑧显示进度 ⑨分期计划 ⑩聚焦才显示操作方式 感谢  http://hi.baidu.com/xxucd/blog/item/81e76850ae31566b843524b9.html

新建一个文件,用椭圆选框工具画一正圆(按住SHIFT键画) 然后编辑\描边,像素多大自己定,然后点右键\建立工作路径,空差为1; 然后点编辑\变换路径\再次,然后换到横排文字工具,在刚才建的路径上点一下,打出来的字就是随着路径弯的的了 最后现根据需要添加一些五星什么的就行了

今天想围绕“产品交互设计”说说一些我们的想法，一说到产品设计，我想在坐的各位脑海里肯定联想到了很多表单设计、导航设计、界面布局等等，但是今天我这个篇文章里面没有准备一张截图；这是因为我认为除了这些之外还有更重要的东西值得我们去关注： 那就是我们今天要讲的主题：“好的产品设计并非始于图片，而是对人的理解”。用户喜欢什么、用户来你网站的目的是什么，他们的习惯是什么、他们将如何与之交互。作为设计师，你只有对使用的人了解越多、你才会越对他们移情，这样才能进行更有效的设计。从某个角度上说用户访问你这个网站只是其达到某种目的的一种途径，并非其真正目的，如淘宝客用户到阿里妈妈平台上来获取推广代码，其目的并不是享受一次流畅的取代码过程，而是怎么拿到一串能够容易推销出去的商品推广代码，从而赚到钱。赚到钱才是淘宝客的真正目的；我们只有了解了用户的真正目的，然后更好的帮助用户达到其目的，才能使用户更加喜欢。更加忠于我们的网站！ 可以说了解用户是“产品交互设计”的核心，那么如何才能了解用户呢？在此我要和大家分享一些书中的用户调研方法。 1、探索用户心智模型 心智模型是由“Mental model”翻译过来，也可以称为概念模型，说的通俗一点，其实就是人是如何认识、定义一个事物的。在交互设计中很核心的一个环节就是要理解用户的心智模型，因为只有理解了用户是怎么样定义表征一个产品的，才能更好地去挖掘和预测用户的态度，期望，行为。 但是，应当如何理解用户的的心智模型呢？ “The deepest form of understanding another person is empathy…[which] involves a shift from…observing how you seem on the outside, to…imagining what it feels like to be you on the inside.” 上面一段话的意思是说，要理解一个人，最深入的方式是“移情”，不仅要细致地观察，还要将自己代入其中，感受和体会。前断时间吵得沸沸扬扬的百度俞军，他就是一个对产品特“移情”的人，他每天用搜索引擎搜索词汇几百次。站在用户角度充分体验产品，寻找产品可能存在的问题及可以改进的地方；但是需要强调的是这种“移情” 并非简单地研究他人是如何使用产品的。而是要更深入地了解人们要使用产品完成什么，也就是理解人的目标，动机，情感以及其所遵从的哲学和程序。 所以当我们在和用户接触的过程中通过提出一些正确的问题有助于把用户最终目的和设计过程相结合，提高设计的有效率； 曾在书中看到一个关于用户对电子邮箱地理解我觉得很有意思： 1）为什么一位中层经理要使用邮件客户端呢？－－－当然是收发邮件。 2）那为什么他要收发邮件呢？－－－当然是为了和别人交流。 3）同别人交流可以通过其他方式达到阿；如：电话、走廊谈话或着什么正是地文件什么的；但是很显然邮件满足了一些其他方式不能满足的需求，那么用户看重电子邮件的哪些特性呢？保护用户隐私、安全性、保留对话内容等等。 4）为什么不在这些特性的基础上加上一些别的通讯工具的特性来完美电子邮件呢？？ 通过简单的多问几个为什么我们不难找出中层经理要使用电子邮件的真正目的；而Gmail貌似就是根据这样的一条思路在发展其的产品，在最初的收发邮件，到和Gtalk功能结合可以聊天，再到现在邮件可以安装很多插件。Gmail在主功能框架下细化用户的需求，提供更多的可选择性功能来丰富用户需求。 总归一句话：设计师在设计前期的用户调研时要保持好奇心，悉心研究、找出你的用户真正喜欢什么，他们的真实想法和真实感受； 2、用户研究时需要了解的一些基本信息： 背景：用户背景信息是什么？年龄、职业、喜好。 归类用户背景信息，我们可以经验地分析出该人群的特性，宏观的得出一些用户群的行为习惯、喜好等等。 1)动机：是什么需求驱动用户来使用这个产品； （每个产品的诞生都是迎合用户普遍存在的某种种需求，就象开心网的快速成长就是因为其的许多在线web小游戏能很好的填补许多白领上班时间的空虚和无聊；深入了解用户的潜在需求对产品的发展有很深远的意义。） 2)特性：用户关心这个产品的哪些特性； （了解产品的特性，做好做强用户关心的特性是留住用户、壮大用户的基础。淘宝客的特性：背靠淘宝大环境，拥有海量的可推广商品，较低的门槛，基本上能上网且在网上有一定社交圈，或着说有一定活动能力的就能使用；） 3)情景：用户在什么情况下来操作； [...]

很久没看PS的东西 今天在BI上看到这篇帖子 真是太唏嘘了 不得不感叹一下：PS真是伟大啊···作者也很伟大 感谢一下作者 怎样把上面的斜线给去掉呢？ 一下看到这张图 是不是蒙了呢？ 不过 没关系 有伟大的PS在 没什么解决不了的··· 再整理一下操作步骤： 第一步 提取斜线 第二步 定义该斜线为填充图案 第三步 选取斜线覆盖的部分 新建图层 用第二步的斜线填充图案来填充图层 第四步 转换新建图层为选取 使该填充层与原图里的斜线对齐 点击原图 第五步 设置原图的色阶 以时间情况为准 第六步 隐藏填充层 搞定 关键步骤 提取斜线 与原图斜线对齐 色阶的操作 当然还有注意第二步中的定义斜线为填充图案 要是透明背景 ···· 具体图文步骤 参见作者的帖子

网页设计师是变幻无常的。我们喜欢拿东西做试验，喜欢观察人们如何与我们的产品进行交互。我们喜欢尝试与众不同的设计方法，这些在将来可能会成为主流和经典。因此，随着新设计方法的兴起，越来越多的设计师关注他们、使用他们，新的趋势也就诞生了。 在过去的几个月，我们分析了很多网页设计，观察新趋势，权衡设计决策和代码解决方案的优点。在这篇文章里，我们将展示2009年网页设计趋势：动态、新的设计元素和新的图形表现形式。接着还讨论了这些趋势被使用的情况和现有的一些漂亮的案例。在这篇概述中我们还遗漏了哪些动态吗？发表评论吧，好让我们知道！ 本文仅涵盖了过去几个月中我们发现的25个趋势之中的10个。第二部分将在下周发表。届时将涵盖布局、新的视觉表现形式和新的设计元素。敬请期待。 2009年网页设计趋势 首先来看看过去几个月里我们发现和观察到的主要趋势。在这篇概述中，将带你逐一回顾每个趋势和漂亮的案例，他们将激发你在下个项目中的灵感。 1. 凸版印刷 2. 富UI 3. 透明的PNG 4. 大字号(版面) 5. 自定义字体（sIFR 等） 6. 模式化对话盒/会话窗 7. 多媒体区 8. 杂志外观 9. 旋转木马（幻灯片） 10. 导言模块 好，现在就让我们到具体内容中去仔细看看上面提到的每个趋势。 1. 凸版印刷 在过去几个月的观察中，最出人意料的趋势，是凸版印刷样式（实际上压上去的字）出现在网页设计中。可能这种趋势产生的最重要的原因是因为，这种印刷术到现 今已经很少被使用了。凸版印刷以各式各样的风格被用在网站和主题上；尤其是，已经被频繁使用于产品设计和网站的在线服务中。 2. 富UI 我们欣喜的看到，用户界面在现代网站和网页应用中已经变得越来越漂亮、越来越实用了。在过去的一年里，这些网站应用的用户体验已得到大大改善，从而使得用户界面的丰富性和响应度都非常接近经典的桌面应用程序。AJAX和Flash在为用户提供动态交互的广泛应用上，已经有了先进、成熟并且专业的解决方案。 特别值得一提的是，过去一年里我们看到在设计元素中使用了更多的留白，更多的填充以及更大的空间。我们还注意到，许多现代用户界面用直观的视觉提示来表现用户与系统间的交互情况。比如，当按钮被按下时，它的外观就由“正常”变为“按压”（就像Newspond.com和Quicksnapper.com上这样），确认并对用户与系统的交互给予及时反馈。除此之外，越来越多的服务能够进行用户个性化：对我们而言，这清晰的表明，更适用的用户界面将在2009年到来。 上述两个例子表明，网页应用的设计师们在功能介绍和改善交互性、响应度等用户体验问题上投入了更多的精力。 3. 透明的PNG 透明的PNG，尽管不被IE6支持，但从去年来看似乎已经得到了很好的普及。显然，设计师们试图更好地把背景图片融入到实际内容中，并打算形成一种风格，这在印刷媒体中很常见，比如在杂志中。在多数情况下，半透明背景从页面整体背景中脱颖而出，其目的是为了突出一个重要的设计元素，例如头条和公告。有时透明PNG也作为模式化对话盒(会话窗)的背景。 去年，我们描述了许多可以利用透明度发挥网页设计创意的方法，很多设计师似乎也在他们的工作中尝试着这些技术。有趣的是，透明经常被使用在设计的头部或底部，但也有些设计 超越了这种定式。 4. 大字号(版面) 在之前的文章（1，2 ）中，我们列举过一些大字号(版面)的杰出案例。2009年，大字号(版面)将成为主流。特别是设计机构，开发大型项目，做产品网站和在线服务的，他们会使用大字号(版面)来传达自己网站最重要的信息。 这些设计元素的字体大小通常都要超过36px，在很多情况下，为迎合观众都会使用非常漂亮的字体。总的来说，设计师投入更多精力在排版的细节方面，如主次关系，行高和字体的选择。其结果是：网站更漂亮，风格更一致，看起来可靠且值得信赖。 5. 自定义字体 就像设计师花费了更多精力在排版上一样，他们也更注重用来作网站正文副本的字体。尽管有像Helvetica, Arial, Georgia和Verdana这些毋庸置疑地占据统治地位的经典字体存在，我们仍观察到有一股向自定义字体发展的微弱趋势（例如使用sIFR）。 有趣的是，这些字体往往无缝结合于网站设计中；它们几乎从不需要网站因它而“更新”排版。设计师们试图融合漂亮的版式和炫目的视觉设计，以此来改善网站的外观和用户体验。 6. 模式化对话盒/会话窗 模式化对话盒（会话窗）其本质上就是一个改进型的弹出窗。它们以友好的界面替代了传统JavaScript弹出窗口，并且使用户的注意力始终集中在网站最重要的区域内。状态窗通常是被用户的动作所触发（如注册或登录），并且出现于主内容之上，就像桌面应用中的一个窗口。会话窗往往以一个非常微妙的方式出现：它们通常采用半透明，并且有一个“关闭”按钮。 [...]