推荐阅读
详细解析交互稿撰写过程中的六个要点
对于交互设计师而言，一个项目的开始，是从接到产品经理的需求文档开始的。从需求的确认到交互稿的确认，再到产品开发效果的确认，都考验着交互设计师设计能力以外的技巧。在这个过程中，有一些要点需要你知道，来保证你的设计过程更加顺畅。第一点：确认你所理解的需求是否正确一千个人的眼中，就有一千个哈姆雷特。对于需求的理解也是一样，我们拿到需求以后，要和产品经理进行沟通，将自己对需求的理解与简单的页面构思，阐述给产品经理，以确定自己的理解与设计方向是否准确。切忌，拿到需求就开工去做，以为可以节省时间，却不知错误的理解和方向，让你付出更多。不要认为，产品经理给的需求就像数学定理一样可以深入理解，详细解读，没有那么多的产品经理有这个功夫和能力去做这个事情。因此，沟通才是保证你对需求的理解，对设计方向正确把握的基石。那么，在需求交流之前你要准备好什么呢?第一，认真研究需求，理解需求;第二，是你在研究需求时，发现的问题，最好整理出来，以便在讨论时提出，让产品经理为你解答，而不是自己”以为“;第三，如果时间充足，最好整理出界面的框架，或者用草图来展示你的设计思路，看产品经理是否认可你的设计。对于讨论中形成的共识，最好以邮件的形式发出，一方面可以作为会议纪要，便于随时解答疑惑，另一方面，是立字为证，防止需求的随意变更。第二点：需求不清楚的要重写或者沟通彻底在需求文档中，如果存在模糊不清，或者容易引起歧义的地方，要让产品经理重写需求，或者对所提需求进行详细、确定的说明，切忌陷入“自以为是”的陷阱。目的是什么，大家都清楚，就不多说了。第三点：争取更多的设计时间
Photoshop软件制作金属控件图标效果
控件需要制作的部分较少：有底座、面板、控键等几部分。制作的时候只需要用路径等工具做出各部分的形状，然后用图层样式加上质感和颜色即可。最终效果 新建一个256 * 256像素文件，分辨率为300，如下图。 一、使用圆角矩形工具，设置半径值为60像素，按住Shift键绘制带有圆角的正方形，如下图。 二、为底层添加渐变样式，得到的效果如下图。
关于photoshop图层的42条技巧
图层的基本操作技巧1、如果你只想要显示某个图层，只需要按下Alt键点击该图层的指示图层可视性图标即可将其它图层隐藏，再次按下则显示所有图层。2、按下Alt键点击当前层前的画笔图标就可以将所有的图层与其取消链接关系。3、要改变当前活动工具或图层的不透明度可以使用小键盘 上的数字键。按下“1”则代表10％的不透明度，“5”则代表50％。而“0”则是代表100％的不透明度。而连续地按下数字，例如“45”，则会得出一个不透明度为45％的结果。注意：上述的方法也会影响到当前活动的画笔工具，因此，如果你想要改变活动图层的不透明度，请在改变前先切换到移动工具或是其它的选择工具。4、按下Alt键点击“图层”调板底部的“删除图层”图标，则能够在不弹出任何确认提示的情况下删除图层，而这个操作在通道和路径中同样适用。小贴士：这条技巧同样也能够用在图层蒙板和剪切路径中，现在适当的缩略图上点击一下，接着按下Alt键后点击“删除”图标，这样就能够在不出现任何确认提示的情况下将蒙板或路径删除。5、按下Ctrl后点击“图层”调板底部的“删除图层”图标，就能够同时将所有相关的图层都同时删除。注意：如果所有的图层都是相关联的，这个技巧则不能使用，因为你不可能将一个图像中的每个图层都删去，因为一个图像中至少需要有一个图层。6、当你当前在使用“移动”工具，或是按下Ctrl键时，在画布的任意之处右键点击都能够在鼠标 指针之下得到一个图层的列表，按照从最上面的图层到最下面的图层这样按顺序排列，在列表中选择一个图层的名称则能够让这个图层处在活动状态。
Photosho通道抠图实例：抠出模糊的头发
这张照片因为背景比较花,再加上图片质量不是非常好,头发部分过于模糊,因此想换背景的话,需要有一定的技巧. 下面我们来看修理方法.比较通道中各个通道的头发对比,选择对比强一些的蓝通道,复制一份.并分区处理,把左边选择后,CTRL+I反相.这样,头发颜色就统一了,左右都是黑色的头发. 用加深和减淡工具把一些模糊的边缘修理一下,这样对比强一点点,再用色阶就会干净很多.放大图片,把人物的绝对范围选择出来,把这部分通道填黑.这样就有了整体的选择区.至于头发边缘处,我们利用通道来做. 放大图片,把人物的绝对范围选择出来,把这部分通道填黑.这样就有了整体的选择区.至于头发边缘处,我们利用通道来做. 为了防止修坏,把这个通道复制一下.另外,也可以用复制的多通道,制作不同对比的头发选择区.最后把多通道结合到一起,这样可以方便地对图像进行多个区域的调整,比全图整体调整的效果要好很多. 可以看出来,左右的头发,有着不同的颜色对比,所以我们要分区来做,把左边选择出来,用色阶调出对比来.至于头发的细节,最后我们再做.调对比时,在通道中使用选择区,可以保护已经调好的部分.
最新发布
Photoshop制作梦幻霓虹灯管字效果字体设计教程
这款原创教程比较详细的解析photoshop在不使用任何三维软件协助的情况下，如何绘制灯管效果，难度不大，适合一些新手，当然也欢迎老鸟交流，互相学习。先看看效果图我的基本思路就是利用Photoshop自带的工具，在没有三维软件的帮助下，快速的画出灯管效果，说白了就是在Photoshop里画出灯管的体积，光效，投影等。由于灯管的造型相对简单，光效也比较容易模拟，所以在ps中完全可以画出还不错的效果。当然你要是觉得还是三维软件做出来效果更好，那我也没得反驳，但是在ps中做的话，无疑速度更快，更容易，也方便于调整。闲话不多，我们看一下完整的预览gif后就开始步骤了。首先我觉得，这种灯管效果其实背景很重要，需要选用一些比较有质感的背景。由此，下面两张图进入眼帘。调整background1的饱和度为-100，并且不透明度调整为40%
使用Photoshop渐变映射工具制作单色艺术效果的图片
对比图对比图对比图1、打开图像，执行渐变映射命令，这时候你会发现是这样子的渐变映射2、双击渐变条，会出现渐变编辑器，再双击渐变条白色右下方按钮，如图双击渐变条接下来会弹出拾色器，选择#1fceff，点击确定，效果如下
PS网页设计：制作游戏网站专题页面图片教程
教程重点是网页头版的设计，需要根据客户的要求确定好页面要表现的内容；然后搜集相关的素材，根据自己的创意发挥，把画面做得绚丽，有视觉冲击效果即可。最终效果 既然主题”全球争霸赛“很明确，那我们就可以围绕这个去进行专题的构思了。首先，还是在脑海里想象下所要打造的一个大概的场景。 各路英豪争夺全球第一，反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉，可以把英雄围绕四周，中间放一个类似奖牌的物品，那么大致的场景及场面基调也就可以定下来了。我们还是先提炼一下关键词。 根据联想到的这些关键词我们就可以进行素材的搜索啦。这个页面用的主要是游戏内提供的人物和场景原画素材，外部素材没有到太多，我这里只罗列一下所用到的游戏内部的素材。一、我们开始打造场景。
国外黑白灰的低调大气网站设计欣赏
黑白灰的经典配色是永恒不变的教父级色彩，也是含蓄内秀的典范。今天继续第二弹，18个优雅的黑白灰配色网站，同学们也可以拿来作为网页设计时色系风格的参考。CREATIVEPARKLaurent Perez Del MarAlexander EngzellHOCHBURGPlain
30款木质纹理网站设计欣赏
thefarmerandthechef.comstuds-up.comtearoundapp.comlemonfestival.comdawghousedesignstudio.com
25个国外优秀的教育类网站设计欣赏
全世界的教育机构成千上万，那么这些教育机构的网站会是怎样的呢?在买猪肉的时候啊，我们都知道，有蓝戳戳的肉才是合格的、有质量保证的肉。在招生领域，一个高质量的网站就像那个蓝戳戳，能提升家长和学生的信任度。网站不仅可以供学生查找信息，还能帮助家长监督学校的教学，可谓是好处多多啊。今天我们为大家搜集了25个精美的教育机构的网站，其中大部分是大学和高等教育机构的网站。希望我们这次的收集能为正在做教育类网站的你带去些许灵感。Biola UndergradUniversity of Texas ArlingtonTrinity UniversityDenver Seminary
精选版式过人的体育运动网站设计欣赏
在体育类网站中如何表现运动激情、合作的意识、坚持的精神等等，都非常值得用心钻研。今天分享一组优秀的体育类网站，无论是图片的选择、构图还是版式设计，都有值得学习的地方，直接收。National Basketball AssociationBoston HoopsSalomon TrailtourNational Football LeagueWatching the World Cup
设计师突破固有思维的优秀网站设计欣赏
一成不变的布局方式、相同图库的素材、标准化的原型流程…… 如果你已经习惯了这些抑制创造力的行为，不妨看看今天十萬個為什麽带来的这篇Smashingmagazine 译文，附上超多创意窜天的优秀案例，喜欢的朋友一起来欣赏吧。网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题，不得不说是有点耸人听闻。毕竟，响应式网页不仅能让我们通过日益丰富的联网设备浏览网页，还能感受其乐趣。作为设计师，我们的首要任务是解决问题，这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案，能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决，尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文，一大堆无关联的JPG图片可以成为一部专业的作品集。然后，问题就变成了：我们能同时实现两者吗?我们所获得的毫无疑问，网络已经成为一个美学胜地。基于可靠的网格布局，构建简单迷人的网站，已经成为一种标准。互联网的垦荒已经完成，以框架和活动栅格形式出现的律法与秩序，已经掌管这片土壤，开始了和平的统治。所有这些都是好事。简单迷人的网站，优势显而易见且丰富：熟悉，便于用户浏览(操作正确的话)。原型设计(相对)简单快速。建站技术的高度标准化(流水线取代了工匠)。
令人感到亲切的Hello主题网站设计欣赏
几乎每个网站都有自己的Slogan或者说口号，作为网站的定位和价值观输出的一部分，它们常常拿来作为网站欢迎访客的问候用语，是网站首页设计的重要组成部分，也是完善打开体验的重要手段。虽然我们更习惯使用图片和视频来强化网站视觉，但是用精心设计的短句和问候语会显得更加亲切也更富于仪式感，所传递出的信息也会更加清晰。在这种思路下，许多网站选择只使用最简单的Hello，来同网站访客进行问候。今天，我们搜集了一系列网站来为你展现其他的设计师都是如何向网站访客问候“你好”的。这些网站大都倾向于营造友好的氛围，以优雅而平易近人的姿态来传递情绪，这样一来，即使是一个简单的 Hello 都可以承载设计师的拳拳善意。接下来，我们一同看看这些案例。Pixies Agency这类网站通常有着大气的布局，就像Pixies Agency这样。黑色的背景可以看到城市的天际线，白色的文字在映衬下显得非常显著，加粗的 Hello 传递出设计者的意图，给人沉稳而对等的感觉。整个网站仿佛自带BGM。Michael Villeneuve和前一个案例不一样，Michael Villeneuve 显得更加优雅细腻，虽然整体色调同样采用了黑白对比。漂亮的图标、线条感十足的字体让页面充满了现代感，尤其当网站的语言采用优雅的法语的时候，这种感觉更加明显。Kalexiko
那些有趣的作品展示网站设计欣赏
设计个人作品展示页的时候，我们常常因为缺乏创意而着急挠头，那么如今最先锋、最好玩的展示页都是怎么做的呢?今天一起看看这些令人脑洞大开的设计吧。作品展示类网站绝对是大家最熟悉的网站类别之一，不仅仅是实际需求多，而且对设计师而言，展示个人作品也是常见需求。新技术的加入让网页设计和艺术之间的界限越来越模糊，这也是为什么许多设计师的个人作品站开始越来越富有后现代的美感了。在这个“后可用性时代”，艺术和可用性之间的关系越发的微妙，而这种关系在各类作品展示站上表现的相当明显。作为设计师的展示作品的平台，这类网站通常在艺术上显得更为先锋，在技术的选取上也颇有想法。所以，当你开始研究这些优秀的作品展示站的时候，不妨从它们的美学特征开始着手，再研究其中CSS和HTML代码的运用。FABIO ROCHA让我们从Fabio Rocha 的作品站开始吧。这个网站设计并不复杂，设计师并未固定页面宽度，但是排版和图片素材的处理都相当的用心。整个网站最值得学习的是黄色的运用。K LOGICK Logic 是一个营销公司的展示站，网站按照项目被划分为不同的色块，而网站语言则是英文和希伯来语混用。虽然这类“盒子式”的网站布局往往显得单调，但是K Logic 则展示出这类网站同样是可以做的足够漂亮的。GORAN FILIPOVIC