定位胆个位5码必中规律:

WHY? 图层一经建立，立刻给它取个名字；对于新接手的项目，先把图层理顺了。

Try This

Not This

• Handing Off PSDs That Won't Make Your Co-Workers Hate You / Blair Culbreth
• Organizing Photoshop / Chris Coyier
• How to Turn Off 'Add Copy' to Copied Layers / Dave Catley

WHY? 快乐的图层会有快乐的归宿，好的图层分组会让文件易于编辑和处理。

Try This

Not This

• How to Effetively Organize Your Photoshop Layers / Josh Sears

WHY? 过多的废图层会让文件增大许多，同时导致打开速度变慢。

Try This

Not This

• How to Delete All Hidden Layers / Jay Hilgert

WHY? 如果你的logo等有很多层和操作，把他们做成通用的一个对象吧，改了一个地方，其他地方也会同步自动被修改。

Try This

Not This

WHY? 图层组和智能对象可以让你设置不同的状态，而不用新建一个文件去搞定。

Try This

Not This

• States and Layer Comps / Andy Rossi
• Smart Ways to Use Smart Objects / Mindy Wagner
• Smart Objects / Bjango
• Smart Objects for PSD Slicing / Joel Glovier

Try This

Not This

• Roundrect Roundup / Bjango

WHY? 最好的操作当然是一呼而百应啦！

Try This

Not This

• Unveiling Photoshop Masks / Tom Giannattasio

为什么? 当你有一天被总监逼着撸像素对齐的时候，你那好习惯的基友已经和切完图的前端MM走在下班的路上了。

Try This

Not This

• 对齐神器：PS 参考线插件GuideGuide下载及使用说明

WHY? 想看你一大堆混合模式造出来的颜色色值是啥很痛苦哒，简单一些吧。

Try This

Not This

WHY? 让一个图片/logo需要再修改，最好的方法就是保留原图，这样未来修改的时候会方便很多。

Try This

Not This

• Use Layer Masks to Erase / Zach Dunn
• Top Non-Destructive Techniques / Adrian Taylor
• Non-Destructive Dodge and Burning / Phil Coffman

WHY? 排版一致性是关键，PS里很少使用分数或者小数的数值。

Try This

Not This

WHY? 最糟糕的莫过于想要编辑这个字体但是无法编辑，因为你没有这个字体。。。

Try This

Not This

为什么? 切图的大师兄真的通过CSS撸不出你要的“高矮胖瘦”字体。

Try This

Not This

WHY? 当你的文本在需要修改的时候，你就知道这个文本框是多么好用了！他永远会保持你的字体在这个宽度里整齐的展现。

Try This

Not This

• Shaping Textfields / Adrian Taylor

WHY? 合在一起操作非常不便，不好设置字体，字号等。

Try This

Not This

WHY? PS图层的小缩略图代表了图层的原始颜色，用来找图层很方便，所以最好修改它原始的颜色，这样通过缩略图找图层就方便多了。

Try This

Not This

WHY?如果你的平铺纹理有任何瑕疵，一眼就看出来了，要做就一定做好。

Try This

Not This

• 史上最华丽！2000组PS杀手级纹理打包下载
• The Whys & Hows of Textures in Web Design / Jon Savage
• Creating Tileable Textures / Phil Coffman
• Photoshop Patterns Ultimate Guide / Jacob Gube

WHY? 如果你不懂图片是如何使用CSS来表现的，当这个东西带着特效出来的时候使用范围可能会受到很大的限制。

Try This

Not This

• PS教程！教你用一个图层制作相机图标

WHY? 想必大家都遇到过这样的情况，作图会在背景常用一些渐变，这样就很容易出现一个问题，就是传说中的"色带"。任凭你用各种方法去解决，你感觉它总是存在。

Try This

Not This

• Gradients / Bjango

WHY? 细节就是魔鬼，你发现过“内描边”和“外描边”这个细节么？

Try This

Not This

WHY? 建立一个系统的高度、宽度和对齐方式是设计中必不可少的。而它可以最便捷的帮您实现！

Try This

Not This

• 高手之路！网页设计师应该知道的网格系统
• 深入探究photoshop辅助线（附工具推荐）
• 栅格化你的网页

WHY?阴影，像其他的效果，需要 ?改变Photoshop的默认设置，以便看起来像 拟物的或精致的。

Try This

Not This

• 高端提醒：在没有文件打开的情况下，点图层，图层样式，将120度的默认光线角度改成90度，这样会重置全局光线角度为90度，用起来很方便。
• PS教程：长投影、投影式、渐变式阴影的制作方式

WHY? 在英文字体上，有更多选择，更多欢笑，而且更好的兼容和统一的表现！

Try This

Not This

• 推荐！Web中文字体应用指南
• 如何把你的图标转换成web字体

WHY? 设计时最好可以考虑在不同的宽度各个元素的展现方式，以便在任何设备都能达到较好的显示效果。

Try This

Not This

• 神器推荐：Froont！在线可视化响应式网页设计工具
• 致那些终将流行的响应式网页设计（附案例）
• 10款设计师必备的响应式网页设计工具
• 经验分享：响应式排版中的基础知识

WHY? 不要抱着侥幸心理我不会被抓到，人们做设计都很辛苦，也要为其他设计师MM/帅锅考虑考虑哦。

Try This

Not This

• 到哪里找全球顶尖的高清图片？戳开设计师网址导航，“高清图库”栏目里，精挑细选12个绝无仅有的顶尖图库！

WHY? 设计师在关注设计本身的时候容易忽略一些拼写错误。

Try This

Not This

WHY? 在开始设计前，有一份条理清晰的线框图会让你在后期的制作中不慌不乱，给客户定稿的时候也有理有据。

Try This

Not This

WHY? 瞧瞧这个案例，如果真的发生在你的设计稿里，多少会让人有些尴尬，如果作者找上门来，或许就更无地自容了。

Try This

Not This

WHY? 如果你做了太多复杂的效果，以及反人类的一些图层样式。前端攻城师在做设计稿还原的时候，肯定是一边切图一边骂你的过程中完成的。你要知道，ie 6 7 8 9 10是一个大家庭。而他们的表现却并不都一样。

Try This

Not This

WHY? 如果你真这么做了，前端攻城师才不会滴眼药水一个个去验证你的色彩是否一样。他只会选择一个他觉得顺眼的蓝色的。到时候，你可别对着上线的网站说，我嚓！又改老子的设计稿！

Try This

Not This

• 0to255 / Shaun Chapman

WHY? 存储为“WEB和设备所用格式"，地球人都这么做。

Try This

Not This

• Slicy / MacRabbit

WHY? 以把你的图像在优化工具里减肥，适当压缩和减小体积文件是非常必要的。

Try This

Not This

• Optimizing Textured Artwork for PNG Export / Phil Coffman

WHY？ 我们的目标是要尽可能明确的文件是什么，尽可能简单。

Try This

Not This

WHY? CSS excels at being easy to adjust positioning. Photoshop's workflow (Open --> Nudge --> Save for Web)? Not so much.

Try This

Not This

WHY? iOS设备几乎都是"视网膜"屏。 如果你想要你的项目在用户放大后还那么优雅的展现的话，不妨制作Retina版本。

Try This

Not This

• 酷！视网膜屏幕技术在网页设计中的运用