摘要：本文没有咬文嚼字的地方，只是一个技巧的分享，十分简单，简单到流泪。网页视觉层面主要是由形式（或叫布局）、色彩、图片和文字信息组成，设计师通常对形式感关注的比较多，因为视觉冲击力、设计差异性或创新大多都仰赖形式呈现，而色彩主要影响整体观感、设计品质以及受众情绪，很多时候我们设计了一个不错的形式却未能做出这个稿子应有的品质，会不会太可惜？形式需要思考创造，图片素材需要学习处理，文字需要梳理编排，但网页色彩是不是一定需要有天生的色感、丰富的理论和多年经验沉淀才能运用自如？当然不！关于网页配色网页配色的文章在网络上很多，甚至有些泛滥，稍微关注过的同学应该都知道“色轮”、“色卡”等辅助性配色工具，但那更 阅读全文

摘要：CSSSprites技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非常小，往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展，网速的提升，大家越来越重视页面的加载速度，页面效率问题，过去的那些小图便成为了前端开发者的眼中钉，因为每加载一张图片都会产生一次浏览器请求数，发起的请求数越多那么页面加载的速度也越慢。还有当页面加载时，图片一个个的零星显示，鼠标经过时候背景闪白等也 阅读全文

摘要：3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在实际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到网格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素(或亚像素，Sub-pixel，一... 阅读全文

摘要：如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。这里主要介绍六种简单通用的方式——转场、邀请、过渡、反馈、缩放、吸附。由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提 阅读全文