推荐阅读
Photoshop调出唯美艺术蓝色调的公园美女照片
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄、绿、白、中性、黑进行调整，参数设置如图1 - 5，效果如图6。这一步把图片中的黄绿色转为青色，高光部分增加淡青色，暗部增加蓝色。
Fireworks MX 模拟灯泡效果
Fireworks MX 增加了一些像素图处理功能以后，我们不仅可以用它做出很好的矢量图，另外完全还可以用它做出很多漂亮的像素图像。 下面就是Fireworks MX 做出的仿真灯泡，左边是透明的灯泡，右边是磨砂灯泡，效果很逼真吧！ 本实例主要运用了贝塞尔曲线工具（钢笔）、渐变、羽化、阴影、新增的“Burn tool”和“Dodge tool”等。 一、磨砂灯泡的制作 1． 建立新文件，用圆角矩形工具拖出一个矩形框，使用次选工具调节两端的节点，如图： 2．再复制３个，依次整齐排列，最好使用Alignment面板。然后使用“Modify/Combine/Union”命令，使他们成为一个整体，调整上下两端的节点，再用线性渐变（Linear）填充，具体设置如图。你也可以使用其他你习惯的方法做出相同的效果。 3． 使用“Ctrl+A”全选，选择“Modify/Flatten Layers”,使之变成位图之后，用“Skew Tool”变形工具稍做变形。（注意：如果不转化成位图，扭曲后只是形状发生变化，里面的填充并不随着变化，仍是平行的线性渐变填充，所以一定要转化成位图。）用矩形工具绘制一个适当的倒立梯形，并填充黑色，位置如图： 4．再分别用Fireworks MX提供的新功能 “Burn tool”和“Dodge tool”在适当的地方进行碳化和添加高光。在使用这两个工具时一定要调整好参数，下手要利落、干净，轻重也要掌握好，其实这步操作也是较麻烦的。经过这步操作后就有了金属螺旋的感觉，进行适当缩放。具体设置和效果如图：
成为专业风光摄影师只需2宝
初级法宝 偏振镜 这片小镜子在很多影友的摄影包里都会有，但不少人用起来并不是十分顺手，感觉用处不大效果不佳;为什么它能够成为专业摄影师的常用法宝呢?有时候也就是这一层镜片的差别，就可以让你的作品画面提高水平。 偏振镜使用步骤 偏振镜作用一：让天空更蓝 使用偏振镜后的蓝天效果 由于偏振镜只让一个方向振动的偏振光通过，偏振镜还可有效压暗有偏振光的蓝天的亮度和影调;这样就能使天空看上去更蓝，色度更纯也更饱和，并使白云更加鲜明突出。对于喜欢使用黑白模式拍摄风光照片的影友来说，把偏振镜和普通的黄色滤光镜组合后，还能让蓝天呈深灰色。阴天偏振镜是无法发挥其作用的。 偏振镜作用二：渐变滤镜 减光拍摄效果 两片偏振镜的组合使用能获得特殊的减光拍摄效果。例如，当两片偏振镜的栅状结构平行时，光线仅仅会被减弱，但若形成垂直关系时，则几乎完全阻挡了所有的光线。事实上，许多摄影师会直接把两片叠合的偏振镜叫做可调中性减光镜。当转动其中的一片偏振镜时，透过取景窗可以看到外面的景物渐渐地变暗，至完全一片漆黑。 晋级法宝 黑卡
CDR3点矩形怎么使用
第一步：点击矩形图标右下角三角形，进入，选择3点矩形。第二步：点击3点矩形工具，在绘图窗口按左键拖动角度方法。第三步：角度方向定好了，对角的90度方向拖动。第四步：就可以创建矩形了。这就是3点矩形的过程。
最新发布
详细解析网页表格设计的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 登录是高频，其他是低频注册、找回密码、修改密码都是低频操作，但都属于迫切程度比较高，也最容易引发挫败感，导致用户投诉及放弃使用产品。