详细解析设计师如何与像素打交道
-

怎样在网页中应用手绘风格,以改善网站的用户体验
手绘风格非常有利于展示人性色彩,形成独特的识别度,为用户带来真实感。当你收到好友寄来的明信片时,你总是希望看到卡片是手写的,带着好友独特的笔迹,而不是用电脑打印出来的。一
-

解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面, 整理了一些有意思的404页面(后简称404),加之最近网友热议的QQ空间公益404页面,在这里一起拿出来跟大家分享一下。
-

z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
什么是像素眼?为什么大神说越简约的设计越难?为什么总是设计不出高端大气上档次的东西?

下面来深度解析一个按钮的秘密

从视觉角度来看,这是一枚灰色的icon,如果你认为是这样的,那高端大气上档次基本和你没啥关系了。

你可以用吸管吸取这个按钮的任何地方,发现它都不在最左侧区域,最左侧区域才是 白色-黑色,才是没有饱和度的色系。 从编号01这里可以看出,这里加了一点黄色,大家可以找找很多骚气的标,作者们都要么不是加了点蓝色,就是加了点红色 ,但是看上去像灰色系,这时候大家临摹的时候,就蛋疼了,怎么做也和原图不一样。

画这种色系不多,细腻,略装b的标,颜色幅度一定要控制好,就算颜色相近,都别用纯色,拉个渐变,不停的调整,颜色区域不要超过红色区域,这样你的渐变就会带有一种让别人看了似懂非懂、认为此作者非常有内涵、有文化的感觉。

内投影的技法很简单,我在绘制的时候,把距离0-5和大小0-5,透明度8%-90%全部混合试了一遍。最后找到一个看上去最顺眼的组合,千万不可抱着”差不多”的心态,对于细节来说,一点点”差不多”,效果上就会差很多。 ps:我用投影做的一像素高光是在pc上显示,所以我用了距离1,如果按钮是在iphone上显示,那么数值就要调整,因为iphone是高清屏,分辨率不一样,在pc上的一像素,可能在手机上看到的是一根超级超级细的线,所以要弘扬精益求精的精神,设置不同的参数,在手机上不停的演示。



























